From b6164223761f2634d468f801ec3f624b2a68f316 Mon Sep 17 00:00:00 2001
From: choarau - Syscea <choarau@syscea.com>
Date: Tue, 21 May 2019 13:35:45 +0400
Subject: [PATCH 1/2] add a new method and observable to responsive-window
 component

---
 .../responsive-window/responsive-window.ts    | 34 +++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/@directives/responsive-window/responsive-window.ts b/src/@directives/responsive-window/responsive-window.ts
index 1dbd44f..c48d5d4 100644
--- a/src/@directives/responsive-window/responsive-window.ts
+++ b/src/@directives/responsive-window/responsive-window.ts
@@ -8,6 +8,9 @@ import { DoCheck, Directive, Input, ElementRef, OnInit, OnDestroy, ChangeDetecto
 import { PLATFORM_ID, Inject } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
 import { ResponsiveState } from '../../@core/providers/responsive-state/responsive-state';
+import { ResponsiveConfig } from "../../@core/providers/responsive-config/responsive-config";
+import { Observable } from "rxjs";
+import { map } from "rxjs/operators";
 
 @Directive({
     selector: "[responsive-window]",
@@ -21,15 +24,25 @@ export class ResponsiveWindowDirective implements OnInit, OnDestroy, DoCheck {
 
     @Input('responsive-window') name: string;
 
+    public currentBreakpoint$: Observable<string>;
+
     constructor(
         private _responsiveState: ResponsiveState,
         private el: ElementRef,
         private cd: ChangeDetectorRef,
-        @Inject(PLATFORM_ID) protected _platformId) {
+        @Inject(PLATFORM_ID) protected _platformId,
+        private _responsiveConfig: ResponsiveConfig) {
+
         this._isBrowser = isPlatformBrowser(this._platformId);
         if (this._isBrowser) {
             this.element = el.nativeElement;
         }
+
+        this.currentBreakpoint$ = this._responsiveState
+            .ancho$
+            .pipe(
+                map(this.getCurrentBreakpoint.bind(this))
+            );
     }
     public ngOnInit(): void {
         if (this._isBrowser) {
@@ -48,7 +61,7 @@ export class ResponsiveWindowDirective implements OnInit, OnDestroy, DoCheck {
         }
     }
     public ngOnDestroy() {
-        if(this._isBrowser) {
+        if (this._isBrowser) {
             this._responsiveState.unregisterWindow(this);
         }
     }
@@ -57,6 +70,23 @@ export class ResponsiveWindowDirective implements OnInit, OnDestroy, DoCheck {
         return (this._isBrowser) ? this.element.offsetWidth : 0;
     }
 
+    public getCurrentBreakpoint(): string {
+        const width: number = this.getWidth();
+        console.error("getCurrentBreakpoint", width)
+        if (this._responsiveConfig.config.breakPoints.xl.min <= width) {
+            return 'xl';
+        } else if (this._responsiveConfig.config.breakPoints.lg.max >= width && this._responsiveConfig.config.breakPoints.lg.min <= width) {
+            return 'lg';
+        } else if (this._responsiveConfig.config.breakPoints.md.max >= width && this._responsiveConfig.config.breakPoints.md.min <= width) {
+            return 'md';
+        } else if (this._responsiveConfig.config.breakPoints.sm.max >= width && this._responsiveConfig.config.breakPoints.sm.min <= width) {
+            return 'sm';
+        } else if (this._responsiveConfig.config.breakPoints.xs.max >= width) {
+            return 'xs';
+        }
+    }
+
+
     private _ifValueChanged(oldValue: any, newValue: any): boolean {
         if (oldValue === newValue) {
             return false;

From 5d8d5395bac113c55fc68342b7a90b8d37b96ab8 Mon Sep 17 00:00:00 2001
From: choarau - Syscea <choarau@syscea.com>
Date: Sun, 17 Nov 2019 10:33:12 +0400
Subject: [PATCH 2/2] remove uneeded log

---
 src/@directives/responsive-window/responsive-window.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/@directives/responsive-window/responsive-window.ts b/src/@directives/responsive-window/responsive-window.ts
index c48d5d4..d7a61bd 100644
--- a/src/@directives/responsive-window/responsive-window.ts
+++ b/src/@directives/responsive-window/responsive-window.ts
@@ -72,7 +72,7 @@ export class ResponsiveWindowDirective implements OnInit, OnDestroy, DoCheck {
 
     public getCurrentBreakpoint(): string {
         const width: number = this.getWidth();
-        console.error("getCurrentBreakpoint", width)
+        // console.error("getCurrentBreakpoint", width)
         if (this._responsiveConfig.config.breakPoints.xl.min <= width) {
             return 'xl';
         } else if (this._responsiveConfig.config.breakPoints.lg.max >= width && this._responsiveConfig.config.breakPoints.lg.min <= width) {