@dereekb/dbx-core 13.9.0 → 13.10.1

package/fesm2022/dereekb-dbx-core.mjs

@@ -67,10 +67,10 @@ class DbxCoreAssetLoader extends AssetLoader {
         }
         return url;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAssetLoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAssetLoader });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAssetLoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAssetLoader });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAssetLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAssetLoader, decorators: [{
             type: Injectable
         }] });
 
@@ -555,6 +555,11 @@ class DbxActionContextStoreSourceInstance {
  *
  * Can be disabled by setting `dbxActionAutoModify` to `false`.
  *
+ * @dbxAction
+ * @dbxActionSlug auto-modify
+ * @dbxActionStateInteraction IDLE
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -589,10 +594,10 @@ class DbxActionAutoModifyDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionAutoModifyDirective, isStandalone: true, selector: "dbxActionAutoModify, [dbxActionAutoModify]", inputs: { autoModifyEnabled: { classPropertyName: "autoModifyEnabled", publicName: "dbxActionAutoModify", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionAutoModifyDirective, isStandalone: true, selector: "dbxActionAutoModify, [dbxActionAutoModify]", inputs: { autoModifyEnabled: { classPropertyName: "autoModifyEnabled", publicName: "dbxActionAutoModify", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionAutoModify, [dbxActionAutoModify]',
@@ -616,6 +621,11 @@ const DBX_ACTION_AUTO_TRIGGER_INSTANT_TRIGGER_DEBOUNCE = 10;
  * Useful for auto-save scenarios where data changes should automatically submit without
  * requiring an explicit user action. Use with care to avoid triggering loops.
  *
+ * @dbxAction
+ * @dbxActionSlug auto-trigger
+ * @dbxActionStateInteraction IDLE, TRIGGERED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -719,10 +729,10 @@ class DbxActionAutoTriggerDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionAutoTriggerDirective, isStandalone: true, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: { triggerDebounce: { classPropertyName: "triggerDebounce", publicName: "triggerDebounce", isSignal: true, isRequired: false, transformFunction: null }, triggerThrottle: { classPropertyName: "triggerThrottle", publicName: "triggerThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerErrorThrottle: { classPropertyName: "triggerErrorThrottle", publicName: "triggerErrorThrottle", isSignal: true, isRequired: false, transformFunction: null }, maxErrorsForThrottle: { classPropertyName: "maxErrorsForThrottle", publicName: "maxErrorsForThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerLimit: { classPropertyName: "triggerLimit", publicName: "triggerLimit", isSignal: true, isRequired: false, transformFunction: null }, triggerEnabled: { classPropertyName: "triggerEnabled", publicName: "dbxActionAutoTrigger", isSignal: true, isRequired: false, transformFunction: null }, useFastTriggerPreset: { classPropertyName: "useFastTriggerPreset", publicName: "useFastTriggerPreset", isSignal: true, isRequired: false, transformFunction: null }, useInstantTriggerPreset: { classPropertyName: "useInstantTriggerPreset", publicName: "useInstantTriggerPreset", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionAutoTriggerDirective, isStandalone: true, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: { triggerDebounce: { classPropertyName: "triggerDebounce", publicName: "triggerDebounce", isSignal: true, isRequired: false, transformFunction: null }, triggerThrottle: { classPropertyName: "triggerThrottle", publicName: "triggerThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerErrorThrottle: { classPropertyName: "triggerErrorThrottle", publicName: "triggerErrorThrottle", isSignal: true, isRequired: false, transformFunction: null }, maxErrorsForThrottle: { classPropertyName: "maxErrorsForThrottle", publicName: "maxErrorsForThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerLimit: { classPropertyName: "triggerLimit", publicName: "triggerLimit", isSignal: true, isRequired: false, transformFunction: null }, triggerEnabled: { classPropertyName: "triggerEnabled", publicName: "dbxActionAutoTrigger", isSignal: true, isRequired: false, transformFunction: null }, useFastTriggerPreset: { classPropertyName: "useFastTriggerPreset", publicName: "useFastTriggerPreset", isSignal: true, isRequired: false, transformFunction: null }, useInstantTriggerPreset: { classPropertyName: "useInstantTriggerPreset", publicName: "useInstantTriggerPreset", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionAutoTrigger,[dbxActionAutoTrigger]',
@@ -770,7 +780,7 @@ class DbxActionWorkInstanceDelegate {
  * @returns The working progress value.
  */
 function dbxActionWorkProgress(workOrWorkProgress, progressPercent) {
-    const workingValue = workOrWorkProgress.reduce((acc, val) => acc ?? val);
+    const workingValue = workOrWorkProgress.reduce((acc, val) => acc ?? val, undefined);
     const isWorking = workingValue != null && workingValue !== false;
     let workingProgress;
     if (isWorking) {
@@ -788,39 +798,62 @@ function dbxActionWorkProgress(workOrWorkProgress, progressPercent) {
 }
 /**
  * Used by ActionContextState to denote what state the action is in.
+ *
+ * @dbxActionStateEnum
  */
 var DbxActionState;
 (function (DbxActionState) {
     /**
      * No action in progress. Waiting for the trigger.
+     *
+     * @dbxActionStateTransitionsFrom RESOLVED, REJECTED, DISABLED
+     * @dbxActionStateTransitionsTo TRIGGERED, DISABLED
      */
     DbxActionState["IDLE"] = "idle";
     /**
      * Idle state that can be set to show that the source is not yet ready.
+     *
+     * @dbxActionStateTransitionsFrom IDLE, RESOLVED, REJECTED
+     * @dbxActionStateTransitionsTo IDLE
      */
     DbxActionState["DISABLED"] = "disabled";
     /**
      * The action was triggered. We wait (and allow) the value to be updated.
+     *
+     * @dbxActionStateTransitionsFrom IDLE
+     * @dbxActionStateTransitionsTo VALUE_READY
      */
     DbxActionState["TRIGGERED"] = "triggered";
     /**
      * The trigger was accepted and the value is updated. It should begin working immediately.
      *
      * ValueReady cannot be set until triggered is set.
+     *
+     * @dbxActionStateTransitionsFrom TRIGGERED
+     * @dbxActionStateTransitionsTo WORKING
      */
     DbxActionState["VALUE_READY"] = "valueReady";
     /**
      * The action is in progress.
+     *
+     * @dbxActionStateTransitionsFrom VALUE_READY
+     * @dbxActionStateTransitionsTo RESOLVED, REJECTED
      */
     DbxActionState["WORKING"] = "working";
     /**
      * The trigger, action, or value was rejected due to an error or other issue.
      *
      * An error may be specified optionally.
+     *
+     * @dbxActionStateTransitionsFrom WORKING
+     * @dbxActionStateTransitionsTo IDLE, DISABLED
      */
     DbxActionState["REJECTED"] = "rejected";
     /**
      * The action resolved without issue.
+     *
+     * @dbxActionStateTransitionsFrom WORKING
+     * @dbxActionStateTransitionsTo IDLE, DISABLED
      */
     DbxActionState["RESOLVED"] = "resolved";
 })(DbxActionState || (DbxActionState = {}));
@@ -1010,7 +1043,7 @@ function loadingStateForActionContextState(state) {
         case DbxActionState.TRIGGERED:
         case DbxActionState.VALUE_READY:
         case DbxActionState.WORKING:
-            loadingState = beginLoading(state.workProgress != null ? { loadingProgress: state.workProgress } : undefined);
+            loadingState = beginLoading(state.workProgress == null ? undefined : { loadingProgress: state.workProgress });
             break;
     }
     return loadingState;
@@ -1051,6 +1084,13 @@ const ACTION_CONTEXT_STORE_LOCKSET_DESTROY_DELAY_TIME = 2000;
  * IDLE/DISABLED -> TRIGGERED -> VALUE_READY -> WORKING -> RESOLVED | REJECTED
  * ```
  *
+ * @dbxAction
+ * @dbxActionSlug action-context-store
+ * @dbxActionRole store
+ * @dbxActionDisabledKey dbx_action_disabled
+ * @dbxActionDisabledKey dbx_action_enforce_modified
+ * @dbxActionSkillRefs dbx__ref__dbx-component-patterns
+ *
  * @typeParam T - The input value type provided after triggering.
  * @typeParam O - The output result type produced on resolution.
  *
@@ -1269,10 +1309,10 @@ class ActionContextStore extends ComponentStore {
         // do not call super.destroy here, to keep the component store from destroying itself.
         // the lockset is configured to cleanup the component store.
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionContextStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ActionContextStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionContextStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ActionContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function updateIsSameOnActionContextState(state, isSame) {
@@ -1430,10 +1470,10 @@ class DbxActionContextMachineAsService extends DbxActionContextMachine {
         });
         clean(() => this.destroy());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextMachineAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextMachineAsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextMachineAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextMachineAsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextMachineAsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextMachineAsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1504,6 +1544,11 @@ function provideSecondaryActionStoreSource(sourceType) {
  * On destruction, the directive coordinates cleanup through a {@link LockSet} to ensure
  * in-flight operations complete before the store is torn down.
  *
+ * @dbxAction
+ * @dbxActionSlug action
+ * @dbxActionStateInteraction IDLE
+ * @dbxActionProducesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -1537,10 +1582,10 @@ class DbxActionDirective extends DbxActionContextBaseSource {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxActionDirective, isStandalone: true, selector: "dbx-action,[dbxAction]", providers: provideActionStoreSource(DbxActionDirective), exportAs: ["action", "dbxAction"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxActionDirective, isStandalone: true, selector: "dbx-action,[dbxAction]", providers: provideActionStoreSource(DbxActionDirective), exportAs: ["action", "dbxAction"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-action,[dbxAction]',
@@ -1558,6 +1603,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * This is useful when an action context is created programmatically (e.g., via
  * {@link DbxActionContextMachine}) and needs to be shared with template-based directives.
  *
+ * @dbxAction
+ * @dbxActionSlug source
+ *
  * @example
  * ```html
  * <!-- Forward a programmatic action source to template directives -->
@@ -1574,10 +1622,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 class DbxActionSourceDirective {
     dbxActionSource = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSource" }] : /* istanbul ignore next */ []));
     store$ = toObservable(this.dbxActionSource).pipe(filterMaybe(), switchMap((x) => actionContextStoreSourcePipe(x.store$)));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionSourceDirective, isStandalone: true, selector: "[dbxActionSource]", inputs: { dbxActionSource: { classPropertyName: "dbxActionSource", publicName: "dbxActionSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionSourceDirective, isStandalone: true, selector: "[dbxActionSource]", inputs: { dbxActionSource: { classPropertyName: "dbxActionSource", publicName: "dbxActionSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionSource]',
@@ -1592,6 +1640,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Subscribes to the parent action's full state stream and prints each state snapshot
  * via `console.log`. Useful during development to inspect the action lifecycle transitions.
  *
+ * @dbxAction
+ * @dbxActionSlug logger
+ * @dbxActionStateInteraction IDLE, TRIGGERED, VALUE_READY, WORKING, RESOLVED, REJECTED, DISABLED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -1610,10 +1663,10 @@ class DbxActionContextLoggerDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxActionContextLoggerDirective, isStandalone: true, selector: "[dbxActionLogger],[dbxActionContextLogger]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxActionContextLoggerDirective, isStandalone: true, selector: "[dbxActionLogger],[dbxActionContextLogger]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionLogger],[dbxActionContextLogger]',
@@ -1697,6 +1750,9 @@ function actionContextStoreSourceMap() {
  *
  * The map is exported as `actionMap` for template reference access.
  *
+ * @dbxAction
+ * @dbxActionSlug context-map
+ *
  * @example
  * ```html
  * <div dbxActionContextMap>
@@ -1714,15 +1770,15 @@ function actionContextStoreSourceMap() {
  */
 class DbxActionContextMapDirective {
     actionContextStoreSourceMap = clean(inject(ActionContextStoreSourceMap));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxActionContextMapDirective, isStandalone: true, selector: "[dbxActionContextMap]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxActionContextMapDirective, isStandalone: true, selector: "[dbxActionContextMap]", providers: [
             {
                 provide: ActionContextStoreSourceMap,
                 useFactory: actionContextStoreSourceMap
             }
         ], exportAs: ["actionMap"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionContextMap]',
@@ -1766,10 +1822,10 @@ class DbxActionFromMapDirective {
     key = input(undefined, { ...(ngDevMode ? { debugName: "key" } : /* istanbul ignore next */ {}), alias: 'dbxActionFromMap' });
     key$ = toObservable(this.key);
     store$ = this.key$.pipe(filterMaybe(), switchMap((x) => this._actionContextStoreSourceMap.sourceForKey(x).store$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionFromMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionFromMapDirective, isStandalone: true, selector: "[dbxActionFromMap]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionFromMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionFromMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionFromMapDirective, isStandalone: true, selector: "[dbxActionFromMap]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionFromMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionFromMap]',
@@ -1823,10 +1879,10 @@ class DbxActionMapSourceDirective {
             this._actionContextStoreSourceMap.removeStoreSource(this._currentKey);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionMapSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionMapSourceDirective, isStandalone: true, selector: "[dbxActionMapSource]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionMapSource", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionMapSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionMapSourceDirective, isStandalone: true, selector: "[dbxActionMapSource]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionMapSource", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapSource]',
@@ -1915,10 +1971,10 @@ class DbxActionMapWorkingDisableDirective {
             this.source.enable(this.disabledKey() || DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionMapWorkingDisableDirective, isStandalone: true, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: { classPropertyName: "disabledKey", publicName: "dbxActionMapWorkingDisable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionMapWorkingDisableDirective, isStandalone: true, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: { classPropertyName: "disabledKey", publicName: "dbxActionMapWorkingDisable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapWorkingDisable]',
@@ -1939,6 +1995,11 @@ const APP_ACTION_DISABLED_DIRECTIVE_KEY = 'dbx_action_disabled';
  *
  * The disable key is automatically cleaned up on directive destruction.
  *
+ * @dbxAction
+ * @dbxActionSlug disabled
+ * @dbxActionStateInteraction DISABLED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -1963,10 +2024,10 @@ class DbxActionDisabledDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_DISABLED_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionDisabledDirective, isStandalone: true, selector: "[dbxActionDisabled]", inputs: { disabled: { classPropertyName: "disabled", publicName: "dbxActionDisabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionDisabledDirective, isStandalone: true, selector: "[dbxActionDisabled]", inputs: { disabled: { classPropertyName: "disabled", publicName: "dbxActionDisabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionDisabled]',
@@ -1989,6 +2050,11 @@ const APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY = 'dbx_action_disabled_on_suc
  *
  * The disable key is automatically cleaned up on directive destruction.
  *
+ * @dbxAction
+ * @dbxActionSlug disabled-on-success
+ * @dbxActionStateInteraction RESOLVED, DISABLED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2013,10 +2079,10 @@ class DbxActionDisabledOnSuccessDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionDisabledOnSuccessDirective, isStandalone: true, selector: "[dbxActionDisabledOnSuccess]", inputs: { disabledOnSuccess: { classPropertyName: "disabledOnSuccess", publicName: "dbxActionDisabledOnSuccess", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionDisabledOnSuccessDirective, isStandalone: true, selector: "[dbxActionDisabledOnSuccess]", inputs: { disabledOnSuccess: { classPropertyName: "disabledOnSuccess", publicName: "dbxActionDisabledOnSuccess", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionDisabledOnSuccess]',
@@ -2121,10 +2187,10 @@ class AbstractDbxActionHandlerDirective {
     constructor() {
         this._dbxActionHandlerInstance.init();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractDbxActionHandlerDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractDbxActionHandlerDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxActionHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxActionHandlerDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 /**
@@ -2134,6 +2200,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * called with the value and a work context. The work function is responsible for performing
  * the async operation and signaling success or failure through the context.
  *
+ * @dbxAction
+ * @dbxActionSlug handler
+ * @dbxActionStateInteraction VALUE_READY, WORKING, RESOLVED, REJECTED
+ * @dbxActionConsumesContext
+ * @dbxActionSkillRefs dbx__ref__dbx-component-patterns, dbx__guide__action-analytics
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2152,10 +2224,10 @@ class DbxActionHandlerDirective extends AbstractDbxActionHandlerDirective {
     _handlerFunctionEffect = effect(() => {
         this._dbxActionHandlerInstance.setHandlerFunction(this.handlerFunction());
     }, ...(ngDevMode ? [{ debugName: "_handlerFunctionEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionHandlerDirective, isStandalone: true, selector: "[dbxActionHandler]", inputs: { handlerFunction: { classPropertyName: "handlerFunction", publicName: "dbxActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionHandlerDirective, isStandalone: true, selector: "[dbxActionHandler]", inputs: { handlerFunction: { classPropertyName: "handlerFunction", publicName: "dbxActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHandler]',
@@ -2169,6 +2241,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * The provided value (or the result of calling the getter/factory) is used directly as the
  * action's result, with the working/success lifecycle handled automatically.
  *
+ * @dbxAction
+ * @dbxActionSlug handler-value
+ * @dbxActionStateInteraction VALUE_READY, WORKING, RESOLVED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2187,10 +2264,10 @@ class DbxActionHandlerValueDirective extends AbstractDbxActionHandlerDirective {
     _handlerValueEffect = effect(() => {
         this._dbxActionHandlerInstance.setHandlerValue(this.handlerValue());
     }, ...(ngDevMode ? [{ debugName: "_handlerValueEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHandlerValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionHandlerValueDirective, isStandalone: true, selector: "[dbxActionHandlerValue]", inputs: { handlerValue: { classPropertyName: "handlerValue", publicName: "dbxActionHandlerValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHandlerValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionHandlerValueDirective, isStandalone: true, selector: "[dbxActionHandlerValue]", inputs: { handlerValue: { classPropertyName: "handlerValue", publicName: "dbxActionHandlerValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHandlerValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHandlerValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHandlerValue]',
@@ -2232,10 +2309,10 @@ class AbstractIfDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractIfDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractIfDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractIfDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractIfDirective, decorators: [{
             type: Directive
         }] });
 
@@ -2290,10 +2367,10 @@ class DbxActionIdleDirective extends AbstractIfDirective {
     show$ = this._store.idle$.pipe(exhaustMap((idle) => {
         return idle ? emitDelayObs(true, false, this.hideAfter()) : of(false);
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIdleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionIdleDirective, isStandalone: true, selector: "[dbxActionIdle]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionIdle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIdleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionIdleDirective, isStandalone: true, selector: "[dbxActionIdle]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionIdle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIdleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIdleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionIdle]',
@@ -2333,10 +2410,10 @@ class DbxActionPreSuccessDirective extends AbstractIfDirective {
     show$ = this._store.isSuccess$.pipe(exhaustMap((success) => {
         return success ? emitDelayObs(false, true, this.hideFor()) : of(true);
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionPreSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionPreSuccessDirective, isStandalone: true, selector: "[dbxActionPreSuccess]", inputs: { hideFor: { classPropertyName: "hideFor", publicName: "dbxActionPreSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionPreSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionPreSuccessDirective, isStandalone: true, selector: "[dbxActionPreSuccess]", inputs: { hideFor: { classPropertyName: "hideFor", publicName: "dbxActionPreSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionPreSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionPreSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionPreSuccess]',
@@ -2374,10 +2451,10 @@ class DbxActionHasSuccessDirective extends AbstractIfDirective {
     show$ = this._store.isSuccess$.pipe(exhaustMap((success) => {
         return success ? emitDelayObs(true, false, this.hideAfter()) : of(false);
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHasSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionHasSuccessDirective, isStandalone: true, selector: "[dbxActionHasSuccess]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionHasSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHasSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionHasSuccessDirective, isStandalone: true, selector: "[dbxActionHasSuccess]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionHasSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionHasSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionHasSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHasSuccess]',
@@ -2420,10 +2497,10 @@ class DbxActionSuccessHandlerDirective {
                 .subscribe()
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionSuccessHandlerDirective, isStandalone: true, selector: "[dbxActionSuccessHandler]", inputs: { dbxActionSuccessHandler: { classPropertyName: "dbxActionSuccessHandler", publicName: "dbxActionSuccessHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionSuccessHandlerDirective, isStandalone: true, selector: "[dbxActionSuccessHandler]", inputs: { dbxActionSuccessHandler: { classPropertyName: "dbxActionSuccessHandler", publicName: "dbxActionSuccessHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionSuccessHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionSuccessHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionSuccessHandler]',
@@ -2438,6 +2515,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * This is useful for performing side effects like logging, showing error toasts, or
  * handling specific error conditions programmatically.
  *
+ * @dbxAction
+ * @dbxActionSlug error-handler
+ * @dbxActionStateInteraction REJECTED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2465,10 +2547,10 @@ class DbxActionErrorHandlerDirective {
                 .subscribe()
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionErrorHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionErrorHandlerDirective, isStandalone: true, selector: "[dbxActionErrorHandler]", inputs: { dbxActionErrorHandler: { classPropertyName: "dbxActionErrorHandler", publicName: "dbxActionErrorHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionErrorHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionErrorHandlerDirective, isStandalone: true, selector: "[dbxActionErrorHandler]", inputs: { dbxActionErrorHandler: { classPropertyName: "dbxActionErrorHandler", publicName: "dbxActionErrorHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionErrorHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionErrorHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionErrorHandler]',
@@ -2486,6 +2568,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * The input filters out null/undefined values, waiting until a non-null value is provided.
  * If you need to pass null/undefined as valid action values, use {@link DbxActionValueTriggerDirective} instead.
  *
+ * @dbxAction
+ * @dbxActionSlug value
+ * @dbxActionStateInteraction TRIGGERED, VALUE_READY
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2526,10 +2613,10 @@ class DbxActionValueDirective {
     setValueOrFunction(value) {
         this._valueOrFunctionOverride.next(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionValueDirective, isStandalone: true, selector: "dbxActionValue,[dbxActionValue]", inputs: { valueOrFunction: { classPropertyName: "valueOrFunction", publicName: "dbxActionValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionValueDirective, isStandalone: true, selector: "dbxActionValue,[dbxActionValue]", inputs: { valueOrFunction: { classPropertyName: "valueOrFunction", publicName: "dbxActionValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionValue,[dbxActionValue]',
@@ -2574,10 +2661,10 @@ class DbxActionIsWorkingDirective extends AbstractIfDirective {
         const hideAfter = this.hideAfterSignal();
         return isWorking && hideAfter != null ? emitDelayObs(true, false, hideAfter) : of(isWorking);
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIsWorkingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionIsWorkingDirective, isStandalone: true, selector: "[dbxActionWorking],[dbxActionIsWorking]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionWorking", isSignal: true, isRequired: false, transformFunction: null }, hideAfterIsWorking: { classPropertyName: "hideAfterIsWorking", publicName: "dbxActionIsWorking", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIsWorkingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionIsWorkingDirective, isStandalone: true, selector: "[dbxActionWorking],[dbxActionIsWorking]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionWorking", isSignal: true, isRequired: false, transformFunction: null }, hideAfterIsWorking: { classPropertyName: "hideAfterIsWorking", publicName: "dbxActionIsWorking", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIsWorkingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIsWorkingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionWorking],[dbxActionIsWorking]',
@@ -2601,6 +2688,11 @@ const APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY = 'dbx_action_enforce_modified';
  *
  * The disable key is automatically cleaned up on directive destruction.
  *
+ * @dbxAction
+ * @dbxActionSlug enforce-modified
+ * @dbxActionStateInteraction IDLE, DISABLED
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2625,10 +2717,10 @@ class DbxActionEnforceModifiedDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionEnforceModifiedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionEnforceModifiedDirective, isStandalone: true, selector: "[dbxActionEnforceModified]", inputs: { enabled: { classPropertyName: "enabled", publicName: "dbxActionEnforceModified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionEnforceModifiedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionEnforceModifiedDirective, isStandalone: true, selector: "[dbxActionEnforceModified]", inputs: { enabled: { classPropertyName: "enabled", publicName: "dbxActionEnforceModified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionEnforceModifiedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionEnforceModifiedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionEnforceModified]',
@@ -2652,10 +2744,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 class DbxActionIsModifiedDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
     show$ = this._store.isModified$.pipe(shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIsModifiedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxActionIsModifiedDirective, isStandalone: true, selector: "[dbxActionIsModified]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIsModifiedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxActionIsModifiedDirective, isStandalone: true, selector: "[dbxActionIsModified]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionIsModifiedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionIsModifiedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionIsModified]',
@@ -2772,10 +2864,10 @@ class AbstractDbxActionValueGetterDirective {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxActionValueGetterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractDbxActionValueGetterDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxActionValueGetterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractDbxActionValueGetterDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxActionValueGetterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxActionValueGetterDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 /**
@@ -2789,6 +2881,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Supports optional `isModified` and `isEqual` functions to control whether the retrieved
  * value should proceed to `readyValue` or be rejected.
  *
+ * @dbxAction
+ * @dbxActionSlug value-getter
+ * @dbxActionStateInteraction TRIGGERED, VALUE_READY
+ * @dbxActionConsumesContext
+ *
  * @example
  * ```html
  * <div dbxAction>
@@ -2813,10 +2910,10 @@ class DbxActionValueTriggerDirective extends AbstractDbxActionValueGetterDirecti
             isEqualSignal: this.dbxActionValueGetterIsEqual
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionValueTriggerDirective, isStandalone: true, selector: "[dbxActionValueGetter]", inputs: { dbxActionValueGetter: { classPropertyName: "dbxActionValueGetter", publicName: "dbxActionValueGetter", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsModified: { classPropertyName: "dbxActionValueGetterIsModified", publicName: "dbxActionValueGetterIsModified", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsEqual: { classPropertyName: "dbxActionValueGetterIsEqual", publicName: "dbxActionValueGetterIsEqual", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxActionValueGetter"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionValueTriggerDirective, isStandalone: true, selector: "[dbxActionValueGetter]", inputs: { dbxActionValueGetter: { classPropertyName: "dbxActionValueGetter", publicName: "dbxActionValueGetter", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsModified: { classPropertyName: "dbxActionValueGetterIsModified", publicName: "dbxActionValueGetterIsModified", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsEqual: { classPropertyName: "dbxActionValueGetterIsEqual", publicName: "dbxActionValueGetterIsEqual", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxActionValueGetter"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'dbxActionValueGetter',
@@ -2888,10 +2985,10 @@ class DbxActionValueStreamDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueStreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionValueStreamDirective, isStandalone: true, selector: "[dbxActionValueStream]", inputs: { dbxActionValueStream: { classPropertyName: "dbxActionValueStream", publicName: "dbxActionValueStream", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsEqualValue: { classPropertyName: "dbxActionValueStreamIsEqualValue", publicName: "dbxActionValueStreamIsEqualValue", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsModifiedValue: { classPropertyName: "dbxActionValueStreamIsModifiedValue", publicName: "dbxActionValueStreamIsModifiedValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueStreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionValueStreamDirective, isStandalone: true, selector: "[dbxActionValueStream]", inputs: { dbxActionValueStream: { classPropertyName: "dbxActionValueStream", publicName: "dbxActionValueStream", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsEqualValue: { classPropertyName: "dbxActionValueStreamIsEqualValue", publicName: "dbxActionValueStreamIsEqualValue", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsModifiedValue: { classPropertyName: "dbxActionValueStreamIsModifiedValue", publicName: "dbxActionValueStreamIsModifiedValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionValueStreamDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionValueStreamDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionValueStream]',
@@ -2920,10 +3017,10 @@ class DbxActionTriggeredDirective extends AbstractIfDirective {
     show$ = this._store.triggered$.pipe(exhaustMap((triggered) => {
         return triggered ? emitDelayObs(true, false, this.hideAfter()) : of(false);
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionTriggeredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionTriggeredDirective, isStandalone: true, selector: "[dbxActionTriggered]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionTriggered", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionTriggeredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionTriggeredDirective, isStandalone: true, selector: "[dbxActionTriggered]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionTriggered", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionTriggeredDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionTriggeredDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionTriggered]',
@@ -2959,8 +3056,8 @@ const importsAndExports$2 = [
  * Contains all base DbxAction components.
  */
 class DbxCoreActionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreActionModule, imports: [DbxActionDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreActionModule, imports: [DbxActionDirective,
             DbxActionContextMapDirective,
             DbxActionFromMapDirective,
             DbxActionMapSourceDirective,
@@ -3003,9 +3100,9 @@ class DbxCoreActionModule {
             DbxActionSuccessHandlerDirective,
             DbxActionErrorHandlerDirective,
             DbxActionIsWorkingDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreActionModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreActionModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreActionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports$2,
@@ -3462,6 +3559,10 @@ var data_action = /*#__PURE__*/Object.freeze({
     setState: setState
 });
 
+/**
+ * Accessor for the DbxAppContextStateData in our DbxAppContextFeatureState.
+ */
+
 var index$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     DbxAppContextActions: data_action
@@ -3564,7 +3665,7 @@ const NO_AUTH_USER_IDENTIFIER = '0';
  * ```
  */
 function authUserIdentifier(inputId) {
-    return inputId ? inputId : NO_AUTH_USER_IDENTIFIER;
+    return inputId || NO_AUTH_USER_IDENTIFIER;
 }
 
 /**
@@ -3655,6 +3756,10 @@ var user_action = /*#__PURE__*/Object.freeze({
     setUserState: setUserState
 });
 
+/**
+ * Actions related to the auth state.
+ */
+
 var index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     DbxAppAuthActions: auth_action,
@@ -3967,10 +4072,10 @@ class DbxAppAuthRouterService {
     goToApp() {
         return goWithRouter(this.dbxRouterService)(this.dbxAppAuthRoutes.appRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4018,10 +4123,10 @@ class DbxAppAuthRouterEffects extends AbstractOnDbxAppContextStateEffects {
      * Effect to redirect to the app when login occurs.
      */
     redirectToOnboardOnLogIn = createEffect(() => this.actions$.pipe(ofType(loggedIn), switchMap(() => this.dbxAppAuthRouterService.shouldAuthEffectsRedirect$.pipe(first())), filter((shouldRedirect) => shouldRedirect), exhaustMap(() => this.dbxAppAuthRouterService.goToApp())), { dispatch: false });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthRouterEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthRouterEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4216,10 +4321,10 @@ class DbxAppAuthEffects {
      * Syncs the user's onboarding status from the auth service into the NgRx store.
      */
     setUserIsOnboarded = createEffect(() => this.dbxAuthService.isOnboarded$.pipe(map((isOnboarded) => setUserIsOnboarded({ isOnboarded }))));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
             type: Injectable
         }] });
 
@@ -4299,10 +4404,10 @@ class DbxAuthHasAnyRoleDirective extends AbstractIfDirective {
     targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : /* istanbul ignore next */ {}), alias: 'dbxAuthHasAnyRole' });
     targetRoles$ = toObservable(this.targetRoles);
     show$ = this._authService.authRoles$.pipe(authRolesSetContainsAnyRoleFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthHasAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxAuthHasAnyRoleDirective, isStandalone: true, selector: "[dbxAuthHasAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthHasAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxAuthHasAnyRoleDirective, isStandalone: true, selector: "[dbxAuthHasAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxAuthHasAnyRole]',
@@ -4335,10 +4440,10 @@ class DbxAuthHasRolesDirective extends AbstractIfDirective {
     targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : /* istanbul ignore next */ {}), alias: 'dbxAuthHasRoles' });
     targetRoles$ = toObservable(this.targetRoles);
     show$ = this._authService.authRoles$.pipe(authRolesSetContainsAllRolesFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthHasRolesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxAuthHasRolesDirective, isStandalone: true, selector: "[dbxAuthHasRoles]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasRoles", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthHasRolesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxAuthHasRolesDirective, isStandalone: true, selector: "[dbxAuthHasRoles]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasRoles", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxAuthHasRoles]',
@@ -4371,10 +4476,10 @@ class DbxAuthNotAnyRoleDirective extends AbstractIfDirective {
     targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : /* istanbul ignore next */ {}), alias: 'dbxAuthNotAnyRole' });
     targetRoles$ = toObservable(this.targetRoles);
     show$ = this._authService.authRoles$.pipe(authRolesSetContainsNoRolesFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthNotAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxAuthNotAnyRoleDirective, isStandalone: true, selector: "[dbxAuthNotAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthNotAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthNotAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxAuthNotAnyRoleDirective, isStandalone: true, selector: "[dbxAuthNotAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthNotAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAuthNotAnyRoleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAuthNotAnyRoleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxAuthNotAnyRole]',
@@ -4411,10 +4516,10 @@ class DbxAppAuthStateService {
      * Observable of the current {@link DbxAppAuthStateUser} from the NgRx store.
      */
     authStateUser$ = this.store.select(selectDbxAppAuthUser);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4498,10 +4603,10 @@ class DbxActionButtonTriggerDirective {
     _buttonClicked() {
         this.source.trigger();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxActionButtonTriggerDirective, isStandalone: true, selector: "[dbxActionButtonTrigger]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxActionButtonTriggerDirective, isStandalone: true, selector: "[dbxActionButtonTrigger]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionButtonTrigger]',
@@ -4625,10 +4730,10 @@ class DbxActionButtonDirective extends DbxActionButtonTriggerDirective {
         };
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxActionButtonDirective, isStandalone: true, selector: "[dbxActionButton]", inputs: { dbxActionButtonEcho: { classPropertyName: "dbxActionButtonEcho", publicName: "dbxActionButtonEcho", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxActionButtonDirective, isStandalone: true, selector: "[dbxActionButton]", inputs: { dbxActionButtonEcho: { classPropertyName: "dbxActionButtonEcho", publicName: "dbxActionButtonEcho", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionButton]',
@@ -4666,10 +4771,10 @@ class DbxButtonSegueDirective {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxButtonSegueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxButtonSegueDirective, isStandalone: true, selector: "[dbxButtonSegue]", inputs: { segueRef: { classPropertyName: "segueRef", publicName: "dbxButtonSegue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxButtonSegueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxButtonSegueDirective, isStandalone: true, selector: "[dbxButtonSegue]", inputs: { segueRef: { classPropertyName: "segueRef", publicName: "dbxButtonSegue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButtonSegue]',
@@ -4707,7 +4812,7 @@ class AbstractDbxButtonDirective {
     buttonClick = output();
     ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: Boolean });
-    working = input(false, { ...(ngDevMode ? { debugName: "working" } : /* istanbul ignore next */ {}), transform: (x) => (x == null ? false : x) });
+    working = input(false, { ...(ngDevMode ? { debugName: "working" } : /* istanbul ignore next */ {}), transform: (x) => x ?? false });
     buttonDisplay = input(undefined, ...(ngDevMode ? [{ debugName: "buttonDisplay" }] : /* istanbul ignore next */ []));
     _disabledSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabledSignal" }] : /* istanbul ignore next */ []));
     _workingSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_workingSignal" }] : /* istanbul ignore next */ []));
@@ -4738,7 +4843,7 @@ class AbstractDbxButtonDirective {
     clicked$ = outputToObservable(this.buttonClick);
     constructor() {
         cleanSubscription(this._buttonClick
-            .pipe(switchMap(() => this._buttonInterceptor.pipe(switchMap((x) => (x ? x.interceptButtonClick().pipe(first()) : of(true))), filter((x) => Boolean(x)) // Ignore false values.
+            .pipe(switchMap(() => this._buttonInterceptor.pipe(switchMap((x) => (x ? x.interceptButtonClick().pipe(first()) : of(true))), filter(Boolean) // Ignore false values.
         )))
             .subscribe(() => {
             this._forceButtonClicked();
@@ -4778,10 +4883,10 @@ class AbstractDbxButtonDirective {
     _forceButtonClicked() {
         this.buttonClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: AbstractDbxButtonDirective, isStandalone: true, inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, working: { classPropertyName: "working", publicName: "working", isSignal: true, isRequired: false, transformFunction: null }, buttonDisplay: { classPropertyName: "buttonDisplay", publicName: "buttonDisplay", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: AbstractDbxButtonDirective, isStandalone: true, inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, working: { classPropertyName: "working", publicName: "working", isSignal: true, isRequired: false, transformFunction: null }, buttonDisplay: { classPropertyName: "buttonDisplay", publicName: "buttonDisplay", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { buttonClick: [{ type: i0.Output, args: ["buttonClick"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], working: [{ type: i0.Input, args: [{ isSignal: true, alias: "working", required: false }] }], buttonDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonDisplay", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 // MARK: Implementation
@@ -4805,10 +4910,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * ```
  */
 class DbxButtonDirective extends AbstractDbxButtonDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxButtonDirective, isStandalone: true, selector: "[dbxButton]", providers: provideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxButtonDirective, isStandalone: true, selector: "[dbxButton]", providers: provideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButton]',
@@ -4848,10 +4953,10 @@ class DbxLoadingButtonDirective {
         }
         this._loadingEffectSub.setSub(subscription);
     }, ...(ngDevMode ? [{ debugName: "_loadingEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxLoadingButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxLoadingButtonDirective, isStandalone: true, selector: "[dbxLoadingButton]", inputs: { context: { classPropertyName: "context", publicName: "dbxLoadingButton", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxLoadingButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxLoadingButtonDirective, isStandalone: true, selector: "[dbxLoadingButton]", inputs: { context: { classPropertyName: "context", publicName: "dbxLoadingButton", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxLoadingButton]',
@@ -4869,11 +4974,11 @@ const importsAndExports$1 = [DbxButtonDirective, DbxLoadingButtonDirective, DbxA
  * - DbxButtonSegueDirective
  */
 class DbxCoreButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreButtonModule, imports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective], exports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreButtonModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreButtonModule, imports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective], exports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreButtonModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports$1,
@@ -4908,10 +5013,10 @@ class DbxAppContextService {
     resetState() {
         this.store.next(resetState());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppContextService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppContextService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4945,10 +5050,10 @@ class DbxAppContextStateDirective {
             this.dbxAppContextStateService.setState(state);
         }
     }, ...(ngDevMode ? [{ debugName: "_stateEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppContextStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxAppContextStateDirective, isStandalone: true, selector: "[dbxAppContextState]", inputs: { state: { classPropertyName: "state", publicName: "dbxAppContextState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppContextStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxAppContextStateDirective, isStandalone: true, selector: "[dbxAppContextState]", inputs: { state: { classPropertyName: "state", publicName: "dbxAppContextState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppContextStateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppContextStateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxAppContextState]',
@@ -5022,10 +5127,10 @@ class DbxAppEnviromentService {
     getEnvironment() {
         return this.environment;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppEnviromentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppEnviromentService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppEnviromentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppEnviromentService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAppEnviromentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAppEnviromentService, decorators: [{
             type: Injectable
         }] });
 
@@ -5287,10 +5392,10 @@ class AbstractDbxAnchorDirective {
     setSelected(selected) {
         this.selected.set(selected);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: AbstractDbxAnchorDirective, isStandalone: true, inputs: { ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ref: "refChange", anchor: "anchorChange", disabled: "disabledChange", selected: "selectedChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: AbstractDbxAnchorDirective, isStandalone: true, inputs: { ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ref: "refChange", anchor: "anchorChange", disabled: "disabledChange", selected: "selectedChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
             type: Directive
         }], propDecorators: { ref: [{ type: i0.Input, args: [{ isSignal: true, alias: "ref", required: false }] }, { type: i0.Output, args: ["refChange"] }], anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: false }] }, { type: i0.Output, args: ["anchorChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }] } });
 
@@ -5374,7 +5479,10 @@ function redirectForIdentifierParamHook(input) {
             }
             else if (defaultAllowedIdValue !== transitionTargetId) {
                 redirectToId = canViewUser(transitionTargetId, authService, injector).pipe(map((x) => {
-                    return x == null || typeof x === 'boolean' ? (x ? transitionTargetId : defaultAllowedIdValue) : x;
+                    if (x == null || typeof x === 'boolean') {
+                        return x ? transitionTargetId : defaultAllowedIdValue;
+                    }
+                    return x;
                 }));
             }
             if (redirectToId != null) {
@@ -5524,10 +5632,10 @@ class DbxAngularRouterService {
     comparePrecision(_a, _b) {
         return 0; // TODO!
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAngularRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAngularRouterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAngularRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAngularRouterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxAngularRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxAngularRouterService, decorators: [{
             type: Injectable
         }] });
 
@@ -5566,11 +5674,11 @@ class DbxCoreAngularRouterSegueModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -5686,10 +5794,10 @@ class DbxUIRouterService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxUIRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxUIRouterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxUIRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxUIRouterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxUIRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxUIRouterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -5836,10 +5944,10 @@ class AbstractTransitionDirective {
      * Observable that emits immediately on initialization and on each subsequent successful transition.
      */
     initAndUpdateOnTransitionSuccess$ = this.transitionSuccess$.pipe(startWith(undefined));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractTransitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractTransitionDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractTransitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractTransitionDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
             type: Directive
         }] });
 
@@ -5877,10 +5985,10 @@ class AbstractTransitionWatcherDirective extends AbstractTransitionDirective {
         // remove this function and replace, if necessary or remove entirely with angular zoneless implementation details.
         this.ngZone.run(() => this.updateForSuccessfulTransition());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractTransitionWatcherDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractTransitionWatcherDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -6274,10 +6382,10 @@ class DbxRouteModelIdFromAuthUserIdDirective {
     constructor() {
         cleanSubscription(this.dbxRouteModelIdDelegate.useRouteModelIdParamsObservable(this.dbxAuthService.userIdentifier$, this.dbxAuthService.userIdentifier$));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxRouteModelIdFromAuthUserIdDirective, isStandalone: true, selector: "[dbxRouteModelIdFromAuthUserId]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxRouteModelIdFromAuthUserIdDirective, isStandalone: true, selector: "[dbxRouteModelIdFromAuthUserId]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxRouteModelIdFromAuthUserId]',
@@ -6341,10 +6449,10 @@ class DbxRouteModelIdDirective {
     set dbxRouteModelIdDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxRouteModelIdDirective, isStandalone: true, selector: "[dbxRouteModelId]", inputs: { idParam: ["dbxRouteModelId", "idParam"], dbxRouteModelIdDefault: "dbxRouteModelIdDefault", dbxRouteModelIdDefaultRedirect: "dbxRouteModelIdDefaultRedirect", dbxRouteModelIdDefaultDecision: "dbxRouteModelIdDefaultDecision" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxRouteModelIdDirective, isStandalone: true, selector: "[dbxRouteModelId]", inputs: { idParam: ["dbxRouteModelId", "idParam"], dbxRouteModelIdDefault: "dbxRouteModelIdDefault", dbxRouteModelIdDefaultRedirect: "dbxRouteModelIdDefaultRedirect", dbxRouteModelIdDefaultDecision: "dbxRouteModelIdDefaultDecision" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelIdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxRouteModelId]',
@@ -6418,10 +6526,10 @@ class DbxRouteModelKeyDirective {
     set dbxRouteModelKeyDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxRouteModelKeyDirective, isStandalone: true, selector: "[dbxRouteModelKey]", inputs: { keyParam: ["dbxRouteModelKey", "keyParam"], dbxRouteModelKeyDefault: "dbxRouteModelKeyDefault", dbxRouteModelKeyDefaultRedirect: "dbxRouteModelKeyDefaultRedirect", dbxRouteModelKeyDefaultDecision: "dbxRouteModelKeyDefaultDecision" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxRouteModelKeyDirective, isStandalone: true, selector: "[dbxRouteModelKey]", inputs: { keyParam: ["dbxRouteModelKey", "keyParam"], dbxRouteModelKeyDefault: "dbxRouteModelKeyDefault", dbxRouteModelKeyDefaultRedirect: "dbxRouteModelKeyDefaultRedirect", dbxRouteModelKeyDefaultDecision: "dbxRouteModelKeyDefaultDecision" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxRouteModelKey]',
@@ -6444,6 +6552,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Useful for normalizing values that may be plain values, getter functions, or Observables
  * into a consistent Observable stream for use with the `async` pipe.
  *
+ * @dbxPipe
+ * @dbxPipeSlug as-observable
+ * @dbxPipeCategory async
  * @example
  * ```html
  * <span>{{ valueOrGetter | asObservable | async }}</span>
@@ -6453,10 +6564,10 @@ class AsObservablePipe {
     transform(input) {
         return asObservableFromGetter(input);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: AsObservablePipe, isStandalone: true, name: "asObservable" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: AsObservablePipe, isStandalone: true, name: "asObservable" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AsObservablePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AsObservablePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'asObservable',
@@ -6469,6 +6580,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Displays only the date portion (no times). Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-day-range
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range, date-day-time-range
  * @example
  * ```html
  * <span>{{ dateRange | dateDayRange }}</span>
@@ -6482,10 +6597,10 @@ class DateDayRangePipe {
     transform(input, unavailable = 'Not Available') {
         return input ? formatToDayRangeString(input) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDayRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateDayRangePipe, isStandalone: true, name: "dateDayRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDayRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateDayRangePipe, isStandalone: true, name: "dateDayRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDayRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDayRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateDayRange',
@@ -6500,6 +6615,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Returns `undefined` if the input is `null`, `undefined`, or results in an invalid date.
  * Also provides a static `toJsDate()` method used by other pipes in this package.
  *
+ * @dbxPipe
+ * @dbxPipeSlug to-js-date
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-distance, date-format-distance
  * @example
  * ```html
  * <span>{{ '2024-01-05T12:00:00Z' | toJsDate | date:'short' }}</span>
@@ -6522,10 +6641,10 @@ class ToJsDatePipe {
     transform(input) {
         return ToJsDatePipe.toJsDate(input);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: ToJsDatePipe, isStandalone: true, name: "toJsDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: ToJsDatePipe, isStandalone: true, name: "toJsDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToJsDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ToJsDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toJsDate',
@@ -6539,6 +6658,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Accepts an optional comparison date (defaults to now) and a fallback string for `null`/`undefined` input.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-range-distance, date-format-distance, time-distance
  * @example
  * ```html
  * <span>{{ someDate | dateDistance }}</span>
@@ -6564,10 +6687,10 @@ class DateDistancePipe {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateDistancePipe, isStandalone: true, name: "dateDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateDistancePipe, isStandalone: true, name: "dateDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateDistance',
@@ -6581,6 +6704,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Returns `undefined` if the input is falsy or not a valid date.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-format-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-distance, date-format-from-to
  * @example
  * ```html
  * <span>{{ someDate | dateFormatDistance:'MMM d, y' }}</span>
@@ -6606,10 +6733,10 @@ class DateFormatDistancePipe {
         }
         return undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateFormatDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateFormatDistancePipe, isStandalone: true, name: "dateFormatDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateFormatDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateFormatDistancePipe, isStandalone: true, name: "dateFormatDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateFormatDistance',
@@ -6624,6 +6751,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * The start date is formatted using the Angular locale-aware {@link formatDate}, and the end time
  * is computed by adding the given minutes and formatted as a time-only string.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-format-from-to
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range, date-format-distance
  * @example
  * ```html
  * <span>{{ eventStart | dateFormatFromTo:'MMM d, h:mm a':90 }}</span>
@@ -6645,10 +6776,10 @@ class DateFormatFromToPipe {
     transform(input, format, minutes) {
         return DateFormatFromToPipe.formatFromTo(input, format, minutes, this.locale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateFormatFromToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateFormatFromToPipe, isStandalone: true, name: "dateFormatFromTo" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateFormatFromToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateFormatFromToPipe, isStandalone: true, name: "dateFormatFromTo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateFormatFromToPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateFormatFromToPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateFormatFromTo',
@@ -6662,6 +6793,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Includes both the date and time portions. Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-day-time-range
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range, date-day-range
  * @example
  * ```html
  * <span>{{ dateRange | dateDayTimeRange }}</span>
@@ -6675,10 +6810,10 @@ class DateDayTimeRangePipe {
     transform(input, unavailable = 'Not Available') {
         return input ? formatToDayTimeRangeString(input) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDayTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateDayTimeRangePipe, isStandalone: true, name: "dateDayTimeRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDayTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateDayTimeRangePipe, isStandalone: true, name: "dateDayTimeRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateDayTimeRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateDayTimeRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateDayTimeRange',
@@ -6692,6 +6827,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Displays the date and time of both the start and end. Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-time-range
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range-only, date-day-range, date-day-time-range
  * @example
  * ```html
  * <span>{{ dateRange | dateTimeRange }}</span>
@@ -6705,10 +6844,10 @@ class DateTimeRangePipe {
     transform(input, unavailable = 'Not Available') {
         return input ? formatToTimeRangeString(input) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangePipe, isStandalone: true, name: "dateTimeRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangePipe, isStandalone: true, name: "dateTimeRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateTimeRange',
@@ -6723,6 +6862,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * This is an impure pipe that recalculates on every change detection cycle to keep the distance up to date.
  * Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-range-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-distance
  * @example
  * ```html
  * <span>{{ someDate | dateRangeDistance }}</span>
@@ -6736,10 +6879,10 @@ class DateRangeDistancePipe {
     transform(input, unavailable = 'Not Available') {
         return input != null ? formatDateDistance(input, new Date()) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateRangeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateRangeDistancePipe, isStandalone: true, name: "dateRangeDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateRangeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateRangeDistancePipe, isStandalone: true, name: "dateRangeDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateRangeDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateRangeDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateRangeDistance',
@@ -6753,6 +6896,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Displays only the time portion (no date). Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-time-range-only
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range
  * @example
  * ```html
  * <span>{{ dateRange | dateTimeRangeOnly }}</span>
@@ -6766,10 +6913,10 @@ class DateTimeRangeOnlyPipe {
     transform(input, unavailable = 'Not Available') {
         return input ? formatToTimeRangeString(input, undefined, true) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyPipe, isStandalone: true, name: "dateTimeRangeOnly" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyPipe, isStandalone: true, name: "dateTimeRangeOnly" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateTimeRangeOnly',
@@ -6785,6 +6932,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * local time in a target timezone and need to convert it back to the system timezone.
  * Returns `undefined` if either the input date or timezone is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug target-date-to-system-date
+ * @dbxPipeCategory date
+ * @dbxPipeRelated system-date-to-target-date, timezone-abbreviation
  * @example
  * ```html
  * <span>{{ targetDate | targetDateToSystemDate:'America/New_York' | date:'short' }}</span>
@@ -6795,10 +6946,10 @@ class TargetDateToSystemDatePipe {
     transform(input, timezone) {
         return input && timezone ? dateTimezoneUtcNormal({ timezone }).targetDateToSystemDate(input) : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TargetDateToSystemDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TargetDateToSystemDatePipe, isStandalone: true, name: "targetDateToSystemDate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TargetDateToSystemDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: TargetDateToSystemDatePipe, isStandalone: true, name: "targetDateToSystemDate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TargetDateToSystemDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TargetDateToSystemDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'targetDateToSystemDate',
@@ -6813,6 +6964,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Accepts an optional {@link FormatDateRangeDistanceFunctionConfig} to customize the output format.
  * Returns a fallback string when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug date-time-range-only-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-time-range, date-range-distance
  * @example
  * ```html
  * <span>{{ dateRange | dateTimeRangeOnlyDistance }}</span>
@@ -6829,10 +6984,10 @@ class DateTimeRangeOnlyDistancePipe {
     transform(input, config, unavailable = 'Not Available') {
         return input ? formatDateRangeDistance(input, { ...config }) : unavailable;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, isStandalone: true, name: "dateTimeRangeOnlyDistance" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, isStandalone: true, name: "dateTimeRangeOnlyDistance" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateTimeRangeOnlyDistance',
@@ -6848,6 +7003,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Defaults to the current date if no reference date is provided.
  * Returns `undefined` if the timezone is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug timezone-abbreviation
+ * @dbxPipeCategory date
+ * @dbxPipeRelated system-date-to-target-date, target-date-to-system-date
  * @example
  * ```html
  * <span>{{ 'America/New_York' | timezoneAbbreviation }}</span>
@@ -6861,10 +7020,10 @@ class TimezoneAbbreviationPipe {
     transform(timezone, input) {
         return timezone ? getTimezoneAbbreviation(timezone, input ?? undefined) : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimezoneAbbreviationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TimezoneAbbreviationPipe, isStandalone: true, name: "timezoneAbbreviation", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimezoneAbbreviationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: TimezoneAbbreviationPipe, isStandalone: true, name: "timezoneAbbreviation", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimezoneAbbreviationPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimezoneAbbreviationPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timezoneAbbreviation',
@@ -6879,6 +7038,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * This is useful when you have a date in the system's timezone and need to display it as if it were in the target timezone.
  * Returns `undefined` if either the input date or timezone is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug system-date-to-target-date
+ * @dbxPipeCategory date
+ * @dbxPipeRelated target-date-to-system-date, timezone-abbreviation
  * @example
  * ```html
  * <span>{{ systemDate | systemDateToTargetDate:'America/New_York' | date:'short' }}</span>
@@ -6889,10 +7052,10 @@ class SystemDateToTargetDatePipe {
     transform(input, timezone) {
         return input && timezone ? dateTimezoneUtcNormal({ timezone }).systemDateToTargetDate(input) : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SystemDateToTargetDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: SystemDateToTargetDatePipe, isStandalone: true, name: "systemDateToTargetDate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SystemDateToTargetDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: SystemDateToTargetDatePipe, isStandalone: true, name: "systemDateToTargetDate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SystemDateToTargetDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SystemDateToTargetDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'systemDateToTargetDate',
@@ -6910,6 +7073,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * A `~` prefix is added when the value is rounded up. Returns `undefined` for `null` or non-numeric input.
  *
+ * @dbxPipe
+ * @dbxPipeSlug minutes-string
+ * @dbxPipeCategory date
+ * @dbxPipeRelated to-minutes
  * @example
  * ```html
  * <span>{{ 90 | minutesString }}</span>
@@ -6926,7 +7093,7 @@ class MinutesStringPipe {
     transform(input) {
         const minutes = Number(input);
         let result;
-        if (input != null && !isNaN(minutes)) {
+        if (input != null && !Number.isNaN(minutes)) {
             if (minutes > MINUTES_IN_DAY * 2.5) {
                 const unrounded = minutes / MINUTES_IN_DAY;
                 const days = Math.ceil(unrounded);
@@ -6943,10 +7110,10 @@ class MinutesStringPipe {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: MinutesStringPipe, isStandalone: true, name: "minutesString", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: MinutesStringPipe, isStandalone: true, name: "minutesString", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MinutesStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MinutesStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'minutesString',
@@ -6962,6 +7129,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Otherwise, returns a human-readable distance string with suffix (e.g., "in 3 hours").
  * Returns the `unavailable` string when the input is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug time-countdown-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated time-distance
  * @example
  * ```html
  * <span>{{ futureDate | timeCountdownDistance }}</span>
@@ -6991,10 +7162,10 @@ class TimeDistanceCountdownPipe {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, isStandalone: true, name: "timeCountdownDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: TimeDistanceCountdownPipe, isStandalone: true, name: "timeCountdownDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeCountdownDistance',
@@ -7008,6 +7179,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Uses date-fns {@link formatDistance} to produce output like "3 hours ago" or "in 2 days".
  * Returns the `unavailable` string when the input is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug time-distance
+ * @dbxPipeCategory date
+ * @dbxPipeRelated date-distance, time-countdown-distance
  * @example
  * ```html
  * <span>{{ someDate | timeDistance }}</span>
@@ -7034,10 +7209,10 @@ class TimeDistancePipe {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TimeDistancePipe, isStandalone: true, name: "timeDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: TimeDistancePipe, isStandalone: true, name: "timeDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimeDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimeDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeDistance',
@@ -7051,6 +7226,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Returns the original value (0 or falsy) if the input is falsy.
  *
+ * @dbxPipe
+ * @dbxPipeSlug to-minutes
+ * @dbxPipeCategory date
+ * @dbxPipeRelated minutes-string
  * @example
  * ```html
  * <span>{{ 180000 | toMinutes }}</span>
@@ -7068,10 +7247,10 @@ class ToMinutesPipe {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: ToMinutesPipe, isStandalone: true, name: "toMinutes" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: ToMinutesPipe, isStandalone: true, name: "toMinutes" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToMinutesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ToMinutesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toMinutes',
@@ -7085,6 +7264,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Returns `undefined` for falsy input. If serialization fails, returns `'ERROR'` and logs the error to the console.
  *
+ * @dbxPipe
+ * @dbxPipeSlug prettyjson
+ * @dbxPipeCategory misc
  * @example
  * ```html
  * <pre>{{ myObject | prettyjson }}</pre>
@@ -7093,6 +7275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * <pre>{{ myObject | prettyjson:4 }}</pre>
  * <!-- Output: formatted JSON with 4-space indentation -->
  * ```
+ * @param spacing Indent spaces; defaults to `2`.
  */
 class PrettyJsonPipe {
     static toPrettyJson(input, spacing = 2) {
@@ -7111,10 +7294,10 @@ class PrettyJsonPipe {
     transform(input, spacing) {
         return PrettyJsonPipe.toPrettyJson(input, spacing);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PrettyJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: PrettyJsonPipe, isStandalone: true, name: "prettyjson" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: PrettyJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: PrettyJsonPipe, isStandalone: true, name: "prettyjson" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PrettyJsonPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: PrettyJsonPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'prettyjson',
@@ -7127,6 +7310,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Returns the original value if the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug cut-text
+ * @dbxPipeCategory value
+ * @dbxPipeSkillRefs dbx-value-pipes
  * @example
  * ```html
  * <span>{{ 'Hello World' | cutText:5 }}</span>
@@ -7135,15 +7322,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * <span>{{ longText | cutText:20:'--' }}</span>
  * <!-- Output: "Some long text here--" -->
  * ```
+ * @param maxLength Maximum allowed length before truncation.
+ * @param endText Suffix appended when truncation occurs.
  */
 class CutTextPipe {
     transform(input, maxLength, endText) {
         return input != null ? cutString(input, maxLength, endText) : input;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: CutTextPipe, isStandalone: true, name: "cutText" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: CutTextPipe, isStandalone: true, name: "cutText" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CutTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CutTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cutText',
@@ -7159,20 +7348,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * for getter functions whose return value may change over time.
  * Use {@link GetValueOncePipe} (`getValueOnce`) for a pure alternative when the value is static.
  *
+ * @dbxPipe
+ * @dbxPipeSlug get-value
+ * @dbxPipeCategory value
+ * @dbxPipeRelated get-value-once
+ * @dbxPipeSkillRefs dbx-value-pipes
  * @example
  * ```html
  * <span>{{ myGetterOrValue | getValue }}</span>
  * <span>{{ myGetterFn | getValue:someArg }}</span>
  * ```
+ * @param args Optional argument forwarded to the getter function.
  */
 class GetValuePipe {
     transform(input, args) {
         return getValueFromGetter(input, args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: GetValuePipe, isStandalone: true, name: "getValue", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GetValuePipe, isStandalone: true, name: "getValue", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GetValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GetValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getValue',
@@ -7186,19 +7381,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * This is a pure pipe that only re-evaluates when the input reference changes.
  * Use {@link GetValuePipe} (`getValue`) if the getter function's return value may change between cycles.
  *
+ * @dbxPipe
+ * @dbxPipeSlug get-value-once
+ * @dbxPipeCategory value
+ * @dbxPipeRelated get-value
+ * @dbxPipeSkillRefs dbx-value-pipes
  * @example
  * ```html
  * <span>{{ myGetterOrValue | getValueOnce }}</span>
  * ```
+ * @param args Optional argument forwarded to the getter function.
  */
 class GetValueOncePipe {
     transform(input, args) {
         return getValueFromGetter(input, args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GetValueOncePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: GetValueOncePipe, isStandalone: true, name: "getValueOnce" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GetValueOncePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GetValueOncePipe, isStandalone: true, name: "getValueOnce" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GetValueOncePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GetValueOncePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getValueOnce',
@@ -7212,6 +7413,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  *
  * Optionally accepts a default string to display when the input is `null` or `undefined`.
  *
+ * @dbxPipe
+ * @dbxPipeSlug dollar-amount
+ * @dbxPipeCategory value
+ * @dbxPipeSkillRefs dbx-value-pipes
  * @example
  * ```html
  * <span>{{ 19.5 | dollarAmount }}</span>
@@ -7220,15 +7425,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * <span>{{ nullValue | dollarAmount:'N/A' }}</span>
  * <!-- Output: "N/A" -->
  * ```
+ * @param defaultIfNull String to display when the input is `null` or `undefined`. Defaults to formatting `null` through `dollarAmountString`.
  */
 class DollarAmountPipe {
     transform(input, defaultIfNull) {
         return defaultIfNull == null || input != null ? dollarAmountString(input) : defaultIfNull;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DollarAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DollarAmountPipe, isStandalone: true, name: "dollarAmount" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DollarAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DollarAmountPipe, isStandalone: true, name: "dollarAmount" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DollarAmountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DollarAmountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dollarAmount',
@@ -7258,10 +7464,10 @@ class AbstractFilterSourceConnectorDirective {
     connectWithSource(filterSource) {
         this._source.next(filterSource);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractFilterSourceConnectorDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractFilterSourceConnectorDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
             type: Directive
         }] });
 
@@ -7385,18 +7591,20 @@ class AbstractFilterSourceDirective {
     setInitialFilterTakesPriority(initialFilterTakesPriority) {
         this._defaultFilterSource.setInitialFilterTakesPriority(initialFilterTakesPriority);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractFilterSourceDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractFilterSourceDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
             type: Directive
         }] });
 
 /**
- * Connects the host element's {@link FilterSource} to an ancestor {@link FilterSourceConnector} on initialization.
+ * Connects the host element's {@link FilterSource} to an ancestor {@link FilterSourceConnector} on init. Place on an element whose own directive contributes a `FilterSource` (via `host: true`) so it auto-wires to the parent connector.
  *
- * Place on an element that has a `FilterSource` (via `host: true`) to automatically
- * wire it up to a parent `FilterSourceConnector`.
+ * @dbxFilter
+ * @dbxFilterSlug connect-source
+ * @dbxFilterRelated source, source-connector
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
@@ -7411,10 +7619,10 @@ class DbxFilterConnectSourceDirective {
     ngOnInit() {
         this.filterSourceConnector.connectWithSource(this.filterSource);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterConnectSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxFilterConnectSourceDirective, isStandalone: true, selector: "[dbxFilterConnectSource]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterConnectSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxFilterConnectSourceDirective, isStandalone: true, selector: "[dbxFilterConnectSource]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterConnectSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterConnectSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterConnectSource]',
@@ -7423,22 +7631,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }] });
 
 /**
- * Concrete directive that acts as both a {@link FilterSource} and {@link FilterSourceConnector}.
+ * Acts as both {@link FilterSource} and {@link FilterSourceConnector} — bridges a filter from one part of the template to another. Pair with `[dbxFilterConnectSource]` on the inner element that owns the source.
  *
- * Place on an element to bridge a filter source from one part of the template to another.
+ * @dbxFilter
+ * @dbxFilterSlug source-connector
+ * @dbxFilterRelated source, connect-source
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
  * <div dbxFilterSourceConnector>
- *   <my-list-component></my-list-component>
+ *   <my-filter-form dbxFilterSource dbxFilterConnectSource></my-filter-form>
+ *   <my-list></my-list>
  * </div>
  * ```
  */
 class DbxFilterSourceConnectorDirective extends AbstractFilterSourceConnectorDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxFilterSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterSourceConnector]", providers: [...provideFilterSource(DbxFilterSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterSourceConnectorDirective)], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxFilterSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterSourceConnector]", providers: [...provideFilterSource(DbxFilterSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterSourceConnectorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSourceConnector]',
@@ -7465,10 +7677,10 @@ class AbstractDbxFilterMapInstanceDirective {
     setFilterMapKey(filterMapKey) {
         this._currentFilterMapKey.next(filterMapKey);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractDbxFilterMapInstanceDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractDbxFilterMapInstanceDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
             type: Directive
         }] });
 
@@ -7483,31 +7695,39 @@ class AbstractDbxFilterMapSourceDirective extends AbstractDbxFilterMapInstanceDi
     initWithFilter(filterObs) {
         this.instance$.pipe(first()).subscribe((x) => x.initWithFilter(filterObs));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractDbxFilterMapSourceDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractDbxFilterMapSourceDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, decorators: [{
             type: Directive
         }] });
 /**
- * Concrete directive that provides a {@link FilterSource} from a keyed entry in a parent {@link FilterMap}.
+ * Provides a {@link FilterSource} for a keyed entry in an ancestor {@link FilterMap}. Children can inject the source as if it were the only filter on the page; the map dispatches by key.
+ *
+ * @dbxFilter
+ * @dbxFilterSlug map-source
+ * @dbxFilterRelated map, map-source-connector
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
  * <div dbxFilterMap>
- *   <div [dbxFilterMapSource]="'listFilter'">
+ *   <div [dbxFilterMapSource]="'profileList'">
  *     <my-filtered-list></my-filtered-list>
  *   </div>
  * </div>
  * ```
  */
 class DbxFilterMapSourceDirective extends AbstractDbxFilterMapSourceDirective {
+    /**
+     * The map key this source binds to.
+     */
     dbxFilterMapSource = input(...(ngDevMode ? [undefined, { debugName: "dbxFilterMapSource" }] : /* istanbul ignore next */ []));
     _dbxFilterMapSourceEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSource()), ...(ngDevMode ? [{ debugName: "_dbxFilterMapSourceEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxFilterMapSourceDirective, isStandalone: true, selector: "[dbxFilterMapSource]", inputs: { dbxFilterMapSource: { classPropertyName: "dbxFilterMapSource", publicName: "dbxFilterMapSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideFilterSource(DbxFilterMapSourceDirective)], exportAs: ["dbxFilterMapSource"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxFilterMapSourceDirective, isStandalone: true, selector: "[dbxFilterMapSource]", inputs: { dbxFilterMapSource: { classPropertyName: "dbxFilterMapSource", publicName: "dbxFilterMapSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideFilterSource(DbxFilterMapSourceDirective)], exportAs: ["dbxFilterMapSource"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSource]',
@@ -7518,20 +7738,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { dbxFilterMapSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFilterMapSource", required: false }] }] } });
 
 /**
- * Directive that acts as both a {@link FilterSourceConnector} and {@link FilterSource} for a keyed entry in a parent {@link FilterMap}.
+ * Both {@link FilterSource} and {@link FilterSourceConnector} for a keyed entry in an ancestor {@link FilterMap}. Connects an external filter source to one map slot and re-emits that slot's filter.
  *
- * Connects an external filter source to a specific filter map entry and re-emits that entry's filter.
+ * @dbxFilter
+ * @dbxFilterSlug map-source-connector
+ * @dbxFilterRelated map, map-source
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
  * <div dbxFilterMap>
- *   <div [dbxFilterMapSourceConnector]="'myList'">
- *     <my-list-component></my-list-component>
+ *   <div [dbxFilterMapSourceConnector]="'profileList'">
+ *     <my-list></my-list>
  *   </div>
  * </div>
  * ```
  */
 class DbxFilterMapSourceConnectorDirective extends AbstractDbxFilterMapSourceDirective {
+    /**
+     * The map key this connector binds to.
+     */
     dbxFilterMapSourceConnector = input(...(ngDevMode ? [undefined, { debugName: "dbxFilterMapSourceConnector" }] : /* istanbul ignore next */ []));
     _dbxFilterMapSourceConnectorEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSourceConnector()), ...(ngDevMode ? [{ debugName: "_dbxFilterMapSourceConnectorEffect" }] : /* istanbul ignore next */ []));
     // MARK: FilterSourceConnector
@@ -7543,10 +7769,10 @@ class DbxFilterMapSourceConnectorDirective extends AbstractDbxFilterMapSourceDir
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxFilterMapSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterMapSourceConnector]", inputs: { dbxFilterMapSourceConnector: { classPropertyName: "dbxFilterMapSourceConnector", publicName: "dbxFilterMapSourceConnector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [...provideFilterSource(DbxFilterMapSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)], exportAs: ["dbxFilterMapSourceConnector"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxFilterMapSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterMapSourceConnector]", inputs: { dbxFilterMapSourceConnector: { classPropertyName: "dbxFilterMapSourceConnector", publicName: "dbxFilterMapSourceConnector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [...provideFilterSource(DbxFilterMapSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)], exportAs: ["dbxFilterMapSourceConnector"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSourceConnector]',
@@ -7557,10 +7783,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { dbxFilterMapSourceConnector: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFilterMapSourceConnector", required: false }] }] } });
 
 /**
- * Directive that provides a {@link FilterMap} instance for managing multiple named filter sources.
+ * Provides a {@link FilterMap} instance in DI so multiple child sources can register / look up filters by string key. Use when one screen needs several independent filter contexts.
  *
- * Child directives like `dbxFilterMapSource` and `dbxFilterMapSourceConnector` look up this
- * map via DI to register and retrieve filter instances by key.
+ * @dbxFilter
+ * @dbxFilterSlug map
+ * @dbxFilterRelated map-source, map-source-connector
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
@@ -7572,10 +7800,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  */
 class DbxFilterMapDirective {
     filterMap = clean(inject((FilterMap)));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxFilterMapDirective, isStandalone: true, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxFilterMapDirective, isStandalone: true, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMap]',
@@ -7605,20 +7833,25 @@ function isClickablePartialFilterPreset(preset) {
 }
 
 /**
- * Provides a {@link FilterSource} in the DI tree, allowing child components to inject and consume filter state.
+ * Provides a {@link FilterSource} in DI so child components can inject and consume the current filter value. Use this on a wrapper element when the child is the canonical owner of the filter (a filter form, a chip group).
+ *
+ * @dbxFilter
+ * @dbxFilterSlug source
+ * @dbxFilterRelated connect-source, source-connector, map-source
+ * @dbxFilterSkillRefs dbx__ref__dbx-component-patterns
  *
  * @example
  * ```html
  * <div dbxFilterSource>
- *   <my-list-component></my-list-component>
+ *   <my-filter-form></my-filter-form>
  * </div>
  * ```
  */
 class DbxFilterSourceDirective extends AbstractFilterSourceDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxFilterSourceDirective, isStandalone: true, selector: "[dbxFilterSource]", providers: provideFilterSourceDirective(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: DbxFilterSourceDirective, isStandalone: true, selector: "[dbxFilterSource]", providers: provideFilterSourceDirective(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSource]',
@@ -7629,11 +7862,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 const importsAndExports = [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective];
 class DbxCoreFilterModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreFilterModule, imports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective], exports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreFilterModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreFilterModule, imports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective], exports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreFilterModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports,
@@ -7906,10 +8139,10 @@ class AbstractDbxInjectionDirective {
     setContent(content) {
         this._instance.content = content;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxInjectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractDbxInjectionDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxInjectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractDbxInjectionDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxInjectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractDbxInjectionDirective, decorators: [{
             type: Directive
         }] });
 
@@ -7959,12 +8192,12 @@ class DbxInjectionComponent extends AbstractDbxInjectionDirective {
     _contentEffect = effect(() => this.setContent(this.content()), ...(ngDevMode ? [{ debugName: "_contentEffect" }] : /* istanbul ignore next */ []));
     _configEffect = effect(() => this.setConfig(this.config()), ...(ngDevMode ? [{ debugName: "_configEffect" }] : /* istanbul ignore next */ []));
     _templateEffect = effect(() => this.setTemplate(this.template()), ...(ngDevMode ? [{ debugName: "_templateEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: DbxInjectionComponent, isStandalone: true, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DbxInjectionComponent, isStandalone: true, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template #content></ng-template>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-injection, [dbxInjection], [dbx-injection]',
@@ -8005,14 +8238,14 @@ class DbxInjectionArrayComponent {
      * The array of keyed injection entries to render. Each entry produces a `<dbx-injection>` component.
      */
     entries = input(undefined, ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxInjectionArrayComponent, isStandalone: true, selector: "dbx-injection-array", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxInjectionArrayComponent, isStandalone: true, selector: "dbx-injection-array", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @for (entry of entries(); track entry.key) {
       <dbx-injection [config]="entry.injectionConfig"></dbx-injection>
     }
   `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionArrayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionArrayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-injection-array',
@@ -8179,7 +8412,10 @@ class DbxInjectionContextDirective {
             // clear the current promise
             this._currentPromise = undefined;
         }
-        return error != null ? Promise.reject(error) : result;
+        if (error != null) {
+            return Promise.reject(error instanceof Error ? error : new Error(String(error)));
+        }
+        return result;
     }
     /**
      * {@inheritDoc DbxInjectionContext.resetContext}
@@ -8226,10 +8462,10 @@ class DbxInjectionContextDirective {
             this._isDetached = false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxInjectionContextDirective, isStandalone: true, selector: "[dbxInjectionContext]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideDbxInjectionContext(DbxInjectionContextDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: DbxInjectionContextDirective, isStandalone: true, selector: "[dbxInjectionContext]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideDbxInjectionContext(DbxInjectionContextDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxInjectionContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxInjectionContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxInjectionContext]',
@@ -8278,10 +8514,10 @@ class AbstractForwardDbxInjectionContextDirective {
     resetContext() {
         return this.dbxInjectionContext.resetContext();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AbstractForwardDbxInjectionContextDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: AbstractForwardDbxInjectionContextDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, decorators: [{
             type: Directive
         }] });
 
@@ -8415,10 +8651,10 @@ class LockSetComponentStore extends ComponentStore {
     _destroyNow() {
         this.lockSet.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LockSetComponentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LockSetComponentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: LockSetComponentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: LockSetComponentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LockSetComponentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: LockSetComponentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -8740,10 +8976,10 @@ class SimpleStorageAccessorFactory {
         };
         return new SimpleStorageAccessor(delegate, accessorConfig);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SimpleStorageAccessorFactory });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SimpleStorageAccessorFactory });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
             type: Injectable
         }] });