@dereekb/dbx-web 13.0.2 → 13.0.4

package/fesm2022/dereekb-dbx-web.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Injectable, input, inject, effect, Directive, NgModule, Component, output, computed, HostListener, InjectionToken, signal, ChangeDetectionStrategy, ElementRef, Injector, DestroyRef, viewChild, makeEnvironmentProviders, TemplateRef, model, SecurityContext, forwardRef, ViewContainerRef, Optional, Inject, Renderer2 } from '@angular/core';
 import { DASH_CHARACTER_PREFIX_INSTANCE, asPromise, cssClassesSet, isDefinedAndNotFalse, spaceSeparatedCssClasses, objectHasNoKeys, getValueFromGetter, firstValue, filterUndefinedValues, separateValues, splitFront, asDecisionFunction, SLASH_PATH_FILE_TYPE_SEPARATOR, filterMaybeArrayValues, mapIterable, toReadableError, isDefaultReadableError, MS_IN_SECOND, mergeObjects, build, ServerErrorResponse, UnauthorizedServerErrorResponse, makeTimer, MS_IN_MINUTE, toggleTimerRunning, unixDateTimeSecondsNumberForNow, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue, safeCompareEquality, addMilliseconds, isPast, asArray, slashPathDetails, mimeTypeForFileExtension, slashPathDirectoryTree, isMaybeNot, isNotFalse, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, invertMaybeBoolean, splitCommaSeparatedStringToSet, ZIP_FILE_MIME_TYPE, cachedGetter, sortByNumberFunction } from '@dereekb/util';
 import * as i1$2 from '@dereekb/dbx-core';
-import { completeOnDestroy, clean, cleanSubscription, AbstractTransitionWatcherDirective, DbxInjectionComponent, AbstractDbxActionValueGetterDirective, AbstractDbxButtonDirective, provideDbxButton, dbxActionWorkProgress, DbxCoreButtonModule, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DbxActionContextStoreSourceInstance, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, cleanLoadingContext, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, transformEmptyStringInputToUndefined, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, mergeStaticProviders, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive, anchorTypeForAnchor } from '@dereekb/dbx-core';
+import { completeOnDestroy, clean, cleanSubscription, AbstractTransitionWatcherDirective, DbxInjectionComponent, AbstractDbxActionValueGetterDirective, AbstractDbxButtonDirective, provideDbxButton, dbxActionWorkProgress, DbxCoreButtonModule, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DbxActionContextStoreSourceInstance, cleanSubscriptionWithLockSet, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, cleanLoadingContext, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, transformEmptyStringInputToUndefined, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, mergeStaticProviders, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive, anchorTypeForAnchor } from '@dereekb/dbx-core';
 import { NgPopoverRef, NgOverlayContainerService } from 'ng-overlay-container';
 import { of, map, BehaviorSubject, distinctUntilChanged, shareReplay, delay, switchMap, combineLatest, Subject, first, startWith, filter, throttleTime, skip, defaultIfEmpty, delayWhen, timer, asyncScheduler, from, firstValueFrom, mergeMap, race, tap, catchError, distinct, merge, exhaustMap } from 'rxjs';
-import { filterMaybe, asObservable, LockSet, distinctUntilItemsHaveDifferentValues, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, LoadingStateType, loadingStateType, SubscriptionObject, successResult, valueFromFinishedLoadingState, loadingStateContext, initialize, isNot, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, loadingStateFromObs, errorResult, beginLoading, distinctUntilHasDifferentValues } from '@dereekb/rxjs';
+import { filterMaybe, asObservable, LockSet, distinctUntilItemsHaveDifferentValues, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, loadingStateContext, initialize, isNot, mapForEach, SubscriptionObject, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, loadingStateFromObs, errorResult, beginLoading, distinctUntilHasDifferentValues } from '@dereekb/rxjs';
 import { isBoolean } from 'class-validator';
 import { ComponentStore } from '@ngrx/component-store';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
@@ -4117,12 +4117,18 @@ class DbxFileUploadActionSyncDirective {
     source = inject(DbxActionContextStoreSourceInstance);
     uploadCompatable = inject(DbxFileUploadActionCompatable);
     constructor() {
-        cleanSubscription(this.source.isWorkingOrWorkProgress$.subscribe((working) => {
-            this.uploadCompatable.setWorking(working);
-        }));
-        cleanSubscription(this.source.isDisabled$.subscribe((disabled) => {
-            this.uploadCompatable.setDisabled(disabled);
-        }));
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.source.isWorkingOrWorkProgress$.subscribe((working) => {
+                this.uploadCompatable.setWorking(working);
+            })
+        });
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.source.isDisabled$.subscribe((disabled) => {
+                this.uploadCompatable.setDisabled(disabled);
+            })
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFileUploadActionSyncDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFileUploadActionSyncDirective, isStandalone: true, selector: "[dbxFileUploadActionSync]", ngImport: i0 });
@@ -5105,7 +5111,7 @@ class DbxActionSnackbarDirective {
     dbxActionSnackbarDefault = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSnackbarDefault" }] : []));
     dbxActionSnackbarUndo = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSnackbarUndo" }] : []));
     dbxActionSnackbar = input(undefined, { ...(ngDevMode ? { debugName: "dbxActionSnackbar" } : {}), transform: transformEmptyStringInputToUndefined });
-    _sub = cleanSubscription();
+    _sub = cleanSubscriptionWithLockSet({ lockSet: this.source.lockSet });
     ngOnInit() {
         this._sub.setSub(this.source
             .pipeStore((store) => store.loadingState$)
@@ -5354,15 +5360,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class DbxActionConfirmDirective extends AbstractPromptConfirmDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
     dbxActionConfirm = input(undefined, { ...(ngDevMode ? { debugName: "dbxActionConfirm" } : {}), transform: transformEmptyStringInputToUndefined });
-    _sourceSub = new SubscriptionObject();
-    ngOnInit() {
-        this._sourceSub.subscription = this.source.triggered$.subscribe(() => {
-            this.showDialog();
+    constructor() {
+        super();
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.source.triggered$.subscribe(() => {
+                this.showDialog();
+            })
         });
     }
-    ngOnDestroy() {
-        this._sourceSub.destroy();
-    }
     getDefaultDialogConfig() {
         return this.dbxActionConfirm();
     }
@@ -5375,7 +5381,7 @@ class DbxActionConfirmDirective extends AbstractPromptConfirmDirective {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionConfirmDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionConfirmDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionConfirmDirective, isStandalone: true, selector: "[dbxActionConfirm]", inputs: { dbxActionConfirm: { classPropertyName: "dbxActionConfirm", publicName: "dbxActionConfirm", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionConfirmDirective, decorators: [{
@@ -5384,7 +5390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                     selector: '[dbxActionConfirm]',
                     standalone: true
                 }]
-        }], propDecorators: { dbxActionConfirm: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionConfirm", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { dbxActionConfirm: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionConfirm", required: false }] }] } });
 
 const DEFAULT_ACTION_KEY_TRIGGER = 'enter';
 /**
@@ -5619,12 +5625,15 @@ class DbxActionSnackbarErrorDirective {
     source = inject(DbxActionContextStoreSourceInstance);
     config = input(undefined, { ...(ngDevMode ? { debugName: "config" } : {}), alias: 'dbxActionSnackbarError' });
     constructor() {
-        cleanSubscription(this.source.error$.pipe(filterMaybe()).subscribe((inputError) => {
-            const config = this.config();
-            const error = toReadableError(inputError);
-            const snackbarConfig = config ? (typeof config === 'number' ? { duration: config } : config) : undefined;
-            this.dbxErrorSnackbarService.showSnackbarError(error, snackbarConfig);
-        }));
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.source.error$.pipe(filterMaybe()).subscribe((inputError) => {
+                const config = this.config();
+                const error = toReadableError(inputError);
+                const snackbarConfig = config ? (typeof config === 'number' ? { duration: config } : config) : undefined;
+                this.dbxErrorSnackbarService.showSnackbarError(error, snackbarConfig);
+            })
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionSnackbarErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionSnackbarErrorDirective, isStandalone: true, selector: "[dbxActionSnackbarError]", inputs: { config: { classPropertyName: "config", publicName: "dbxActionSnackbarError", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
@@ -7826,6 +7835,7 @@ var SideNavDisplayMode;
  * Navigation component that sits at the side of an app.
  */
 class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
+    _sidenavSub = cleanSubscription();
     _screenMediaService = inject(DbxScreenMediaService);
     color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
     sidenav = viewChild.required(MatSidenav);
@@ -7850,10 +7860,9 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
     modeSignal = toSignal(this.mode$);
     disableBackdropSignal = computed(() => this.modeSignal() !== SideNavDisplayMode.MOBILE, ...(ngDevMode ? [{ debugName: "disableBackdropSignal" }] : []));
     sizeCssClassSignal = computed(() => `dbx-sidenav-${this.modeSignal()}`, ...(ngDevMode ? [{ debugName: "sizeCssClassSignal" }] : []));
-    stateSignal = computed(() => {
-        const mode = this.modeSignal();
+    state$ = this.mode$.pipe(map((mode) => {
         let drawer = 'over';
-        let open = false;
+        let open = true;
         switch (mode) {
             case SideNavDisplayMode.MOBILE:
                 drawer = 'over';
@@ -7862,7 +7871,7 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
             case SideNavDisplayMode.ICON:
             case SideNavDisplayMode.FULL:
                 drawer = 'side';
-                open = true;
+                open = true; // always show
                 break;
         }
         return {
@@ -7870,14 +7879,17 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
             drawer,
             open
         };
-    }, ...(ngDevMode ? [{ debugName: "stateSignal" }] : []));
-    drawerSignal = computed(() => this.stateSignal().drawer, ...(ngDevMode ? [{ debugName: "drawerSignal" }] : []));
-    _stateSignalToggleEffect = effect(() => {
-        const state = this.stateSignal();
-        if (state.open != null) {
-            this._toggleNav(state.open, true);
-        }
-    }, ...(ngDevMode ? [{ debugName: "_stateSignalToggleEffect" }] : []));
+    }), distinctUntilChanged((a, b) => a.mode === b.mode && a.drawer === b.drawer && a.open === b.open), shareReplay(1));
+    stateSignal = toSignal(this.state$);
+    drawerSignal = computed(() => this.stateSignal()?.drawer ?? 'over', ...(ngDevMode ? [{ debugName: "drawerSignal" }] : []));
+    ngOnInit() {
+        // wait until the child sidenav has initialized
+        this._sidenavSub.setSub(this.state$.subscribe((state) => {
+            if (state?.open != null) {
+                this._toggleNav(state.open, true);
+            }
+        }));
+    }
     updateForSuccessfulTransition() {
         this.closeNav();
     }
@@ -7889,7 +7901,7 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
     }
     _toggleNav(toggleOpen, forced = false) {
         toggleOpen = toggleOpen ?? !this.sidenav().opened;
-        const mode = this.stateSignal().mode;
+        const mode = this.stateSignal()?.mode;
         let open;
         if (!forced) {
             switch (mode) {