@theseam/ui-common 0.3.9 → 0.3.11

package/bundles/theseam-ui-common-framework.umd.js

@@ -1781,13 +1781,13 @@
             this.hasHeaderToggle = true;
             this._items = new rxjs.BehaviorSubject([]);
             this._expanded = new rxjs.BehaviorSubject(true);
-            this.expanded$ = this._expanded.asObservable().pipe(operators.tap(function (expanded) { return _this.toggleExpand.emit(expanded); }));
+            this.expanded$ = this._expanded.asObservable();
             this._overlay = new rxjs.BehaviorSubject(false);
             this.overlay$ = this._overlay.asObservable();
             this.toggleExpand = new i0.EventEmitter();
             this._backdropHidden = new rxjs.BehaviorSubject(true);
             this.items$ = this._items.asObservable().pipe(operators.switchMap(function (items) { return _this._sideNav.createItemsObservable(items); }), operators.shareReplay({ bufferSize: 1, refCount: true }));
-            this.isMobile$ = this._layout.isMobile$.pipe(operators.tap(function (isMobile) { return isMobile && _this.collapse(); }));
+            this.isMobile$ = this._layout.isMobile$.pipe(operators.tap(function (isMobile) { return isMobile ? _this.collapse() : _this.expand(); }));
             this.sideNavExpandedState$ = rxjs.combineLatest([this.expanded$, this.overlay$]).pipe(operators.map(function (_a) {
                 var _b = __read(_a, 2), expanded = _b[0], overlay = _b[1];
                 return expanded
@@ -1803,7 +1803,14 @@
         });
         Object.defineProperty(SideNavComponent.prototype, "expanded", {
             get: function () { return this._expanded.value; },
-            set: function (value) { this._expanded.next(coercion.coerceBooleanProperty(value)); },
+            set: function (value) {
+                var expanded = coercion.coerceBooleanProperty(value);
+                var emit = expanded !== this.expanded;
+                this._expanded.next(expanded);
+                if (emit) {
+                    this.toggleExpand.emit(coercion.coerceBooleanProperty(value));
+                }
+            },
             enumerable: false,
             configurable: true
         });