@dereekb/dbx-web 9.9.5 → 9.10.1

package/fesm2020/dereekb-dbx-web.mjs

@@ -2452,6 +2452,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
 };
@@ -2475,11 +2476,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.
          */
@@ -2487,7 +2496,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.
          */
@@ -2505,6 +2514,10 @@ class TwoColumnsContextStore extends ComponentStore {
          * Changes the state to show right or not.
          */
         this.setReverseSizing = this.updater((state, reverseSizing) => (isMaybeNot(reverseSizing) ? state : { ...state, reverseSizing }));
+        /**
+         * Changes the state to have right content or not.
+         */
+        this.setHasRight = this.updater((state, hasRight) => (isMaybeNot(hasRight) ? state : { ...state, hasRight }));
         /**
          * Changes the state to show right or not.
          */
@@ -2783,12 +2796,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;
@@ -6820,8 +6833,8 @@ class DbxPopupService {
                 position
             },
             configuration: {
-                width: APP_POPUP_NORMAL_WIDTH,
-                height: APP_POPUP_NORMAL_HEIGHT,
+                width: config.width ?? APP_POPUP_NORMAL_WIDTH,
+                height: config.height ?? APP_POPUP_NORMAL_HEIGHT,
                 useGlobalPositionStrategy: true,
                 hasBackdrop: false,
                 isResizable: false,