@dereekb/dbx-web 9.9.5 → 9.10.1

package/fesm2015/dereekb-dbx-web.mjs

@@ -2458,6 +2458,7 @@ const DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH = 320;
 const INITIAL_STATE = {
     reverseSizing: false,
     showRight: false,
+    hasRight: false,
     fullLeft: false,
     minRightWidth: DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH
 };
@@ -2482,11 +2483,19 @@ class TwoColumnsContextStore extends ComponentStore {
         /**
          * Pipes the current state of showRight.
          */
-        this.showRight$ = this.state$.pipe(map((x) => x.showRight));
+        this.hasRight$ = this.state$.pipe(map((x) => x.showRight));
+        /**
+         * Pipes the current state of showRight.
+         */
+        this.currentShowRight$ = this.state$.pipe(map((x) => x.showRight));
+        /**
+         * Pipes the current state of showRight and hasRight
+         */
+        this.showRight$ = this.state$.pipe(map((x) => x.hasRight && x.showRight));
         /**
          * Convenience function for the showRight compliment.
          */
-        this.hideRight$ = this.state$.pipe(map((x) => !x.showRight));
+        this.hideRight$ = this.showRight$.pipe(map((x) => !x));
         /**
          * Pipes the current state of fullLeft.
          */
@@ -2494,7 +2503,7 @@ class TwoColumnsContextStore extends ComponentStore {
         /**
          * Whether or not to show the full left.
          */
-        this.showFullLeft$ = this.state$.pipe(map((x) => !x.showRight && x.fullLeft));
+        this.showFullLeft$ = this.state$.pipe(map((x) => !(x.hasRight && x.showRight) && x.fullLeft));
         /**
          * Pipes the current backRef value.
          */
@@ -2512,6 +2521,10 @@ class TwoColumnsContextStore extends ComponentStore {
          * Changes the state to show right or not.
          */
         this.setReverseSizing = this.updater((state, reverseSizing) => (isMaybeNot(reverseSizing) ? state : Object.assign(Object.assign({}, state), { reverseSizing })));
+        /**
+         * Changes the state to have right content or not.
+         */
+        this.setHasRight = this.updater((state, hasRight) => (isMaybeNot(hasRight) ? state : Object.assign(Object.assign({}, state), { hasRight })));
         /**
          * Changes the state to show right or not.
          */
@@ -2792,12 +2805,12 @@ class DbxTwoColumnRightComponent {
     }
     ngAfterViewInit() {
         setTimeout(() => {
-            this.twoColumnsContextStore.setShowRight(true);
+            this.twoColumnsContextStore.setHasRight(true);
         });
     }
     ngOnDestroy() {
         this._showBack.complete();
-        this.twoColumnsContextStore.setShowRight(false);
+        this.twoColumnsContextStore.setHasRight(false);
     }
     get showBack() {
         return this._showBack.value;
@@ -6847,7 +6860,7 @@ class DbxPopupService {
         this._overlayContainerService = new NgOverlayContainerService(this._overlay, this._injector);
     }
     open(config) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const service = config.injector ? new NgOverlayContainerService(this._overlay, config.injector) : this._overlayContainerService;
         const isDraggable = (_a = config.isDraggable) !== null && _a !== void 0 ? _a : false;
         const position = (_b = config.position) !== null && _b !== void 0 ? _b : 'bottom_right';
@@ -6856,8 +6869,8 @@ class DbxPopupService {
             data: Object.assign(Object.assign({}, config), { isDraggable,
                 position }),
             configuration: {
-                width: APP_POPUP_NORMAL_WIDTH,
-                height: APP_POPUP_NORMAL_HEIGHT,
+                width: (_c = config.width) !== null && _c !== void 0 ? _c : APP_POPUP_NORMAL_WIDTH,
+                height: (_d = config.height) !== null && _d !== void 0 ? _d : APP_POPUP_NORMAL_HEIGHT,
                 useGlobalPositionStrategy: true,
                 hasBackdrop: false,
                 isResizable: false,