@acorex-platform/framework-client 0.0.30 → 0.0.33

package/fesm2022/acorex-platform-framework-client-common.mjs

@@ -1,38 +1,43 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Injector, signal, ApplicationRef, DestroyRef, makeEnvironmentProviders, NgModule, computed, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, viewChild, effect, untracked, ErrorHandler, EventEmitter, Input, Output, Directive, Inject, runInInjectionContext, model, linkedSignal, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Injectable, Injector, signal, ApplicationRef, DestroyRef, makeEnvironmentProviders, NgModule, computed, input, ChangeDetectionStrategy, ViewEncapsulation, Component, output, effect, viewChild, afterNextRender, untracked, ErrorHandler, EventEmitter, Input, Output, Directive, Inject, runInInjectionContext, model, linkedSignal } from '@angular/core';
 import * as i4$2 from '@angular/router';
 import { Router, NavigationEnd, NavigationStart, ROUTES, RedirectCommand, UrlTree, RouterModule } from '@angular/router';
 import { AXPSessionService, AXPSessionStatus, AXPUnauthenticatedError, AXPAuthGuard, commandMessageTextForError } from '@acorex-platform/framework-client/auth';
 export { commandMessageTextForError } from '@acorex-platform/framework-client/auth';
 import { combineLatest, map, distinctUntilChanged, Subject, ReplaySubject, firstValueFrom, filter, take, timer, timeout, switchMap, from, of } from 'rxjs';
-import { unwrapValueProperty, isLocaleStringMap, coerceUnknownToDate, coerceUnknownToFiniteNumber, coerceUnknownToBoolean, coerceUnknownToTrimmedString, AXPPlatformScope, runtimeQueryPayloadData, runtimeCommandPayloadData, AXPRegionalSetting, AXPWidgetsCatalog, resolveMultiLanguageString, coerceUnknownToMultiLanguageString, AXPKeyboardShortcutPriority, AXP_PLATFORM_ERROR_CODES, AXPRequestError, mapUnknownToAXPErrorBody, AXPSystemActionType, runtimeQueryCollectionData } from '@acorex-platform/framework-shared/core';
-import * as i3$1 from '@acorex-platform/framework-client/core';
+import { unwrapValueProperty, isLocaleStringMap, coerceUnknownToDate, coerceUnknownToFiniteNumber, coerceUnknownToBoolean, coerceUnknownToTrimmedString, AXPPlatformScope, runtimeQueryPayloadData, runtimeCommandPayloadData, AXPRegionalSetting, AXPWidgetsCatalog, axpResolveUserNotificationDelivery, resolveMultiLanguageString, coerceUnknownToMultiLanguageString, AXPKeyboardShortcutPriority, AXP_PLATFORM_ERROR_CODES, AXPRequestError, mapUnknownToAXPErrorBody, AXPSystemActionType, runtimeQueryCollectionData, createRandomUuid } from '@acorex-platform/framework-shared/core';
+import * as i3$2 from '@acorex-platform/framework-client/core';
 import { AXPDebugService, AXPBroadcastEventService, AXP_SETTINGS_DEFINITION_DIALOG_OPENER, objectKeyValueTransforms, AXPDataGenerator, AXPKeyboardShortcutRegistry, normalizeKeyboardShortcuts, AXPDeviceService, chordToKbdItemKeys, hasForegroundOverlayLayer, AXPExpressionEvaluatorService, AXPContextEvalFactory, AXPModuleManifestModule, AXPComponentSlotModule, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_LOGO_IMAGE_SRC_RESOLVER, AXPHookService } from '@acorex-platform/framework-client/core';
 export { AXPDebugService } from '@acorex-platform/framework-client/core';
 import { merge, sortBy, isString, toString, isPlainObject, defaultTo, isEmpty, cloneDeep, get, isNumber, isNil, isObject, omit, uniq } from 'lodash-es';
 import { AXPQueryService, AXPCommandService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
 import Dexie from 'dexie';
 import { AXDialogService } from '@acorex/components/dialog';
-import * as i5 from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, translateSync, resolveMultiLanguageString as resolveMultiLanguageString$1 } from '@acorex/core/translation';
 import { AXCalendarService, AXDateTimeModule } from '@acorex/core/date-time';
-import * as i4$1 from '@angular/common';
+import * as i4 from '@angular/common';
 import { Location, CommonModule, DOCUMENT, AsyncPipe } from '@angular/common';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import * as i4 from '@acorex/components/decorators';
+import * as i4$1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@acorex/components/popover';
+import * as i3$1 from '@acorex/components/popover';
 import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
+import * as i2$2 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
 import * as i3 from '@acorex/components/progress-bar';
 import { AXProgressBarModule } from '@acorex/components/progress-bar';
+import * as i2$1 from '@acorex/core/format';
+import { AXFormatModule, AXFormatService } from '@acorex/core/format';
+import { AXNotificationService, AXNotificationModule } from '@acorex/components/notification';
 import { filter as filter$1 } from 'rxjs/operators';
 import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { AXPopupService, AXPopupModule } from '@acorex/components/popup';
 import { AXToastModule, AXToastService } from '@acorex/components/toast';
-import * as i2$1 from '@acorex/core/format';
-import { AXFormatService } from '@acorex/core/format';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AXKBDComponent, AXKBDItemComponent } from '@acorex/components/kbd';
 import { normalizeEntityDisplayTemplate, sanitizeResolvedEntityDisplayTitle, resolveEntityModifyRecordTitleTemplate, isMeaningfulEntityDisplayTitle, isUnresolvedEntityDisplayTemplate, ENTITY_ROW_POPUP_TITLE_OPTION, ENTITY_ROW_TITLE_TEMPLATE_OPTION, ENTITY_LAYOUT_SINGLE_TITLE_PATH, buildEntitySearchTitleContext, resolveEntityRowTitleTemplate } from '@acorex-platform/framework-shared/entity';
@@ -40,11 +45,11 @@ import * as i1$1 from '@acorex/core/file';
 import { getFileExtension, resolveFileTypeExtension, resolveFileTypeOpen, runFileTypeOpen, AX_FILE_TYPE_METADATA_PURPOSE, getFileTypePurposes, AXFileTypeRegistryService, AXFileModule } from '@acorex/core/file';
 export { AX_FILE_TYPE_METADATA_PURPOSE, filterFileTypesByPurpose, getFileTypePurposes } from '@acorex/core/file';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i6 from '@acorex/components/color-box';
+import * as i6$1 from '@acorex/components/color-box';
 import { AXColorBoxModule } from '@acorex/components/color-box';
-import * as i3$2 from '@acorex/components/label';
+import * as i3$3 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
-import * as i2$2 from '@acorex/components/number-box';
+import * as i2$3 from '@acorex/components/number-box';
 import { AXNumberBoxModule } from '@acorex/components/number-box';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXTextBoxModule } from '@acorex/components/text-box';
@@ -408,6 +413,8 @@ var AXPCommonSettings;
     AXPCommonSettings["AllowWorkingOffline"] = "Common:Setting:Offline.AllowWorkingOffline";
     AXPCommonSettings["ShowRowIndexColumn"] = "Common:Setting:Entity.ShowRowIndexColumn";
     AXPCommonSettings["EntityListPersistenceMode"] = "Common:Setting:Entity.ListPersistenceMode";
+    /** User default for entity master-list presentation (`table` | `card` | `row`). */
+    AXPCommonSettings["EntityListDisplayMode"] = "Common:Setting:Entity.ListDisplayMode";
     AXPCommonSettings["NavigationMode"] = "Common:Setting:Navigation.Mode";
     AXPCommonSettings["MaxOpenTabs"] = "Common:Setting:Navigation.MaxOpenTabs";
     /** When true with entity list quick-search input, filters emit {@link AXP_QUERY_QUICK_SEARCH_FIELD} instead of inline OR. */
@@ -427,6 +434,8 @@ const AXP_RUNTIME_QUERY_CACHE_DEFAULTS = {
     enabled: true,
     ttlMs: 2_000,
 };
+/** Default entity list presentation when the user has not chosen a layout. */
+const AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT = 'table';
 
 class AXPSettingDefinitionProviderContext {
     constructor() {
@@ -3881,6 +3890,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const AXP_IN_APP_NOTIFICATION_SERVICE = new InjectionToken('AXP_IN_APP_NOTIFICATION_SERVICE');
 //#endregion
 
+//#region ---- Imports ----
+const AXP_USER_NOTIFICATION_SERVICE = new InjectionToken('AXP_USER_NOTIFICATION_SERVICE');
+//#endregion
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Service ----
@@ -3889,11 +3902,11 @@ const AXP_IN_APP_NOTIFICATION_SERVICE = new InjectionToken('AXP_IN_APP_NOTIFICAT
  */
 class AXPBackgroundOperationNotificationService {
     constructor() {
-        this.inAppNotificationService = inject(AXP_IN_APP_NOTIFICATION_SERVICE, { optional: true });
+        this.userNotificationService = inject(AXP_USER_NOTIFICATION_SERVICE);
         this.sessionService = inject(AXPSessionService);
     }
     async notify(operation) {
-        if (!this.inAppNotificationService || !this.shouldNotify(operation)) {
+        if (!this.shouldNotify(operation)) {
             return;
         }
         const userId = this.sessionService.user?.id;
@@ -3902,18 +3915,18 @@ class AXPBackgroundOperationNotificationService {
         }
         const body = this.resolveBody(operation);
         const { icon, priority } = this.resolveTemplate(operation);
-        const request = {
-            id: `notif-bg-op-${operation.id}-${operation.status}`,
+        await this.userNotificationService.notify({
+            correlationId: `notif-bg-op-${operation.id}-${operation.status}`,
+            idempotencyKey: `notif-bg-op-${operation.id}-${operation.status}`,
             name: operation.title,
             title: operation.title,
             body,
             icon,
-            priority,
-            receiver: {
-                id: userId,
-                type: 'user',
-                fullName: get(this.sessionService.user, 'title'),
-                username: get(this.sessionService.user, 'name'),
+            recipientUserId: userId,
+            delivery: {
+                inbox: {
+                    priority,
+                },
             },
             data: {
                 backgroundOperationId: operation.id,
@@ -3921,8 +3934,7 @@ class AXPBackgroundOperationNotificationService {
                 status: operation.status,
                 ...(operation.data ?? {}),
             },
-        };
-        await this.inAppNotificationService.create(request);
+        });
     }
     //#region ---- Helpers ----
     shouldNotify(operation) {
@@ -4004,9 +4016,10 @@ function axpBackgroundOperationDisplayTime(operation) {
 }
 /**
  * Remaining duration in milliseconds for ETA display.
+ * Prefers progress-rate extrapolation; falls back to an explicit estimate budget only.
  */
 function axpBackgroundOperationRemainingMs(operation) {
-    if (!operation.capabilities.supportsEstimate || !isNumber(operation.estimatedDurationMs)) {
+    if (!operation.capabilities.supportsEstimate) {
         return null;
     }
     const { estimatedDurationMs, progress, startedAt, status } = operation;
@@ -4016,10 +4029,16 @@ function axpBackgroundOperationRemainingMs(operation) {
     if (isNumber(progress) && progress >= 100) {
         return 0;
     }
-    if (isNumber(progress) && progress > 0) {
-        return Math.max(0, Math.round((estimatedDurationMs * (100 - progress)) / 100));
-    }
     const started = axpCoerceBackgroundOperationDate(startedAt);
+    if (isNumber(progress) && progress > 0 && started) {
+        const elapsed = Date.now() - started.getTime();
+        if (elapsed > 0) {
+            return Math.max(0, Math.round((elapsed * (100 - progress)) / progress));
+        }
+    }
+    if (!isNumber(estimatedDurationMs) || estimatedDurationMs <= 0) {
+        return null;
+    }
     if (started) {
         const elapsed = Date.now() - started.getTime();
         return Math.max(0, estimatedDurationMs - elapsed);
@@ -4036,6 +4055,47 @@ function axpBackgroundOperationEstimateEndDate(operation) {
     }
     return new Date(Date.now() + remainingMs);
 }
+function axpBackgroundOperationDurationMs(operation) {
+    const started = axpCoerceBackgroundOperationDate(operation.startedAt) ??
+        axpCoerceBackgroundOperationDate(operation.createdAt);
+    const completed = axpCoerceBackgroundOperationDate(operation.completedAt);
+    if (!started || !completed) {
+        return null;
+    }
+    return Math.max(0, completed.getTime() - started.getTime());
+}
+function axpBackgroundOperationStatusTextParams(operation) {
+    const statusText = operation.statusText?.trim() ?? '';
+    const step = operation.currentStep?.trim();
+    if (!statusText.startsWith('@')) {
+        return {};
+    }
+    if (statusText.includes('layout-line-multiple')) {
+        const count = Number.parseInt(step ?? '', 10);
+        return { count: Number.isFinite(count) ? count : 0 };
+    }
+    if (step && (statusText.includes('layout-line-single') || statusText.includes('progress.layout'))) {
+        return { layout: step };
+    }
+    return {};
+}
+function axpIsBackgroundOperationI18nText(value) {
+    return !!value?.trim().startsWith('@');
+}
+function axpFormatBackgroundOperationDurationMs(ms) {
+    const totalSeconds = Math.max(1, Math.round(ms / 1000));
+    if (totalSeconds < 60) {
+        return `${totalSeconds}s`;
+    }
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    if (minutes < 60) {
+        return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+    }
+    const hours = Math.floor(minutes / 60);
+    const remainingMinutes = minutes % 60;
+    return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`;
+}
 function axpBackgroundOperationCapabilities(partial = {}) {
     return {
         cancellable: partial.cancellable ?? false,
@@ -4045,6 +4105,7 @@ function axpBackgroundOperationCapabilities(partial = {}) {
         supportsProgress: partial.supportsProgress ?? false,
         supportsEstimate: partial.supportsEstimate ?? false,
         clickable: partial.clickable ?? false,
+        keepInTrayAfterComplete: partial.keepInTrayAfterComplete ?? false,
         notifyOnComplete: partial.notifyOnComplete ?? true,
         notifyOnFailed: partial.notifyOnFailed ?? true,
     };
@@ -4063,6 +4124,26 @@ function axpIsActiveBackgroundOperationStatus(status) {
 function axpIsCompletedBackgroundOperationStatus(status) {
     return status === 'completed' || status === 'cancelled';
 }
+function axpIsTrayVisibleBackgroundOperation(operation) {
+    if (axpIsActiveBackgroundOperationStatus(operation.status)) {
+        return true;
+    }
+    if (operation.status === 'failed') {
+        return true;
+    }
+    if (operation.capabilities.keepInTrayAfterComplete === true &&
+        axpIsCompletedBackgroundOperationStatus(operation.status)) {
+        return true;
+    }
+    return false;
+}
+function axpIsInProgressPanelBackgroundOperation(operation) {
+    return axpIsActiveBackgroundOperationStatus(operation.status);
+}
+function axpIsCompletedPanelBackgroundOperation(operation) {
+    return (axpIsTrayVisibleBackgroundOperation(operation) &&
+        !axpIsActiveBackgroundOperationStatus(operation.status));
+}
 //#endregion
 
 //#region ---- Imports ----
@@ -4498,6 +4579,11 @@ class AXPBackgroundOperationService {
         ...(ngDevMode ? [{ debugName: "activeCount" }] : /* istanbul ignore next */ []));
         this.failedCount = computed(() => this.operations().filter((operation) => operation.status === 'failed').length, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "failedCount" }] : /* istanbul ignore next */ []));
+        this.trayVisibleCount = computed(() => this.operations().filter((operation) => axpIsTrayVisibleBackgroundOperation(operation)).length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "trayVisibleCount" }] : /* istanbul ignore next */ []));
+        this.retainedCompletedCount = computed(() => this.operations().filter((operation) => operation.capabilities.keepInTrayAfterComplete === true &&
+            axpIsCompletedBackgroundOperationStatus(operation.status)).length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "retainedCompletedCount" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ---- Queries ----
@@ -4516,6 +4602,10 @@ class AXPBackgroundOperationService {
         if (capabilities.retryable && status === 'failed') {
             actions.push('retry');
         }
+        if (capabilities.keepInTrayAfterComplete === true &&
+            (status === 'completed' || status === 'failed' || status === 'cancelled')) {
+            actions.push('dismiss');
+        }
         return actions;
     }
     //#endregion
@@ -4560,10 +4650,43 @@ class AXPBackgroundOperationService {
         }
         await this.run(() => provider.cancel(operationId));
     }
+    /**
+     * Dismiss many completed rows. Groups by provider and prefers {@link AXPBackgroundOperationProvider.dismissMany}.
+     */
+    async dismissMany(operationIds) {
+        const ids = [...new Set(operationIds.map((id) => id?.trim()).filter(Boolean))];
+        if (ids.length === 0) {
+            return;
+        }
+        const byProvider = new Map();
+        for (const operationId of ids) {
+            const { provider } = this.resolveOperation(operationId);
+            const group = byProvider.get(provider.key) ?? [];
+            group.push(operationId);
+            byProvider.set(provider.key, group);
+        }
+        for (const [providerKey, providerIds] of byProvider) {
+            const provider = this.resolveProvider(providerKey);
+            if (provider.dismissMany) {
+                await this.run(() => provider.dismissMany(providerIds));
+                continue;
+            }
+            for (const operationId of providerIds) {
+                await this.dismiss(operationId);
+            }
+        }
+    }
     hasClickHandler(operation) {
         return (operation.capabilities.clickable &&
             this.handlers.some((handler) => handler.providerKey === operation.providerKey));
     }
+    getCta(operation) {
+        const handler = this.resolveHandler(operation.providerKey);
+        if (!handler?.resolveCta) {
+            return null;
+        }
+        return handler.resolveCta(operation);
+    }
     async executeCommand(operationId, command) {
         const { operation } = this.resolveOperation(operationId);
         const handler = this.resolveHandler(operation.providerKey);
@@ -4634,25 +4757,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-//#region ---- Imports ----
+//#region ----- Imports -----
 //#endregion
-//#region ---- Component ----
+//#region ----- Component -----
+class AXPStateMessageComponent {
+    constructor() {
+        this.mode = input('empty', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.icon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.description = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.titleParams = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleParams" }] : /* istanbul ignore next */ []));
+        this.descriptionParams = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptionParams" }] : /* istanbul ignore next */ []));
+        this.look = input('default', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPStateMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPStateMessageComponent, isStandalone: true, selector: "axp-state-message", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, titleParams: { classPropertyName: "titleParams", publicName: "titleParams", isSignal: true, isRequired: false, transformFunction: null }, descriptionParams: { classPropertyName: "descriptionParams", publicName: "descriptionParams", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axp-state-message\" [attr.data-mode]=\"mode()\" [attr.data-look]=\"look()\">\n  @if (icon()) {\n    <!-- ----- Empty / status icon ----- -->\n    <div class=\"__icon\">\n      <i [class]=\"icon()\"></i>\n    </div>\n  }\n  <div class=\"__content\">\n    @if (title()) {\n      <!-- ----- Translated title ----- -->\n      <h3 class=\"__title\">{{ title() | translate: { params: titleParams() } | async }}</h3>\n    }\n    @if (description()) {\n      <!-- ----- Translated description ----- -->\n      <p class=\"__description\">{{ description() | translate: { params: descriptionParams() } | async }}</p>\n    }\n    <div class=\"__actions\">\n      <ng-content select=\"[slot=actions]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-state-message{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center}.axp-state-message .__icon{margin-bottom:calc(var(--spacing, .25rem) * 4)}.axp-state-message .__icon i{opacity:74%;display:block;font-size:1rem;font-weight:400;line-height:1.625rem;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}.axp-state-message .__content{max-width:var(--container-md, 28rem)}.axp-state-message .__title{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-state-message .__description{margin-bottom:calc(var(--spacing, .25rem) * 4);opacity:74%;display:block;font-size:1rem;font-weight:400;line-height:1.625rem;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.axp-state-message .__actions{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-state-message[data-mode=empty] .__icon i{color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-state-message[data-mode=error] .__icon i{color:var(--color-red-500, oklch(63.7% .237 25.331))}.axp-state-message[data-mode=error] .__title{color:var(--color-red-600, oklch(57.7% .245 27.325))}.axp-state-message[data-mode=loading] .__icon i{color:var(--color-blue-500, oklch(62.3% .214 259.815))}.axp-state-message[data-mode=loading] .__title{color:var(--color-blue-600, oklch(54.6% .245 262.881))}.axp-state-message[data-mode=warning] .__icon i{color:var(--color-orange-500, oklch(70.5% .213 47.604))}.axp-state-message[data-mode=warning] .__title{color:var(--color-orange-600, oklch(64.6% .222 41.116))}.axp-state-message[data-mode=info] .__icon i{color:var(--color-blue-500, oklch(62.3% .214 259.815))}.axp-state-message[data-mode=info] .__title{color:var(--color-blue-600, oklch(54.6% .245 262.881))}.axp-state-message[data-mode=success] .__icon i{color:var(--color-green-500, oklch(72.3% .219 149.579))}.axp-state-message[data-mode=success] .__title{color:var(--color-green-600, oklch(62.7% .194 149.214))}.axp-state-message[data-look=compact]{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 6)}.axp-state-message[data-look=compact] .__icon{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-state-message[data-look=compact] .__icon i{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}.axp-state-message[data-look=compact] .__title{margin-bottom:var(--spacing, .25rem);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}.axp-state-message[data-look=compact] .__description{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.axp-state-message[data-look=minimal]{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 4)}.axp-state-message[data-look=minimal] .__icon{margin-bottom:var(--spacing, .25rem)}.axp-state-message[data-look=minimal] .__icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-state-message[data-look=minimal] .__title{margin-bottom:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.axp-state-message[data-look=minimal] .__description{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPStateMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-state-message', imports: [CommonModule, AXTranslationModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-state-message\" [attr.data-mode]=\"mode()\" [attr.data-look]=\"look()\">\n  @if (icon()) {\n    <!-- ----- Empty / status icon ----- -->\n    <div class=\"__icon\">\n      <i [class]=\"icon()\"></i>\n    </div>\n  }\n  <div class=\"__content\">\n    @if (title()) {\n      <!-- ----- Translated title ----- -->\n      <h3 class=\"__title\">{{ title() | translate: { params: titleParams() } | async }}</h3>\n    }\n    @if (description()) {\n      <!-- ----- Translated description ----- -->\n      <p class=\"__description\">{{ description() | translate: { params: descriptionParams() } | async }}</p>\n    }\n    <div class=\"__actions\">\n      <ng-content select=\"[slot=actions]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-state-message{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center}.axp-state-message .__icon{margin-bottom:calc(var(--spacing, .25rem) * 4)}.axp-state-message .__icon i{opacity:74%;display:block;font-size:1rem;font-weight:400;line-height:1.625rem;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}.axp-state-message .__content{max-width:var(--container-md, 28rem)}.axp-state-message .__title{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-state-message .__description{margin-bottom:calc(var(--spacing, .25rem) * 4);opacity:74%;display:block;font-size:1rem;font-weight:400;line-height:1.625rem;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.axp-state-message .__actions{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-state-message[data-mode=empty] .__icon i{color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-state-message[data-mode=error] .__icon i{color:var(--color-red-500, oklch(63.7% .237 25.331))}.axp-state-message[data-mode=error] .__title{color:var(--color-red-600, oklch(57.7% .245 27.325))}.axp-state-message[data-mode=loading] .__icon i{color:var(--color-blue-500, oklch(62.3% .214 259.815))}.axp-state-message[data-mode=loading] .__title{color:var(--color-blue-600, oklch(54.6% .245 262.881))}.axp-state-message[data-mode=warning] .__icon i{color:var(--color-orange-500, oklch(70.5% .213 47.604))}.axp-state-message[data-mode=warning] .__title{color:var(--color-orange-600, oklch(64.6% .222 41.116))}.axp-state-message[data-mode=info] .__icon i{color:var(--color-blue-500, oklch(62.3% .214 259.815))}.axp-state-message[data-mode=info] .__title{color:var(--color-blue-600, oklch(54.6% .245 262.881))}.axp-state-message[data-mode=success] .__icon i{color:var(--color-green-500, oklch(72.3% .219 149.579))}.axp-state-message[data-mode=success] .__title{color:var(--color-green-600, oklch(62.7% .194 149.214))}.axp-state-message[data-look=compact]{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 6)}.axp-state-message[data-look=compact] .__icon{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-state-message[data-look=compact] .__icon i{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}.axp-state-message[data-look=compact] .__title{margin-bottom:var(--spacing, .25rem);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}.axp-state-message[data-look=compact] .__description{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.axp-state-message[data-look=minimal]{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 4)}.axp-state-message[data-look=minimal] .__icon{margin-bottom:var(--spacing, .25rem)}.axp-state-message[data-look=minimal] .__icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-state-message[data-look=minimal] .__title{margin-bottom:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.axp-state-message[data-look=minimal] .__description{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], titleParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleParams", required: false }] }], descriptionParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionParams", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }] } });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
 class AXPBackgroundOperationItemComponent {
+    //#endregion
+    //#region ----- Lifecycle -----
     constructor() {
-        //#region ---- Services & Dependencies ----
+        //#region ----- Services & Dependencies -----
         this.operationService = inject(AXPBackgroundOperationService);
+        this.translateService = inject(AXTranslationService);
         //#endregion
-        //#region ---- Inputs & Outputs ----
+        //#region ----- Inputs & Outputs -----
         this.data = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        this.tabKey = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabKey" }] : /* istanbul ignore next */ []));
         this.actionCompleted = output();
         this.itemClicked = output();
         //#endregion
-        //#region ---- State ----
+        //#region ----- State -----
         this.pendingAction = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "pendingAction" }] : /* istanbul ignore next */ []));
+        this.ctaDisplayText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ctaDisplayText" }] : /* istanbul ignore next */ []));
+        this.ctaTextRequestId = 0;
         //#endregion
-        //#region ---- Computed ----
+        //#region ----- Computed -----
+        this.isInProgressTab = computed(() => this.tabKey() === 'in-progress', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isInProgressTab" }] : /* istanbul ignore next */ []));
+        this.isCompletedTab = computed(() => this.tabKey() === 'completed', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCompletedTab" }] : /* istanbul ignore next */ []));
         this.statusClass = computed(() => `--${this.data().status}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "statusClass" }] : /* istanbul ignore next */ []));
         this.statusIcon = computed(() => {
@@ -4689,12 +4852,14 @@ class AXPBackgroundOperationItemComponent {
         ...(ngDevMode ? [{ debugName: "progressColor" }] : /* istanbul ignore next */ []));
         this.showProgressBar = computed(() => {
             const operation = this.data();
-            return axpIsActiveBackgroundOperationStatus(operation.status);
+            return (this.isInProgressTab() &&
+                operation.capabilities.supportsProgress === true &&
+                axpIsActiveBackgroundOperationStatus(operation.status));
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showProgressBar" }] : /* istanbul ignore next */ []));
         this.isIndeterminateProgress = computed(() => {
             const operation = this.data();
-            return !isNumber(operation.progress) && !operation.currentStep;
+            return operation.capabilities.supportsProgress === true && !isNumber(operation.progress);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isIndeterminateProgress" }] : /* istanbul ignore next */ []));
         this.progressMode = computed(() => this.isIndeterminateProgress() ? 'indeterminate' : 'determinate', /* @ts-ignore */
@@ -4707,54 +4872,168 @@ class AXPBackgroundOperationItemComponent {
             return 0;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "progressValue" }] : /* istanbul ignore next */ []));
-        this.isClickable = computed(() => this.operationService.hasClickHandler(this.data()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isClickable" }] : /* istanbul ignore next */ []));
+        this.showProgressPercent = computed(() => this.showProgressBar() && !this.isIndeterminateProgress(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showProgressPercent" }] : /* istanbul ignore next */ []));
         this.showError = computed(() => this.data().status === 'failed' && !!this.data().error?.message, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showError" }] : /* istanbul ignore next */ []));
         this.actions = computed(() => this.operationService.getAvailableActions(this.data()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-        this.showMetaRow = computed(() => {
+        this.cta = computed(() => this.isCompletedTab() ? this.operationService.getCta(this.data()) : null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cta" }] : /* istanbul ignore next */ []));
+        this.showCancelButton = computed(() => this.isInProgressTab() && this.data().capabilities.cancellable && this.actions().includes('cancel'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCancelButton" }] : /* istanbul ignore next */ []));
+        this.showPauseButton = computed(() => this.isInProgressTab() &&
+            !this.showCancelButton() &&
+            this.data().capabilities.pausable &&
+            this.actions().includes('pause'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPauseButton" }] : /* istanbul ignore next */ []));
+        this.showResumeButton = computed(() => this.isInProgressTab() && this.data().capabilities.resumable && this.actions().includes('resume'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showResumeButton" }] : /* istanbul ignore next */ []));
+        this.showDismissButton = computed(() => this.isCompletedTab() && this.actions().includes('dismiss'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDismissButton" }] : /* istanbul ignore next */ []));
+        this.showActionColumn = computed(() => this.showCancelButton() || this.showPauseButton() || this.showResumeButton(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showActionColumn" }] : /* istanbul ignore next */ []));
+        this.showCompletedActionRow = computed(() => this.isCompletedTab() && (this.cta() !== null || this.showDismissButton()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCompletedActionRow" }] : /* istanbul ignore next */ []));
+        this.statusTextKey = computed(() => {
+            const statusText = this.data().statusText?.trim();
+            return axpIsBackgroundOperationI18nText(statusText) ? statusText : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusTextKey" }] : /* istanbul ignore next */ []));
+        this.statusTextParams = computed(() => axpBackgroundOperationStatusTextParams(this.data()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusTextParams" }] : /* istanbul ignore next */ []));
+        this.plainStatusText = computed(() => {
+            const statusText = this.data().statusText?.trim();
+            if (!statusText || axpIsBackgroundOperationI18nText(statusText)) {
+                return null;
+            }
+            return statusText;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "plainStatusText" }] : /* istanbul ignore next */ []));
+        this.errorMessageKey = computed(() => {
+            const message = this.data().error?.message?.trim();
+            return axpIsBackgroundOperationI18nText(message) ? message : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessageKey" }] : /* istanbul ignore next */ []));
+        this.plainErrorMessage = computed(() => {
+            const message = this.data().error?.message?.trim();
+            if (!message || axpIsBackgroundOperationI18nText(message)) {
+                return null;
+            }
+            return message;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "plainErrorMessage" }] : /* istanbul ignore next */ []));
+        this.showStepLine = computed(() => {
             const operation = this.data();
-            return (!!operation.statusText ||
-                !!operation.currentStep ||
-                this.actions().length > 0);
+            if (!operation.currentStep?.trim()) {
+                return false;
+            }
+            const statusText = operation.statusText?.trim() ?? '';
+            return !(statusText.includes('layout-line-single') ||
+                statusText.includes('progress.layout'));
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showMetaRow" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "showStepLine" }] : /* istanbul ignore next */ []));
+        this.displayTime = computed(() => {
+            const operation = this.data();
+            const completedAt = axpCoerceBackgroundOperationDate(operation.completedAt);
+            if (completedAt && !axpIsInProgressPanelBackgroundOperation(operation)) {
+                return completedAt;
+            }
+            return axpBackgroundOperationDisplayTime(operation) ?? operation.createdAt;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayTime" }] : /* istanbul ignore next */ []));
+        this.showDate = computed(() => !!this.displayTime(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDate" }] : /* istanbul ignore next */ []));
+        /** Absolute timestamp for locale-aware `format` pipe (`datetime` / `short`). */
+        this.timingDatetime = computed(() => {
+            const operation = this.data();
+            if (axpIsActiveBackgroundOperationStatus(operation.status)) {
+                return (axpBackgroundOperationDisplayTime(operation) ??
+                    axpCoerceBackgroundOperationDate(operation.createdAt));
+            }
+            return axpCoerceBackgroundOperationDate(operation.completedAt);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timingDatetime" }] : /* istanbul ignore next */ []));
+        this.timingDuration = computed(() => {
+            const operation = this.data();
+            if (axpIsActiveBackgroundOperationStatus(operation.status)) {
+                if (operation.capabilities.supportsEstimate !== true) {
+                    return null;
+                }
+                const remainingMs = axpBackgroundOperationRemainingMs(operation);
+                return remainingMs !== null ? axpFormatBackgroundOperationDurationMs(remainingMs) : null;
+            }
+            const durationMs = axpBackgroundOperationDurationMs(operation);
+            return durationMs !== null ? axpFormatBackgroundOperationDurationMs(durationMs) : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timingDuration" }] : /* istanbul ignore next */ []));
+        this.showCompletedSummaryLine = computed(() => {
+            if (!this.isCompletedTab()) {
+                return false;
+            }
+            return !!this.statusTextKey() || !!this.plainStatusText() || !!this.timingDatetime();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCompletedSummaryLine" }] : /* istanbul ignore next */ []));
+        this.showEstimateLine = computed(() => this.isInProgressTab() &&
+            this.data().capabilities.supportsEstimate === true &&
+            !!this.timingDuration(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showEstimateLine" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const cta = this.cta();
+            const requestId = ++this.ctaTextRequestId;
+            if (!cta) {
+                this.ctaDisplayText.set('');
+                return;
+            }
+            if (axpIsBackgroundOperationI18nText(cta.text)) {
+                void this.translateService.translateAsync(cta.text).then((text) => {
+                    if (requestId === this.ctaTextRequestId) {
+                        this.ctaDisplayText.set(text);
+                    }
+                });
+                return;
+            }
+            this.ctaDisplayText.set(cta.text);
+        });
     }
     //#endregion
-    //#region ---- Action presentation ----
+    //#region ----- Action presentation -----
     actionLabelKey(action) {
         return `@general:background-operation.actions.${action}`;
     }
-    actionButtonLook(action) {
-        if (action === 'dismiss') {
-            return 'blank';
+    isCtaDisabled(cta) {
+        const pending = this.pendingAction();
+        if (cta.command.name === 'click') {
+            return pending !== null && pending !== 'click';
         }
-        return 'twotone';
-    }
-    actionButtonColor(action) {
-        switch (action) {
-            case 'cancel':
-                return 'danger';
-            case 'resume':
-            case 'retry':
-                return 'primary';
-            default:
-                return 'default';
+        if (this.isBackgroundActionKey(cta.command.name)) {
+            return this.isActionDisabled(cta.command.name) || this.isActionLoading(cta.command.name);
         }
+        return pending !== null;
     }
     //#endregion
-    //#region ---- Event Handlers ----
-    async onItemClick() {
-        if (!this.isClickable()) {
+    //#region ----- Event Handlers -----
+    async onCtaClick(cta) {
+        if (this.pendingAction()) {
             return;
         }
-        try {
-            await this.operationService.executeClick(this.data().id);
-            this.itemClicked.emit();
+        if (cta.command.name === 'click') {
+            this.pendingAction.set('click');
+            try {
+                await this.operationService.executeClick(this.data().id);
+                this.itemClicked.emit();
+                this.actionCompleted.emit();
+            }
+            catch (error) {
+                console.error('Background operation CTA failed:', error);
+            }
+            finally {
+                this.pendingAction.set(null);
+            }
+            return;
         }
-        catch (error) {
-            console.error('Background operation click failed:', error);
+        if (this.isBackgroundActionKey(cta.command.name)) {
+            await this.onAction(cta.command.name);
         }
     }
     async onAction(action) {
@@ -4780,17 +5059,29 @@ class AXPBackgroundOperationItemComponent {
     isActionLoading(action) {
         return this.pendingAction() === action;
     }
+    //#endregion
+    //#region ----- Helpers -----
+    isBackgroundActionKey(value) {
+        return value === 'cancel' || value === 'pause' || value === 'resume' || value === 'retry' || value === 'dismiss';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationItemComponent, isStandalone: true, selector: "axp-background-operation-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionCompleted: "actionCompleted", itemClicked: "itemClicked" }, ngImport: i0, template: "<article\n  class=\"operation-item\"\n  [class]=\"statusClass()\"\n  [class.--clickable]=\"isClickable()\"\n  (click)=\"onItemClick()\"\n>\n  <div class=\"operation-item__body\">\n    <div class=\"operation-item__header\">\n      <ax-icon class=\"operation-item__status-icon\" [class]=\"statusClass()\">\n        <i [class]=\"statusIcon()\"></i>\n      </ax-icon>\n\n      <div class=\"operation-item__summary\">\n        <h3 class=\"operation-item__title\">{{ data().title }}</h3>\n\n        @if (showMetaRow()) {\n          <div class=\"operation-item__meta\">\n            <div class=\"operation-item__meta-content\">\n              @if (data().statusText) {\n                <p class=\"operation-item__status-text\">\n                  {{ data().statusText }}\n                </p>\n              }\n\n              @if (data().currentStep) {\n                <span class=\"operation-item__step\">\n                  {{\n                    '@general:background-operation.step' | translate | async\n                  }}\n                  {{ data().currentStep }}\n                </span>\n              }\n            </div>\n\n            @if (actions().length > 0) {\n              <footer\n                class=\"operation-item__actions\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                @for (action of actions(); track action) {\n                  <ax-button\n                    class=\"ax-sm\"\n                    [look]=\"actionButtonLook(action)\"\n                    [color]=\"actionButtonColor(action)\"\n                    [text]=\"(actionLabelKey(action) | translate | async) ?? ''\"\n                    [disabled]=\"\n                      isActionDisabled(action) || isActionLoading(action)\n                    \"\n                    (onClick)=\"onAction(action)\"\n                  ></ax-button>\n                }\n              </footer>\n            }\n          </div>\n        }\n\n        @if (showProgressBar()) {\n          <ax-progress-bar\n            [progress]=\"progressValue()\"\n            [mode]=\"progressMode()\"\n            [color]=\"progressColor()\"\n            [style.height.px]=\"4\"\n          ></ax-progress-bar>\n        }\n\n        @if (showError()) {\n          <p class=\"operation-item__error\" role=\"alert\">\n            {{ data().error!.message }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</article>\n", styles: ["@layer properties;axp-background-operation-item{display:block}.operation-item{position:relative;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-color:rgb(var(--ax-sys-color-border-lighter-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.operation-item.--clickable{cursor:pointer}@media(hover:hover){.operation-item.--clickable:hover{border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface))}}.operation-item.--failed{border-color:rgb(var(--ax-sys-color-border-danger-surface))}.operation-item .operation-item__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}.operation-item .operation-item__header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.operation-item .operation-item__status-icon{margin-top:calc(var(--spacing, .25rem) * .5);flex-shrink:0;font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__status-icon.--running{color:rgb(var(--ax-sys-color-primary-500))}.operation-item .operation-item__status-icon.--paused{color:rgb(var(--ax-sys-color-warning-500))}.operation-item .operation-item__status-icon.--completed{color:rgb(var(--ax-sys-color-success-500))}.operation-item .operation-item__status-icon.--failed{color:rgb(var(--ax-sys-color-danger-500))}.operation-item .operation-item__summary{display:flex;min-width:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem)}.operation-item .operation-item__title{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.operation-item .operation-item__meta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.operation-item .operation-item__meta-content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.operation-item .operation-item__status-text{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__step{display:inline-block;font-size:.6875rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__error{margin:0;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-on-danger-lighter-surface))}.operation-item .operation-item__actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spacing, .25rem)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-duration: initial;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationItemComponent, isStandalone: true, selector: "axp-background-operation-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, tabKey: { classPropertyName: "tabKey", publicName: "tabKey", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionCompleted: "actionCompleted", itemClicked: "itemClicked" }, ngImport: i0, template: "<article class=\"operation-item\" [class]=\"statusClass()\">\n  <ax-icon class=\"operation-item__status-icon\" [class]=\"statusClass()\">\n    <i [class]=\"statusIcon()\"></i>\n  </ax-icon>\n\n  <div class=\"operation-item__content\">\n    <div class=\"operation-item__headline\">\n      <h3 class=\"operation-item__title\">{{ data().title }}</h3>\n    </div>\n\n    @if (isCompletedTab()) {\n      @if (showCompletedSummaryLine()) {\n        <!-- ----- Status merged with finished time and duration ----- -->\n        <p class=\"operation-item__status-text\">\n          @if (statusTextKey(); as key) {\n            <span>{{ key | translate: { params: statusTextParams() } | async }}</span>\n          } @else if (plainStatusText()) {\n            <span>{{ plainStatusText() }}</span>\n          }\n          @if (timingDatetime(); as finishedAt) {\n            @if (statusTextKey() || plainStatusText()) {\n              <span class=\"operation-item__status-separator\" aria-hidden=\"true\"> \u00B7 </span>\n            }\n            <!--->\n            <!-- ----- Locale-aware finished datetime via format pipe ----- -->\n            @if ((finishedAt | format: 'datetime' : 'short' | async); as datetime) {\n              <span>{{\n                '@general:background-operation.timing.finished-at'\n                  | translate: { params: { datetime } }\n                  | async\n              }}</span>\n            }\n            <!--->\n            <!-- ----- Compact duration when available ----- -->\n            @if (timingDuration(); as duration) {\n              <span class=\"operation-item__status-separator\" aria-hidden=\"true\"> \u00B7 </span>\n              <span>{{\n                '@general:background-operation.timing.duration'\n                  | translate: { params: { duration } }\n                  | async\n              }}</span>\n            }\n          }\n        </p>\n      }\n    } @else {\n      @if (statusTextKey(); as key) {\n        <p class=\"operation-item__status-text\">\n          {{ key | translate: { params: statusTextParams() } | async }}\n        </p>\n      } @else if (plainStatusText()) {\n        <p class=\"operation-item__status-text\">\n          {{ plainStatusText() }}\n        </p>\n      }\n    }\n\n    @if (showStepLine()) {\n      <span class=\"operation-item__step\">\n        {{ '@general:background-operation.step' | translate | async }}\n        {{ data().currentStep }}\n      </span>\n    }\n\n    @if (timingDatetime(); as startedAt) {\n      <!--->\n      <!-- ----- Started time and estimate for in-progress tasks ----- -->\n      @if (isInProgressTab()) {\n        <div class=\"operation-item__timing\">\n          <!-- ----- Locale-aware started datetime via format pipe ----- -->\n          @if ((startedAt | format: 'datetime' : 'short' | async); as datetime) {\n            <span>\n              {{\n                '@general:background-operation.timing.started-at'\n                  | translate: { params: { datetime } }\n                  | async\n              }}\n            </span>\n          }\n          <!--->\n          <!-- ----- ETA when the task type supports estimates ----- -->\n          @if (showEstimateLine()) {\n            <span>\n              {{\n                '@general:background-operation.timing.estimate'\n                  | translate: { params: { estimate: timingDuration()! } }\n                  | async\n              }}\n            </span>\n          }\n        </div>\n      }\n    }\n\n    @if (showCompletedActionRow()) {\n      <div class=\"ax-xs operation-item__footer-actions\">\n        @if (cta(); as primaryCta) {\n          <!-- ----- Handler-defined CTA on completed tab ----- -->\n          <ax-button\n            class=\"operation-item__action-btn\"\n            look=\"solid\"\n            [color]=\"primaryCta.color ?? 'primary'\"\n            [text]=\"ctaDisplayText()\"\n            [disabled]=\"isCtaDisabled(primaryCta)\"\n            (onClick)=\"onCtaClick(primaryCta)\"\n          >\n            @if (primaryCta.icon) {\n              <ax-prefix>\n                <ax-icon><i [class]=\"primaryCta.icon\"></i></ax-icon>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n        @if (showDismissButton()) {\n          <!-- ----- Close / dismiss completed rows ----- -->\n          <ax-button\n            class=\"operation-item__action-btn\"\n            look=\"solid\"\n            color=\"default\"\n            [text]=\"(actionLabelKey('dismiss') | translate | async) ?? ''\"\n            [disabled]=\"isActionDisabled('dismiss') || isActionLoading('dismiss')\"\n            (onClick)=\"onAction('dismiss')\"\n          ></ax-button>\n        }\n      </div>\n    }\n\n    @if (showProgressBar()) {\n      <div class=\"operation-item__progress-row\">\n        @if (showProgressPercent()) {\n          <span class=\"operation-item__progress-label\">\n            {{\n              '@general:background-operation.progress-percent'\n                | translate: { params: { percent: progressValue() } }\n                | async\n            }}\n          </span>\n        }\n        <ax-progress-bar\n          class=\"operation-item__progress\"\n          [progress]=\"progressValue()\"\n          [mode]=\"progressMode()\"\n          [color]=\"progressColor()\"\n          [style.height.px]=\"4\"\n        ></ax-progress-bar>\n      </div>\n    }\n\n    @if (showError()) {\n      @if (errorMessageKey(); as errorKey) {\n        <p class=\"operation-item__error\" role=\"alert\">\n          {{ errorKey | translate | async }}\n        </p>\n      } @else if (plainErrorMessage()) {\n        <p class=\"operation-item__error\" role=\"alert\">\n          {{ plainErrorMessage() }}\n        </p>\n      }\n    }\n  </div>\n\n  @if (showDate() || showActionColumn()) {\n    <div class=\"operation-item__aside\">\n      @if (showDate()) {\n        <span class=\"operation-item__time\">{{ displayTime() | format: 'timeleft' | async }}</span>\n      }\n      @if (showActionColumn()) {\n        <div class=\"operation-item__actions\" (click)=\"$event.stopPropagation()\">\n          @if (isInProgressTab()) {\n            @if (showCancelButton()) {\n              <!-- ----- Cancel for in-progress cancellable tasks ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"danger\"\n                [text]=\"(actionLabelKey('cancel') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('cancel') || isActionLoading('cancel')\"\n                (onClick)=\"onAction('cancel')\"\n              ></ax-button>\n            }\n            @if (showPauseButton()) {\n              <!-- ----- Pause when supported and no cancel is shown ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"default\"\n                [text]=\"(actionLabelKey('pause') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('pause') || isActionLoading('pause')\"\n                (onClick)=\"onAction('pause')\"\n              ></ax-button>\n            }\n            @if (showResumeButton()) {\n              <!-- ----- Resume for paused tasks ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"primary\"\n                [text]=\"(actionLabelKey('resume') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('resume') || isActionLoading('resume')\"\n                (onClick)=\"onAction('resume')\"\n              ></ax-button>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n</article>\n", styles: ["@layer properties;axp-background-operation-item{display:block;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-background-operation-item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.operation-item{position:relative;display:flex;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.operation-item.--failed{background:rgb(var(--ax-sys-color-danger-lightest-surface) / .35)}.operation-item__status-icon{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;width:calc(var(--spacing, .25rem) * 12);height:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;color:rgb(var(--ax-sys-color-on-surface-variant));border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.operation-item__status-icon.--running{color:rgb(var(--ax-sys-color-primary-500));border-color:rgb(var(--ax-sys-color-border-primary-light-surface));background:rgb(var(--ax-sys-color-primary-lightest-surface))}.operation-item__status-icon.--paused{color:rgb(var(--ax-sys-color-warning-500));border-color:rgb(var(--ax-sys-color-border-warning-light-surface));background:rgb(var(--ax-sys-color-warning-lightest-surface))}.operation-item__status-icon.--completed{color:rgb(var(--ax-sys-color-success-500));border-color:rgb(var(--ax-sys-color-border-success-light-surface));background:rgb(var(--ax-sys-color-success-lightest-surface))}.operation-item__status-icon.--failed{color:rgb(var(--ax-sys-color-danger-500));border-color:rgb(var(--ax-sys-color-border-danger-light-surface));background:rgb(var(--ax-sys-color-danger-lightest-surface))}.operation-item__content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);text-align:start}.operation-item__headline{min-width:0px}.operation-item__title{margin:0;min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.operation-item__aside{position:relative;flex-shrink:0;align-self:stretch;min-width:3.5rem}.operation-item__time{position:relative;z-index:1;padding-top:calc(var(--spacing, .25rem) * .5);text-align:end;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__status-text{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__step{display:inline-block;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__timing{display:flex;flex-wrap:wrap;column-gap:calc(var(--spacing, .25rem) * 2);row-gap:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__progress-row{margin-top:var(--spacing, .25rem);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.operation-item__progress-label{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__progress{min-width:0px;flex:1}.operation-item__error{margin:0;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-on-danger-lighter-surface))}.operation-item__status-separator{white-space:pre}.operation-item__footer-actions{margin-top:var(--spacing, .25rem);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.operation-item__actions{position:absolute;top:50%;right:0;display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;align-items:flex-end;gap:var(--spacing, .25rem)}.operation-item__action-btn{white-space:nowrap}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-duration: initial;--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-background-operation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule, AXTranslationModule], template: "<article\n  class=\"operation-item\"\n  [class]=\"statusClass()\"\n  [class.--clickable]=\"isClickable()\"\n  (click)=\"onItemClick()\"\n>\n  <div class=\"operation-item__body\">\n    <div class=\"operation-item__header\">\n      <ax-icon class=\"operation-item__status-icon\" [class]=\"statusClass()\">\n        <i [class]=\"statusIcon()\"></i>\n      </ax-icon>\n\n      <div class=\"operation-item__summary\">\n        <h3 class=\"operation-item__title\">{{ data().title }}</h3>\n\n        @if (showMetaRow()) {\n          <div class=\"operation-item__meta\">\n            <div class=\"operation-item__meta-content\">\n              @if (data().statusText) {\n                <p class=\"operation-item__status-text\">\n                  {{ data().statusText }}\n                </p>\n              }\n\n              @if (data().currentStep) {\n                <span class=\"operation-item__step\">\n                  {{\n                    '@general:background-operation.step' | translate | async\n                  }}\n                  {{ data().currentStep }}\n                </span>\n              }\n            </div>\n\n            @if (actions().length > 0) {\n              <footer\n                class=\"operation-item__actions\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                @for (action of actions(); track action) {\n                  <ax-button\n                    class=\"ax-sm\"\n                    [look]=\"actionButtonLook(action)\"\n                    [color]=\"actionButtonColor(action)\"\n                    [text]=\"(actionLabelKey(action) | translate | async) ?? ''\"\n                    [disabled]=\"\n                      isActionDisabled(action) || isActionLoading(action)\n                    \"\n                    (onClick)=\"onAction(action)\"\n                  ></ax-button>\n                }\n              </footer>\n            }\n          </div>\n        }\n\n        @if (showProgressBar()) {\n          <ax-progress-bar\n            [progress]=\"progressValue()\"\n            [mode]=\"progressMode()\"\n            [color]=\"progressColor()\"\n            [style.height.px]=\"4\"\n          ></ax-progress-bar>\n        }\n\n        @if (showError()) {\n          <p class=\"operation-item__error\" role=\"alert\">\n            {{ data().error!.message }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</article>\n", styles: ["@layer properties;axp-background-operation-item{display:block}.operation-item{position:relative;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-color:rgb(var(--ax-sys-color-border-lighter-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.operation-item.--clickable{cursor:pointer}@media(hover:hover){.operation-item.--clickable:hover{border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface))}}.operation-item.--failed{border-color:rgb(var(--ax-sys-color-border-danger-surface))}.operation-item .operation-item__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}.operation-item .operation-item__header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.operation-item .operation-item__status-icon{margin-top:calc(var(--spacing, .25rem) * .5);flex-shrink:0;font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__status-icon.--running{color:rgb(var(--ax-sys-color-primary-500))}.operation-item .operation-item__status-icon.--paused{color:rgb(var(--ax-sys-color-warning-500))}.operation-item .operation-item__status-icon.--completed{color:rgb(var(--ax-sys-color-success-500))}.operation-item .operation-item__status-icon.--failed{color:rgb(var(--ax-sys-color-danger-500))}.operation-item .operation-item__summary{display:flex;min-width:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem)}.operation-item .operation-item__title{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.operation-item .operation-item__meta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.operation-item .operation-item__meta-content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.operation-item .operation-item__status-text{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__step{display:inline-block;font-size:.6875rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item .operation-item__error{margin:0;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-on-danger-lighter-surface))}.operation-item .operation-item__actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spacing, .25rem)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-duration: initial;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], actionCompleted: [{ type: i0.Output, args: ["actionCompleted"] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
+            args: [{ selector: 'axp-background-operation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXProgressBarModule,
+                        AXFormatModule,
+                        AXTranslationModule,
+                    ], template: "<article class=\"operation-item\" [class]=\"statusClass()\">\n  <ax-icon class=\"operation-item__status-icon\" [class]=\"statusClass()\">\n    <i [class]=\"statusIcon()\"></i>\n  </ax-icon>\n\n  <div class=\"operation-item__content\">\n    <div class=\"operation-item__headline\">\n      <h3 class=\"operation-item__title\">{{ data().title }}</h3>\n    </div>\n\n    @if (isCompletedTab()) {\n      @if (showCompletedSummaryLine()) {\n        <!-- ----- Status merged with finished time and duration ----- -->\n        <p class=\"operation-item__status-text\">\n          @if (statusTextKey(); as key) {\n            <span>{{ key | translate: { params: statusTextParams() } | async }}</span>\n          } @else if (plainStatusText()) {\n            <span>{{ plainStatusText() }}</span>\n          }\n          @if (timingDatetime(); as finishedAt) {\n            @if (statusTextKey() || plainStatusText()) {\n              <span class=\"operation-item__status-separator\" aria-hidden=\"true\"> \u00B7 </span>\n            }\n            <!--->\n            <!-- ----- Locale-aware finished datetime via format pipe ----- -->\n            @if ((finishedAt | format: 'datetime' : 'short' | async); as datetime) {\n              <span>{{\n                '@general:background-operation.timing.finished-at'\n                  | translate: { params: { datetime } }\n                  | async\n              }}</span>\n            }\n            <!--->\n            <!-- ----- Compact duration when available ----- -->\n            @if (timingDuration(); as duration) {\n              <span class=\"operation-item__status-separator\" aria-hidden=\"true\"> \u00B7 </span>\n              <span>{{\n                '@general:background-operation.timing.duration'\n                  | translate: { params: { duration } }\n                  | async\n              }}</span>\n            }\n          }\n        </p>\n      }\n    } @else {\n      @if (statusTextKey(); as key) {\n        <p class=\"operation-item__status-text\">\n          {{ key | translate: { params: statusTextParams() } | async }}\n        </p>\n      } @else if (plainStatusText()) {\n        <p class=\"operation-item__status-text\">\n          {{ plainStatusText() }}\n        </p>\n      }\n    }\n\n    @if (showStepLine()) {\n      <span class=\"operation-item__step\">\n        {{ '@general:background-operation.step' | translate | async }}\n        {{ data().currentStep }}\n      </span>\n    }\n\n    @if (timingDatetime(); as startedAt) {\n      <!--->\n      <!-- ----- Started time and estimate for in-progress tasks ----- -->\n      @if (isInProgressTab()) {\n        <div class=\"operation-item__timing\">\n          <!-- ----- Locale-aware started datetime via format pipe ----- -->\n          @if ((startedAt | format: 'datetime' : 'short' | async); as datetime) {\n            <span>\n              {{\n                '@general:background-operation.timing.started-at'\n                  | translate: { params: { datetime } }\n                  | async\n              }}\n            </span>\n          }\n          <!--->\n          <!-- ----- ETA when the task type supports estimates ----- -->\n          @if (showEstimateLine()) {\n            <span>\n              {{\n                '@general:background-operation.timing.estimate'\n                  | translate: { params: { estimate: timingDuration()! } }\n                  | async\n              }}\n            </span>\n          }\n        </div>\n      }\n    }\n\n    @if (showCompletedActionRow()) {\n      <div class=\"ax-xs operation-item__footer-actions\">\n        @if (cta(); as primaryCta) {\n          <!-- ----- Handler-defined CTA on completed tab ----- -->\n          <ax-button\n            class=\"operation-item__action-btn\"\n            look=\"solid\"\n            [color]=\"primaryCta.color ?? 'primary'\"\n            [text]=\"ctaDisplayText()\"\n            [disabled]=\"isCtaDisabled(primaryCta)\"\n            (onClick)=\"onCtaClick(primaryCta)\"\n          >\n            @if (primaryCta.icon) {\n              <ax-prefix>\n                <ax-icon><i [class]=\"primaryCta.icon\"></i></ax-icon>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n        @if (showDismissButton()) {\n          <!-- ----- Close / dismiss completed rows ----- -->\n          <ax-button\n            class=\"operation-item__action-btn\"\n            look=\"solid\"\n            color=\"default\"\n            [text]=\"(actionLabelKey('dismiss') | translate | async) ?? ''\"\n            [disabled]=\"isActionDisabled('dismiss') || isActionLoading('dismiss')\"\n            (onClick)=\"onAction('dismiss')\"\n          ></ax-button>\n        }\n      </div>\n    }\n\n    @if (showProgressBar()) {\n      <div class=\"operation-item__progress-row\">\n        @if (showProgressPercent()) {\n          <span class=\"operation-item__progress-label\">\n            {{\n              '@general:background-operation.progress-percent'\n                | translate: { params: { percent: progressValue() } }\n                | async\n            }}\n          </span>\n        }\n        <ax-progress-bar\n          class=\"operation-item__progress\"\n          [progress]=\"progressValue()\"\n          [mode]=\"progressMode()\"\n          [color]=\"progressColor()\"\n          [style.height.px]=\"4\"\n        ></ax-progress-bar>\n      </div>\n    }\n\n    @if (showError()) {\n      @if (errorMessageKey(); as errorKey) {\n        <p class=\"operation-item__error\" role=\"alert\">\n          {{ errorKey | translate | async }}\n        </p>\n      } @else if (plainErrorMessage()) {\n        <p class=\"operation-item__error\" role=\"alert\">\n          {{ plainErrorMessage() }}\n        </p>\n      }\n    }\n  </div>\n\n  @if (showDate() || showActionColumn()) {\n    <div class=\"operation-item__aside\">\n      @if (showDate()) {\n        <span class=\"operation-item__time\">{{ displayTime() | format: 'timeleft' | async }}</span>\n      }\n      @if (showActionColumn()) {\n        <div class=\"operation-item__actions\" (click)=\"$event.stopPropagation()\">\n          @if (isInProgressTab()) {\n            @if (showCancelButton()) {\n              <!-- ----- Cancel for in-progress cancellable tasks ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"danger\"\n                [text]=\"(actionLabelKey('cancel') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('cancel') || isActionLoading('cancel')\"\n                (onClick)=\"onAction('cancel')\"\n              ></ax-button>\n            }\n            @if (showPauseButton()) {\n              <!-- ----- Pause when supported and no cancel is shown ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"default\"\n                [text]=\"(actionLabelKey('pause') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('pause') || isActionLoading('pause')\"\n                (onClick)=\"onAction('pause')\"\n              ></ax-button>\n            }\n            @if (showResumeButton()) {\n              <!-- ----- Resume for paused tasks ----- -->\n              <ax-button\n                class=\"ax-xs operation-item__action-btn\"\n                look=\"outline\"\n                color=\"primary\"\n                [text]=\"(actionLabelKey('resume') | translate | async) ?? ''\"\n                [disabled]=\"isActionDisabled('resume') || isActionLoading('resume')\"\n                (onClick)=\"onAction('resume')\"\n              ></ax-button>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n</article>\n", styles: ["@layer properties;axp-background-operation-item{display:block;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-background-operation-item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.operation-item{position:relative;display:flex;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.operation-item.--failed{background:rgb(var(--ax-sys-color-danger-lightest-surface) / .35)}.operation-item__status-icon{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;width:calc(var(--spacing, .25rem) * 12);height:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;color:rgb(var(--ax-sys-color-on-surface-variant));border-color:rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.operation-item__status-icon.--running{color:rgb(var(--ax-sys-color-primary-500));border-color:rgb(var(--ax-sys-color-border-primary-light-surface));background:rgb(var(--ax-sys-color-primary-lightest-surface))}.operation-item__status-icon.--paused{color:rgb(var(--ax-sys-color-warning-500));border-color:rgb(var(--ax-sys-color-border-warning-light-surface));background:rgb(var(--ax-sys-color-warning-lightest-surface))}.operation-item__status-icon.--completed{color:rgb(var(--ax-sys-color-success-500));border-color:rgb(var(--ax-sys-color-border-success-light-surface));background:rgb(var(--ax-sys-color-success-lightest-surface))}.operation-item__status-icon.--failed{color:rgb(var(--ax-sys-color-danger-500));border-color:rgb(var(--ax-sys-color-border-danger-light-surface));background:rgb(var(--ax-sys-color-danger-lightest-surface))}.operation-item__content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);text-align:start}.operation-item__headline{min-width:0px}.operation-item__title{margin:0;min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.operation-item__aside{position:relative;flex-shrink:0;align-self:stretch;min-width:3.5rem}.operation-item__time{position:relative;z-index:1;padding-top:calc(var(--spacing, .25rem) * .5);text-align:end;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__status-text{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__step{display:inline-block;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__timing{display:flex;flex-wrap:wrap;column-gap:calc(var(--spacing, .25rem) * 2);row-gap:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__progress-row{margin-top:var(--spacing, .25rem);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.operation-item__progress-label{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-item__progress{min-width:0px;flex:1}.operation-item__error{margin:0;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-on-danger-lighter-surface))}.operation-item__status-separator{white-space:pre}.operation-item__footer-actions{margin-top:var(--spacing, .25rem);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.operation-item__actions{position:absolute;top:50%;right:0;display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);flex-direction:column;align-items:flex-end;gap:var(--spacing, .25rem)}.operation-item__action-btn{white-space:nowrap}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-duration: initial;--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], tabKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabKey", required: true }] }], actionCompleted: [{ type: i0.Output, args: ["actionCompleted"] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
 
-//#region ---- Imports ----
+//#region ----- Imports -----
 //#endregion
-//#region ---- Sort priority ----
+//#region ----- Sort priority -----
 const STATUS_SORT_PRIORITY = {
     running: 0,
     queued: 1,
@@ -4799,36 +5090,163 @@ const STATUS_SORT_PRIORITY = {
     completed: 4,
     cancelled: 5,
 };
+function sortBackgroundOperations(left, right) {
+    const priorityDiff = STATUS_SORT_PRIORITY[left.status] - STATUS_SORT_PRIORITY[right.status];
+    if (priorityDiff !== 0) {
+        return priorityDiff;
+    }
+    return right.createdAt.getTime() - left.createdAt.getTime();
+}
 //#endregion
-//#region ---- Component ----
+//#region ----- Component -----
 class AXPBackgroundOperationPanelComponent {
     constructor() {
-        //#region ---- Outputs ----
+        //#region ----- Outputs -----
         this.onActiveCountChange = output();
         this.onClosePopover = output();
         //#endregion
-        //#region ---- Services & Dependencies ----
+        //#region ----- Services & Dependencies -----
         this.operationService = inject(AXPBackgroundOperationService);
+        this.injector = inject(Injector);
         //#endregion
-        //#region ---- Computed ----
-        this.visibleOperations = computed(() => [...this.operationService.operations()]
-            .filter((operation) => axpIsActiveBackgroundOperationStatus(operation.status) || operation.status === 'failed')
-            .sort((left, right) => {
-            const priorityDiff = STATUS_SORT_PRIORITY[left.status] - STATUS_SORT_PRIORITY[right.status];
-            if (priorityDiff !== 0) {
-                return priorityDiff;
+        //#region ----- View Queries -----
+        this.tabsHost = viewChild('tabsHost', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabsHost" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- State -----
+        this.activeTab = signal('in-progress', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+        this.bulkActionPending = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bulkActionPending" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Computed -----
+        this.inProgressOperations = computed(() => [...this.operationService.operations()]
+            .filter((operation) => axpIsTrayVisibleBackgroundOperation(operation) &&
+            axpIsInProgressPanelBackgroundOperation(operation))
+            .sort(sortBackgroundOperations), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inProgressOperations" }] : /* istanbul ignore next */ []));
+        this.completedOperations = computed(() => [...this.operationService.operations()]
+            .filter((operation) => axpIsCompletedPanelBackgroundOperation(operation))
+            .sort(sortBackgroundOperations), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "completedOperations" }] : /* istanbul ignore next */ []));
+        this.cancellableInProgressOperations = computed(() => this.inProgressOperations().filter((operation) => this.operationService.getAvailableActions(operation).includes('cancel')), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancellableInProgressOperations" }] : /* istanbul ignore next */ []));
+        this.dismissibleCompletedOperations = computed(() => this.completedOperations().filter((operation) => this.operationService.getAvailableActions(operation).includes('dismiss')), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dismissibleCompletedOperations" }] : /* istanbul ignore next */ []));
+        this.showCancelAllButton = computed(() => this.activeTab() === 'in-progress' && this.cancellableInProgressOperations().length > 1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCancelAllButton" }] : /* istanbul ignore next */ []));
+        this.showDismissAllButton = computed(() => this.activeTab() === 'completed' && this.dismissibleCompletedOperations().length > 1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDismissAllButton" }] : /* istanbul ignore next */ []));
+        this.showCloseButton = computed(() => !this.showCancelAllButton() && !this.showDismissAllButton(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCloseButton" }] : /* istanbul ignore next */ []));
+        this.tabItems = computed(() => [
+            {
+                key: 'in-progress',
+                labelKey: '@general:background-operation.tabs.in-progress',
+                count: this.inProgressOperations().length,
+            },
+            {
+                key: 'completed',
+                labelKey: '@general:background-operation.tabs.completed',
+                count: this.completedOperations().length,
+            },
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabItems" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    /**
+     * Pick In Progress when any running tasks exist; otherwise Completed.
+     * Must call `ax-tabs.select` — `[active]` alone does not switch tab content.
+     */
+    syncDefaultTab() {
+        const tab = this.inProgressOperations().length > 0 ? 'in-progress' : 'completed';
+        this.activeTab.set(tab);
+        const index = this.tabItems().findIndex((item) => item.key === tab);
+        if (index < 0) {
+            return;
+        }
+        afterNextRender(() => {
+            this.tabsHost()?.select(index);
+        }, { injector: this.injector });
+    }
+    handleTabChange(event) {
+        const tab = this.tabItems()[event.index];
+        if (tab) {
+            this.activeTab.set(tab.key);
+        }
+    }
+    getOperations(tab) {
+        return tab === 'in-progress' ? this.inProgressOperations() : this.completedOperations();
+    }
+    emptyStateForTab(tab) {
+        if (tab === 'in-progress') {
+            return {
+                icon: 'fa-regular fa-clock',
+                titleKey: '@general:background-operation.empty.in-progress',
+                descriptionKey: '@general:background-operation.empty.in-progress-description',
+            };
+        }
+        return {
+            icon: 'fa-regular fa-circle-check',
+            titleKey: '@general:background-operation.empty.completed',
+            descriptionKey: '@general:background-operation.empty.completed-description',
+        };
+    }
+    onItemActionCompleted() {
+        this.onActiveCountChange.emit(this.operationService.activeCount());
+    }
+    async onCancelAll() {
+        if (this.bulkActionPending()) {
+            return;
+        }
+        this.bulkActionPending.set(true);
+        try {
+            for (const operation of this.cancellableInProgressOperations()) {
+                await this.operationService.runAction(operation.id, 'cancel');
             }
-            return right.createdAt.getTime() - left.createdAt.getTime();
-        }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "visibleOperations" }] : /* istanbul ignore next */ []));
+            this.onItemActionCompleted();
+        }
+        catch (error) {
+            console.error('Background operation cancel-all failed:', error);
+        }
+        finally {
+            this.bulkActionPending.set(false);
+        }
+    }
+    async onDismissAll() {
+        if (this.bulkActionPending()) {
+            return;
+        }
+        this.bulkActionPending.set(true);
+        try {
+            const ids = this.dismissibleCompletedOperations().map((operation) => operation.id);
+            await this.operationService.dismissMany(ids);
+            this.onItemActionCompleted();
+        }
+        catch (error) {
+            console.error('Background operation dismiss-all failed:', error);
+        }
+        finally {
+            this.bulkActionPending.set(false);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationPanelComponent, isStandalone: true, selector: "axp-background-operation-panel", outputs: { onActiveCountChange: "onActiveCountChange", onClosePopover: "onClosePopover" }, ngImport: i0, template: "<div class=\"operation-panel\">\n  <header class=\"operation-panel__header\">\n    <h2 class=\"operation-panel__title\">{{ '@general:background-operation.panel.title' | translate | async }}</h2>\n  </header>\n\n  <div class=\"operation-panel__list\">\n    @if (visibleOperations().length === 0) {\n      <div class=\"operation-panel__empty\">\n        <i class=\"fa-regular fa-list-check\"></i>\n        <span class=\"text-sm\">{{ '@general:background-operation.empty.all' | translate | async }}</span>\n      </div>\n    } @else {\n      @for (operation of visibleOperations(); track operation.id) {\n        <axp-background-operation-item\n          [data]=\"operation\"\n          (actionCompleted)=\"onActiveCountChange.emit(operationService.activeCount())\"\n          (itemClicked)=\"onClosePopover.emit()\"\n        ></axp-background-operation-item>\n      }\n    }\n  </div>\n</div>\n", styles: ["@layer properties;axp-background-operation-panel{display:block}.operation-panel__header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.operation-panel__title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-surface))}.operation-panel__list{display:flex;max-height:50vh;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);overflow-y:auto;padding:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.operation-panel__list{width:32rem}}.operation-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-panel__empty i{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));opacity:60%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPBackgroundOperationItemComponent, selector: "axp-background-operation-item", inputs: ["data"], outputs: ["actionCompleted", "itemClicked"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationPanelComponent, isStandalone: true, selector: "axp-background-operation-panel", outputs: { onActiveCountChange: "onActiveCountChange", onClosePopover: "onClosePopover" }, viewQueries: [{ propertyName: "tabsHost", first: true, predicate: ["tabsHost"], descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"operation-panel__header\">\n  <h2 class=\"operation-panel__title\">\n    {{ '@general:background-operation.panel.title' | translate | async }}\n  </h2>\n  @if (showCancelAllButton()) {\n    <!-- ----- Cancel all cancellable in-progress tasks ----- -->\n    <ax-button\n      class=\"ax-xs operation-panel__header-action\"\n      look=\"blank\"\n      color=\"danger\"\n      [text]=\"('@general:background-operation.actions.cancel-all' | translate | async) ?? ''\"\n      [disabled]=\"bulkActionPending() || operationService.loading()\"\n      (onClick)=\"onCancelAll()\"\n    ></ax-button>\n  }\n  @if (showDismissAllButton()) {\n    <!-- ----- Dismiss all dismissible completed tasks ----- -->\n    <ax-button\n      class=\"ax-xs operation-panel__header-action\"\n      look=\"blank\"\n      color=\"default\"\n      [text]=\"('@general:background-operation.actions.dismiss-all' | translate | async) ?? ''\"\n      [disabled]=\"bulkActionPending() || operationService.loading()\"\n      (onClick)=\"onDismissAll()\"\n    ></ax-button>\n  }\n  <ax-button class=\"ax-xs operation-panel__header-action\" look=\"blank\"  [iconOnly]=\"true\" (onClick)=\"onClosePopover.emit()\">\n    <ax-icon><i class=\"fa-light fa-xmark \" aria-hidden=\"true\"></i></ax-icon>\n  </ax-button>\n</header>\n\n<ax-tabs\n  #tabsHost\n  [content]=\"tabContent\"\n  [look]=\"'with-line'\"\n  location=\"bottom\"\n  (onActiveTabChanged)=\"handleTabChange($event)\"\n>\n  @for (tab of tabItems(); track tab.key) {\n    <ax-tab-item [text]=\"(tab.labelKey | translate | async) ?? ''\" [active]=\"activeTab() === tab.key\">\n      <ax-suffix>\n        @if (tab.count > 0) {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"operation-panel__list\">\n          @if (getOperations(tab.key).length === 0) {\n            @if (emptyStateForTab(tab.key); as emptyState) {\n              <axp-state-message [icon]=\"emptyState.icon\" [title]=\"emptyState.titleKey\" [description]=\"emptyState.descriptionKey\" />\n            }\n          } @else {\n            @for (operation of getOperations(tab.key); track operation.id) {\n              <axp-background-operation-item [data]=\"operation\" [tabKey]=\"tab.key\" (actionCompleted)=\"onItemActionCompleted()\" (itemClicked)=\"onClosePopover.emit()\"></axp-background-operation-item>\n            }\n          }\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #tabContent=\"axTabContent\"></ng-template>\n", styles: ["@layer properties;axp-background-operation-panel{display:block;min-height:calc(var(--spacing, .25rem) * 80);width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:2px;border-color:rgba(var(--ax-sys-color-primary-500));background-color:rgba(var(--ax-sys-color-lightest-surface))}@media(width>=48rem){axp-background-operation-panel{width:32rem}}axp-background-operation-panel ax-tabs{padding-inline:calc(var(--spacing, .25rem) * 2)}axp-background-operation-panel .operation-panel__header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}axp-background-operation-panel .operation-panel__title{margin:0;min-width:0px;flex:1;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axp-background-operation-panel .operation-panel__header-action{flex-shrink:0}axp-background-operation-panel .operation-panel__header-action .ax-blank-interactive{color:var(--color-white, #fff)!important}axp-background-operation-panel .operation-panel__header-action .ax-blank-interactive:hover{color:rgba(var(--ax-sys-color-primary-500))!important}axp-background-operation-panel .operation-panel__list{display:flex;max-height:50vh;flex-direction:column;overflow-y:auto}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$2.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPBackgroundOperationItemComponent, selector: "axp-background-operation-item", inputs: ["data", "tabKey"], outputs: ["actionCompleted", "itemClicked"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-background-operation-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXTranslationModule, AXPBackgroundOperationItemComponent], template: "<div class=\"operation-panel\">\n  <header class=\"operation-panel__header\">\n    <h2 class=\"operation-panel__title\">{{ '@general:background-operation.panel.title' | translate | async }}</h2>\n  </header>\n\n  <div class=\"operation-panel__list\">\n    @if (visibleOperations().length === 0) {\n      <div class=\"operation-panel__empty\">\n        <i class=\"fa-regular fa-list-check\"></i>\n        <span class=\"text-sm\">{{ '@general:background-operation.empty.all' | translate | async }}</span>\n      </div>\n    } @else {\n      @for (operation of visibleOperations(); track operation.id) {\n        <axp-background-operation-item\n          [data]=\"operation\"\n          (actionCompleted)=\"onActiveCountChange.emit(operationService.activeCount())\"\n          (itemClicked)=\"onClosePopover.emit()\"\n        ></axp-background-operation-item>\n      }\n    }\n  </div>\n</div>\n", styles: ["@layer properties;axp-background-operation-panel{display:block}.operation-panel__header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.operation-panel__title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-surface))}.operation-panel__list{display:flex;max-height:50vh;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);overflow-y:auto;padding:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.operation-panel__list{width:32rem}}.operation-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10);color:rgb(var(--ax-sys-color-on-surface-variant))}.operation-panel__empty i{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));opacity:60%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { onActiveCountChange: [{ type: i0.Output, args: ["onActiveCountChange"] }], onClosePopover: [{ type: i0.Output, args: ["onClosePopover"] }] } });
+            args: [{ selector: 'axp-background-operation-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        CommonModule,
+                        AXTranslationModule,
+                        AXButtonModule,
+                        AXTabsModule,
+                        AXDecoratorModule,
+                        AXBadgeModule,
+                        AXPStateMessageComponent,
+                        AXPBackgroundOperationItemComponent,
+                    ], template: "<header class=\"operation-panel__header\">\n  <h2 class=\"operation-panel__title\">\n    {{ '@general:background-operation.panel.title' | translate | async }}\n  </h2>\n  @if (showCancelAllButton()) {\n    <!-- ----- Cancel all cancellable in-progress tasks ----- -->\n    <ax-button\n      class=\"ax-xs operation-panel__header-action\"\n      look=\"blank\"\n      color=\"danger\"\n      [text]=\"('@general:background-operation.actions.cancel-all' | translate | async) ?? ''\"\n      [disabled]=\"bulkActionPending() || operationService.loading()\"\n      (onClick)=\"onCancelAll()\"\n    ></ax-button>\n  }\n  @if (showDismissAllButton()) {\n    <!-- ----- Dismiss all dismissible completed tasks ----- -->\n    <ax-button\n      class=\"ax-xs operation-panel__header-action\"\n      look=\"blank\"\n      color=\"default\"\n      [text]=\"('@general:background-operation.actions.dismiss-all' | translate | async) ?? ''\"\n      [disabled]=\"bulkActionPending() || operationService.loading()\"\n      (onClick)=\"onDismissAll()\"\n    ></ax-button>\n  }\n  <ax-button class=\"ax-xs operation-panel__header-action\" look=\"blank\"  [iconOnly]=\"true\" (onClick)=\"onClosePopover.emit()\">\n    <ax-icon><i class=\"fa-light fa-xmark \" aria-hidden=\"true\"></i></ax-icon>\n  </ax-button>\n</header>\n\n<ax-tabs\n  #tabsHost\n  [content]=\"tabContent\"\n  [look]=\"'with-line'\"\n  location=\"bottom\"\n  (onActiveTabChanged)=\"handleTabChange($event)\"\n>\n  @for (tab of tabItems(); track tab.key) {\n    <ax-tab-item [text]=\"(tab.labelKey | translate | async) ?? ''\" [active]=\"activeTab() === tab.key\">\n      <ax-suffix>\n        @if (tab.count > 0) {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"operation-panel__list\">\n          @if (getOperations(tab.key).length === 0) {\n            @if (emptyStateForTab(tab.key); as emptyState) {\n              <axp-state-message [icon]=\"emptyState.icon\" [title]=\"emptyState.titleKey\" [description]=\"emptyState.descriptionKey\" />\n            }\n          } @else {\n            @for (operation of getOperations(tab.key); track operation.id) {\n              <axp-background-operation-item [data]=\"operation\" [tabKey]=\"tab.key\" (actionCompleted)=\"onItemActionCompleted()\" (itemClicked)=\"onClosePopover.emit()\"></axp-background-operation-item>\n            }\n          }\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #tabContent=\"axTabContent\"></ng-template>\n", styles: ["@layer properties;axp-background-operation-panel{display:block;min-height:calc(var(--spacing, .25rem) * 80);width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:2px;border-color:rgba(var(--ax-sys-color-primary-500));background-color:rgba(var(--ax-sys-color-lightest-surface))}@media(width>=48rem){axp-background-operation-panel{width:32rem}}axp-background-operation-panel ax-tabs{padding-inline:calc(var(--spacing, .25rem) * 2)}axp-background-operation-panel .operation-panel__header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}axp-background-operation-panel .operation-panel__title{margin:0;min-width:0px;flex:1;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axp-background-operation-panel .operation-panel__header-action{flex-shrink:0}axp-background-operation-panel .operation-panel__header-action .ax-blank-interactive{color:var(--color-white, #fff)!important}axp-background-operation-panel .operation-panel__header-action .ax-blank-interactive:hover{color:rgba(var(--ax-sys-color-primary-500))!important}axp-background-operation-panel .operation-panel__list{display:flex;max-height:50vh;flex-direction:column;overflow-y:auto}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { onActiveCountChange: [{ type: i0.Output, args: ["onActiveCountChange"] }], onClosePopover: [{ type: i0.Output, args: ["onClosePopover"] }], tabsHost: [{ type: i0.ViewChild, args: ['tabsHost', { isSignal: true }] }] } });
 
 //#region ---- Imports ----
 //#endregion
@@ -4845,39 +5263,181 @@ class AXPBackgroundOperationSlotComponent {
         //#region ---- Computed ----
         this.activeCount = this.operationService.activeCount;
         this.failedCount = this.operationService.failedCount;
-        this.showSlot = computed(() => this.activeCount() > 0 || this.failedCount() > 0, /* @ts-ignore */
+        this.showSlot = computed(() => this.operationService.trayVisibleCount() > 0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showSlot" }] : /* istanbul ignore next */ []));
-        this.slotShowsFailureOnly = computed(() => this.activeCount() === 0 && this.failedCount() > 0, /* @ts-ignore */
+        this.slotShowsFailureOnly = computed(() => this.operationService.activeCount() === 0 && this.operationService.failedCount() > 0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slotShowsFailureOnly" }] : /* istanbul ignore next */ []));
+        this.slotShowsRetainedOnly = computed(() => this.operationService.activeCount() === 0 &&
+            this.operationService.failedCount() === 0 &&
+            this.operationService.retainedCompletedCount() > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "slotShowsRetainedOnly" }] : /* istanbul ignore next */ []));
         this.slotLabelKey = computed(() => {
             if (this.slotShowsFailureOnly()) {
-                return this.failedCount() === 1
-                    ? '@general:background-operation.slot.failed-single'
-                    : '@general:background-operation.slot.failed-multiple';
+                return '@general:background-operation.slot.failed';
             }
-            return this.activeCount() === 1
-                ? '@general:background-operation.slot.single'
-                : '@general:background-operation.slot.multiple';
+            if (this.slotShowsRetainedOnly()) {
+                return '@general:background-operation.slot.completed';
+            }
+            return '@general:background-operation.slot.in-progress';
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slotLabelKey" }] : /* istanbul ignore next */ []));
-        this.slotLabelParams = computed(() => ({
-            count: this.slotShowsFailureOnly() ? this.failedCount() : this.activeCount(),
-        }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "slotLabelParams" }] : /* istanbul ignore next */ []));
+        this.badgeDisplay = computed(() => {
+            const total = this.slotShowsFailureOnly()
+                ? this.failedCount()
+                : this.slotShowsRetainedOnly()
+                    ? this.operationService.retainedCompletedCount()
+                    : this.activeCount();
+            if (total <= 0) {
+                return '';
+            }
+            return total > 50 ? '50+' : total.toString();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "badgeDisplay" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ---- Event Handlers ----
+    onTriggerClick(panel) {
+        // Sync before open: popover toggles on the same click; skip when closing.
+        if (!this.popover()?.isOpen) {
+            panel.syncDefaultTab();
+        }
+    }
+    onPopoverOpened(panel) {
+        panel.syncDefaultTab();
+    }
     closePopover() {
         this.popover()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationSlotComponent, isStandalone: true, selector: "axp-background-operation-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSlot()) {\n  <button type=\"button\" class=\"operation-slot__trigger\" #operationTrigger>\n    <ax-icon class=\"operation-slot__icon\">\n      @if (slotShowsFailureOnly()) {\n        <i class=\"fa-light fa-circle-exclamation\"></i>\n      } @else {\n        <i class=\"fa-light fa-spinner fa-spin\"></i>\n      }\n    </ax-icon>\n    <span class=\"operation-slot__text\">\n      {{ slotLabelKey() | translate: { params: slotLabelParams() } | async }}\n    </span>\n  </button>\n\n  <ax-popover [target]=\"operationTrigger\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n    <div class=\"bg-lightest rounded-md w-full\">\n      <axp-background-operation-panel (onClosePopover)=\"closePopover()\"></axp-background-operation-panel>\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;axp-background-operation-slot{display:inline-flex}.operation-slot__trigger{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;color:rgb(var(--ax-sys-color-primary-600))}@media(hover:hover){.operation-slot__trigger:hover{color:rgb(var(--ax-sys-color-primary-700))}}.operation-slot__icon{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.operation-slot__text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPBackgroundOperationPanelComponent, selector: "axp-background-operation-panel", outputs: ["onActiveCountChange", "onClosePopover"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPBackgroundOperationSlotComponent, isStandalone: true, selector: "axp-background-operation-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSlot()) {\n  <!-- ----- Footer tray trigger ----- -->\n  <button type=\"button\" class=\"operation-slot__trigger\" #operationTrigger (click)=\"onTriggerClick(panel)\">\n    @if (badgeDisplay()) {\n      <!-- ----- Count badge ----- -->\n      <ax-badge class=\"operation-slot__badge\" [class.--xs]=\"badgeDisplay().length > 2\" color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n    }\n    @if (slotShowsFailureOnly()) {\n      <!-- ----- Failed tasks ----- -->\n      <ax-icon class=\"operation-slot__icon\">\n        <i class=\"fa-light fa-circle-exclamation\"></i>\n      </ax-icon>\n    }\n    <!--->\n    <!-- ----- In-progress spinner (no icon for completed) ----- -->\n    @else if (!slotShowsRetainedOnly()) {\n      <ax-icon class=\"operation-slot__icon\">\n        <i class=\"fa-light fa-spinner fa-spin\"></i>\n      </ax-icon>\n    }\n    <span class=\"operation-slot__text\">\n      {{ slotLabelKey() | translate | async }}\n    </span>\n  </button>\n\n  <ax-popover\n    [target]=\"operationTrigger\"\n    [openOn]=\"'toggle'\"\n    [closeOn]=\"'clickOut'\"\n    [adaptivityEnabled]=\"true\"\n    (onOpened)=\"onPopoverOpened(panel)\"\n  >\n    <axp-background-operation-panel\n      #panel\n      (onClosePopover)=\"closePopover()\"\n    ></axp-background-operation-panel>\n  </ax-popover>\n}\n", styles: ["@layer properties;axp-background-operation-slot{display:inline-flex}.operation-slot__trigger{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);color:var(--color-text-default);--ax-sys-size: ax-sm;--ax-sys-size-base: calc(var(--ax-sys-size-md) - var(--ax-sys-size-step));--spacing: calc(var(--ax-sys-spacing-base) - .25 * var(--ax-sys-padding-step));--ax-sys-border-radius: var(--ax-sys-border-radius-base);--text-xs: calc(var(--ax-sys-text-xs-base) * 11 / 12);--text-sm: calc(var(--ax-sys-text-sm-base) * 6 / 7);--text-base: calc(var(--ax-sys-body-font-size) * .875);--text-lg: calc(var(--ax-sys-text-lg-base) * 8 / 9);--text-xl: calc(var(--ax-sys-text-xl-base) * .9);--leading-3: calc(var(--ax-sys-leading-3-base) * 7 / 6);--leading-4: var(--ax-sys-leading-4-base);--leading-5: calc(var(--ax-sys-leading-5-base) * .9);--leading-6: calc(var(--ax-sys-leading-6-base) * 11 / 12)}@media(hover:hover){.operation-slot__trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}.operation-slot__icon{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.operation-slot__text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.operation-slot__badge{flex-shrink:0}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPBackgroundOperationPanelComponent, selector: "axp-background-operation-panel", outputs: ["onActiveCountChange", "onClosePopover"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBackgroundOperationSlotComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-background-operation-slot', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXDecoratorModule, AXTranslationModule, AXPopoverModule, AXPBackgroundOperationPanelComponent], template: "@if (showSlot()) {\n  <button type=\"button\" class=\"operation-slot__trigger\" #operationTrigger>\n    <ax-icon class=\"operation-slot__icon\">\n      @if (slotShowsFailureOnly()) {\n        <i class=\"fa-light fa-circle-exclamation\"></i>\n      } @else {\n        <i class=\"fa-light fa-spinner fa-spin\"></i>\n      }\n    </ax-icon>\n    <span class=\"operation-slot__text\">\n      {{ slotLabelKey() | translate: { params: slotLabelParams() } | async }}\n    </span>\n  </button>\n\n  <ax-popover [target]=\"operationTrigger\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n    <div class=\"bg-lightest rounded-md w-full\">\n      <axp-background-operation-panel (onClosePopover)=\"closePopover()\"></axp-background-operation-panel>\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;axp-background-operation-slot{display:inline-flex}.operation-slot__trigger{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;color:rgb(var(--ax-sys-color-primary-600))}@media(hover:hover){.operation-slot__trigger:hover{color:rgb(var(--ax-sys-color-primary-700))}}.operation-slot__icon{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.operation-slot__text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'axp-background-operation-slot', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXBadgeModule, AXDecoratorModule, AXTranslationModule, AXPopoverModule, AXPBackgroundOperationPanelComponent], template: "@if (showSlot()) {\n  <!-- ----- Footer tray trigger ----- -->\n  <button type=\"button\" class=\"operation-slot__trigger\" #operationTrigger (click)=\"onTriggerClick(panel)\">\n    @if (badgeDisplay()) {\n      <!-- ----- Count badge ----- -->\n      <ax-badge class=\"operation-slot__badge\" [class.--xs]=\"badgeDisplay().length > 2\" color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n    }\n    @if (slotShowsFailureOnly()) {\n      <!-- ----- Failed tasks ----- -->\n      <ax-icon class=\"operation-slot__icon\">\n        <i class=\"fa-light fa-circle-exclamation\"></i>\n      </ax-icon>\n    }\n    <!--->\n    <!-- ----- In-progress spinner (no icon for completed) ----- -->\n    @else if (!slotShowsRetainedOnly()) {\n      <ax-icon class=\"operation-slot__icon\">\n        <i class=\"fa-light fa-spinner fa-spin\"></i>\n      </ax-icon>\n    }\n    <span class=\"operation-slot__text\">\n      {{ slotLabelKey() | translate | async }}\n    </span>\n  </button>\n\n  <ax-popover\n    [target]=\"operationTrigger\"\n    [openOn]=\"'toggle'\"\n    [closeOn]=\"'clickOut'\"\n    [adaptivityEnabled]=\"true\"\n    (onOpened)=\"onPopoverOpened(panel)\"\n  >\n    <axp-background-operation-panel\n      #panel\n      (onClosePopover)=\"closePopover()\"\n    ></axp-background-operation-panel>\n  </ax-popover>\n}\n", styles: ["@layer properties;axp-background-operation-slot{display:inline-flex}.operation-slot__trigger{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);color:var(--color-text-default);--ax-sys-size: ax-sm;--ax-sys-size-base: calc(var(--ax-sys-size-md) - var(--ax-sys-size-step));--spacing: calc(var(--ax-sys-spacing-base) - .25 * var(--ax-sys-padding-step));--ax-sys-border-radius: var(--ax-sys-border-radius-base);--text-xs: calc(var(--ax-sys-text-xs-base) * 11 / 12);--text-sm: calc(var(--ax-sys-text-sm-base) * 6 / 7);--text-base: calc(var(--ax-sys-body-font-size) * .875);--text-lg: calc(var(--ax-sys-text-lg-base) * 8 / 9);--text-xl: calc(var(--ax-sys-text-xl-base) * .9);--leading-3: calc(var(--ax-sys-leading-3-base) * 7 / 6);--leading-4: var(--ax-sys-leading-4-base);--leading-5: calc(var(--ax-sys-leading-5-base) * .9);--leading-6: calc(var(--ax-sys-leading-6-base) * 11 / 12)}@media(hover:hover){.operation-slot__trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}.operation-slot__icon{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.operation-slot__text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.operation-slot__badge{flex-shrink:0}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Service ----
+/**
+ * Delivers {@link AXPUserNotificationRequest} to configured channels (toast overlay, in-app inbox).
+ * Inbox persistence is delegated to {@link AXP_IN_APP_NOTIFICATION_SERVICE} when registered.
+ */
+class AXPUserNotificationService {
+    constructor() {
+        //#region ----- Dependencies -----
+        this.toastService = inject(AXNotificationService);
+        this.inAppNotificationService = inject(AXP_IN_APP_NOTIFICATION_SERVICE, { optional: true });
+        this.sessionService = inject(AXPSessionService);
+        //#endregion
+        //#region ----- State -----
+        this.recentToastCorrelationIds = new Map();
+    }
+    static { this.TOAST_DEDUPE_MS = 15_000; }
+    //#endregion
+    //#region ----- API -----
+    async notify(request) {
+        const { toast, inbox } = axpResolveUserNotificationDelivery(request.delivery);
+        if (toast) {
+            this.deliverToast(request, toast);
+        }
+        if (inbox) {
+            await this.deliverInbox(request, inbox);
+        }
+    }
+    //#endregion
+    //#region ----- Toast -----
+    deliverToast(request, options) {
+        const correlationId = request.correlationId.trim();
+        if (correlationId && this.isDuplicateToast(correlationId)) {
+            return;
+        }
+        const actions = request.toastActions ?? [];
+        const showActions = options.showActions !== false && actions.length > 0;
+        const ref = this.toastService.show({
+            color: options.color ?? 'primary',
+            location: options.location ?? 'bottom-center',
+            closeButton: options.closeButton ?? true,
+            timeOut: options.timeOut ?? 3_000,
+            timeOutProgress: options.timeOutProgress ?? true,
+            icon: request.icon,
+            title: request.title,
+            content: request.body,
+            ...(showActions
+                ? {
+                    buttons: actions.map((action) => ({
+                        text: action.text,
+                        color: action.color ?? 'primary',
+                        onClick: (event) => {
+                            if (event) {
+                                event.handled = true;
+                            }
+                            ref.close();
+                            void action.onClick?.();
+                        },
+                    })),
+                }
+                : {}),
+        });
+    }
+    //#endregion
+    //#region ----- Inbox -----
+    async deliverInbox(request, options) {
+        if (!this.inAppNotificationService) {
+            return;
+        }
+        const recipientUserId = request.recipientUserId?.trim() || this.sessionService.user?.id?.trim();
+        if (!recipientUserId) {
+            return;
+        }
+        const priority = (options.priority ?? 'Notice');
+        await this.inAppNotificationService.create({
+            id: request.idempotencyKey?.trim() || request.correlationId.trim(),
+            name: request.name?.trim() || request.title,
+            title: request.title,
+            body: request.body,
+            icon: request.icon ?? 'fa-light fa-bell',
+            priority,
+            receiver: {
+                id: recipientUserId,
+                type: 'user',
+                fullName: get(this.sessionService.user, 'title'),
+                username: get(this.sessionService.user, 'name'),
+            },
+            data: {
+                correlationId: request.correlationId,
+                definitionKey: options.definitionKey,
+                actions: options.actions,
+                ...(request.data ?? {}),
+            },
+        });
+    }
+    //#endregion
+    //#region ----- Helpers -----
+    isDuplicateToast(correlationId) {
+        const now = Date.now();
+        const previous = this.recentToastCorrelationIds.get(correlationId);
+        if (previous !== undefined && now - previous < AXPUserNotificationService.TOAST_DEDUPE_MS) {
+            return true;
+        }
+        this.recentToastCorrelationIds.set(correlationId, now);
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserNotificationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserNotificationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function provideAXPUserNotificationService() {
+    return {
+        provide: AXP_USER_NOTIFICATION_SERVICE,
+        useExisting: AXPUserNotificationService,
+    };
+}
+
 const ENVIRONMENT = new InjectionToken('ENVIRONMENT');
 const AXP_PLATFORM_CONFIG_TOKEN = new InjectionToken('AXP_PLATFORM_CONFIG_TOKEN', {
     providedIn: 'root',
@@ -8558,7 +9118,7 @@ class AXPKeyboardShortcutsHelpComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: ["@layer properties;.axp-keyboard-shortcuts-help{display:flex;max-height:75vh;min-height:0px;flex-direction:column;overflow-y:auto}.axp-keyboard-shortcuts-help .__body{min-height:0px;flex:1;padding:calc(var(--spacing, .25rem) * 4)}.axp-keyboard-shortcuts-help .__empty{margin:0;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-keyboard-shortcuts-help .__section:not(:first-child){margin-top:calc(var(--spacing, .25rem) * 6)}.axp-keyboard-shortcuts-help .__heading{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);font-size:.9375rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axp-keyboard-shortcuts-help .__list{display:flex;flex-direction:column}.axp-keyboard-shortcuts-help .__row{display:flex;min-height:calc(var(--spacing, .25rem) * 8);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 8);padding-inline:var(--spacing, .25rem);padding-block:var(--spacing, .25rem)}.axp-keyboard-shortcuts-help .__action{min-width:0px;flex:1;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface))}.axp-keyboard-shortcuts-help .__keys{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-keyboard-shortcuts-help .__or{padding-inline:calc(var(--spacing, .25rem) * .5);font-size:.8125rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-neutral-500, oklch(55.6% 0 none));-webkit-user-select:none;user-select:none}.axp-keyboard-shortcuts-help ax-kbd{gap:var(--spacing, .25rem)}.axp-keyboard-shortcuts-help ax-kbd ax-kbd-item kbd.ax-solid{height:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXKBDComponent, selector: "ax-kbd", inputs: ["look"] }, { kind: "component", type: AXKBDItemComponent, selector: "ax-kbd-item", inputs: ["keys", "join", "look"], outputs: ["lookChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@layer properties;.axp-keyboard-shortcuts-help{display:flex;max-height:75vh;min-height:0px;flex-direction:column;overflow-y:auto}.axp-keyboard-shortcuts-help .__body{min-height:0px;flex:1;padding:calc(var(--spacing, .25rem) * 4)}.axp-keyboard-shortcuts-help .__empty{margin:0;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-keyboard-shortcuts-help .__section:not(:first-child){margin-top:calc(var(--spacing, .25rem) * 6)}.axp-keyboard-shortcuts-help .__heading{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);font-size:.9375rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axp-keyboard-shortcuts-help .__list{display:flex;flex-direction:column}.axp-keyboard-shortcuts-help .__row{display:flex;min-height:calc(var(--spacing, .25rem) * 8);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 8);padding-inline:var(--spacing, .25rem);padding-block:var(--spacing, .25rem)}.axp-keyboard-shortcuts-help .__action{min-width:0px;flex:1;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface))}.axp-keyboard-shortcuts-help .__keys{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-keyboard-shortcuts-help .__or{padding-inline:calc(var(--spacing, .25rem) * .5);font-size:.8125rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-neutral-500, oklch(55.6% 0 none));-webkit-user-select:none;user-select:none}.axp-keyboard-shortcuts-help ax-kbd{gap:var(--spacing, .25rem)}.axp-keyboard-shortcuts-help ax-kbd ax-kbd-item kbd.ax-solid{height:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXKBDComponent, selector: "ax-kbd", inputs: ["look"] }, { kind: "component", type: AXKBDItemComponent, selector: "ax-kbd-item", inputs: ["keys", "join", "look"], outputs: ["lookChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKeyboardShortcutsHelpComponent, decorators: [{
             type: Component,
@@ -9962,11 +10522,13 @@ class AXPCommonModule {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCommonModule, deps: [{ token: 'AXPCommonModuleFactory' }, { token: AXPKeyboardShortcutsHelpService }, { token: i2$1.AXFormatterRegistryService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPCommonModule, imports: [i3$1.AXPComponentSlotModule, AXPopupModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPCommonModule, imports: [i3$2.AXPComponentSlotModule, AXPopupModule,
             AXDateTimeModule,
             AXToastModule,
+            AXNotificationModule,
             AXPModuleManifestModule, i4$2.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCommonModule, providers: [
+            provideAXPUserNotificationService(),
             {
                 provide: ErrorHandler,
                 useClass: AXPGlobalErrorHandler,
@@ -10031,7 +10593,7 @@ class AXPCommonModule {
                 provide: AXP_SETTING_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-platform-framework-client-common-common-settings.provider-CLm2BVk-.mjs')).AXPCommonSettingProvider;
+                    const provider = (await import('./acorex-platform-framework-client-common-common-settings.provider-CzBr0cRi.mjs')).AXPCommonSettingProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -10053,6 +10615,7 @@ class AXPCommonModule {
             AXPopupModule,
             AXDateTimeModule,
             AXToastModule,
+            AXNotificationModule,
             AXPModuleManifestModule,
             RouterModule.forChild([]), RouterModule] }); }
 }
@@ -10071,11 +10634,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPopupModule,
                         AXDateTimeModule,
                         AXToastModule,
+                        AXNotificationModule,
                         AXPModuleManifestModule,
                         RouterModule.forChild([]),
                     ],
                     exports: [RouterModule],
                     providers: [
+                        provideAXPUserNotificationService(),
                         {
                             provide: ErrorHandler,
                             useClass: AXPGlobalErrorHandler,
@@ -10140,7 +10705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             provide: AXP_SETTING_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-platform-framework-client-common-common-settings.provider-CLm2BVk-.mjs')).AXPCommonSettingProvider;
+                                const provider = (await import('./acorex-platform-framework-client-common-common-settings.provider-CzBr0cRi.mjs')).AXPCommonSettingProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -10961,9 +11526,7 @@ class AXPLocalEntityEngine {
     constructor() {
         this.sessionService = inject(AXPSessionService);
         this.destroyRef = inject(DestroyRef);
-        this.originId = typeof crypto !== 'undefined' && 'randomUUID' in crypto
-            ? crypto.randomUUID()
-            : `local-entity-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+        this.originId = createRandomUuid();
         this.buckets = new Map();
         this.userKeySignal = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "userKeySignal" }] : /* istanbul ignore next */ []));
@@ -12108,7 +12671,7 @@ class AXMOrgChartPrintPage extends AXBasePageComponent {
           <ax-icon class="fa-solid fa-print"> </ax-icon>
         </ax-button>
       </ax-suffix>
-    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i2$2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "component", type: i6.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i2$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3$3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "component", type: i6$1.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartPrintPage, decorators: [{
             type: Component,
@@ -12421,5 +12984,5 @@ const axpNavigateCommandDefinition = defineCommand({
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_DEFAULT_OPERATORS, AXPAcorexFileTypeBridgeProvider, AXPAcorexFileTypeModule, AXPAppVersionService, AXPBackgroundOperationCompletionService, AXPBackgroundOperationEntityStoreService, AXPBackgroundOperationHandler, AXPBackgroundOperationNotificationService, AXPBackgroundOperationProvider, AXPBackgroundOperationRootConfig, AXPBackgroundOperationService, AXPBackgroundOperationSlotComponent, AXPBrowserTitleService, AXPCleanNestedFilters, AXPClipBoardService, AXPCommonModule, AXPCommonSettings, AXPCustomOperatorService, AXPCustomOperatorServiceImpl, AXPDataProvider, AXPDefaultMultiLanguageConfigService, AXPErrorHandlerRegistryService, AXPExportService, AXPFileActionsService, AXPFileChooserSettings, AXPFileStorageEvaluatorScopeProvider, AXPFileStorageService, AXPFileTypeProviderService, AXPFilterOperatorMiddlewareService, AXPFilterOperatorMiddlewareServiceImpl, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPHomePageModule, AXPHomePageService, AXPIndexedDbSettingValueProvider, AXPIntegrationDomainProviderContext, AXPIntegrationDomainRegistryFacade, AXPIntegrationDomainRegistryService, AXPIntegrationOAuthService, AXPIntegrationProviderContext, AXPIntegrationProviderRegistryService, AXPIntegrationRuntimeService, AXPKeyboardShortcutsHelpComponent, AXPKeyboardShortcutsHelpService, AXPLocalEntityEngine, AXPLocalEntityIndexedDb, AXPLocalEntityRealtimeBridge, AXPLockService, AXPLogoImageSrcResolverService, AXPMenuKeyboardShortcutService, AXPMenuMiddlewareRegistry, AXPMenuProviderService, AXPMenuRouteAccessService, AXPMenuRouteGuard, AXPMenuSearchDefinitionProvider, AXPMenuSearchProvider, AXPMenuService, AXPMenuVisibilityService, AXPNavBarSlotComponent, AXPNavigateCommand, AXPNetworkConnectivityService, AXPNotFoundCatchAllRoute, AXPNotFoundError, AXPOutputContractTranscriptSegmentService, AXPPlatformBrandingService, AXPPlatformDefaultConfigs, AXPPlatformSettingsLoadState, AXPPlatformSettingsOfflineBootstrapService, AXPQueryEvaluatorScopeProvider, AXPQueryParamsEvaluatorScopeProvider, AXPRegionalCalendarService, AXPSearchCommandProvider, AXPSearchDefinitionActionBuilder, AXPSearchDefinitionBuilder, AXPSearchDefinitionProviderContext, AXPSearchDefinitionProviderService, AXPSearchService, AXPSettingDefaultValuesAggregatorService, AXPSettingDefinitionGroupBuilder, AXPSettingDefinitionProviderContext, AXPSettingDefinitionProviderService, AXPSettingDefinitionSectionBuilder, AXPSettingsBulkSyncService, AXPSettingsEvaluatorScopeProvider, AXPSettingsIndexedDb, AXPSettingsService, AXPStatusDefinitionProviderService, AXPStickyDirective, AXPTabNavigationService, AXPTabPreviewService, AXPTabRouteCacheRegistry, AXPTokenDefinitionService, AXPTokenEvaluatorScopeProvider, AXPTranslateFormatter, AXPUnsavedChangesConfirmService, AXPUnsavedChangesPopstateService, AXPVersioningService, AXP_AGENT_OUTPUT_CONTRACT_DEFAULT_STRUCTURED_RETRIES, AXP_APP_VERSION_PROVIDER, AXP_BACKGROUND_OPERATION_ENTITY_STORAGE, AXP_BACKGROUND_OPERATION_HANDLERS, AXP_BACKGROUND_OPERATION_PROVIDERS, AXP_DOCUMENT_FILE_TYPE_PURPOSES, AXP_EXPERIENCE_SETTINGS_GROUP, AXP_EXPERIENCE_SETTINGS_SECTIONS, AXP_FILE_ACTION_PROVIDER, AXP_FILE_TYPE_INFO_PROVIDER, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_HOME_TAB_KEY, AXP_INTEGRATION_CONNECTION_ESTABLISHED, AXP_INTEGRATION_CONNECTION_LIFECYCLE, AXP_INTEGRATION_DOMAIN_PROVIDER, AXP_INTEGRATION_OAUTH_SERVICE, AXP_INTEGRATION_PROVIDER, AXP_INTEGRATION_RUNTIME_PROVIDER, AXP_INTEGRATION_SECRET_STORE, AXP_IN_APP_NOTIFICATION_SERVICE, AXP_LOCALE_MANAGEMENT_PORT, AXP_LOCAL_ENTITY_BROADCAST_CHANNEL, AXP_LOCAL_ENTITY_DEFAULT_MAX_ITEMS, AXP_MENU_MIDDLEWARE, AXP_MENU_PROVIDER, AXP_NOT_FOUND_CATCH_ALL_ROUTE, AXP_NOT_FOUND_ROUTE, AXP_OUTPUT_CONTRACT_TRANSCRIPT_SEGMENT_PROVIDER, AXP_PLATFORM_BRANDING_SETTING_KEYS, AXP_PLATFORM_CONFIG_TOKEN, AXP_PROTECTED_ROUTE_GUARDS, AXP_ROOT_CONFIG_TOKEN, AXP_RUNTIME_QUERY_CACHE_DEFAULTS, AXP_SEARCH_DEFINITION_LAZY_RESOLVER, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTINGS_CACHE_SYNC, AXP_SETTINGS_SYNC_DEBOUNCE_MS, AXP_SETTINGS_SYNC_KEYS, AXP_SETTINGS_SYNC_RETRY_BACKOFF_MS, AXP_SETTINGS_SYNC_TTL_MS, AXP_SETTING_DEFAULT_VALUES_PROVIDERS, AXP_SETTING_DEFINITION_PROVIDER, AXP_SETTING_SCOPE_DESCENDANTS, AXP_SETTING_VALUE_PROVIDER, AXP_STATUS_PROVIDERS, AXP_TAB_BREADCRUMB_JOIN_SEPARATOR, AXP_TAB_ROUTE_DATA_KEY, AXP_TOKEN_DEFINITION_PROVIDER, AXP_UNAUTHORIZED_ROUTE, AXVChangeType, AX_FILE_TYPE_METADATA_SUPPORT_BY_FILE_VIEWER, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, DEFAULT_DATE_FILTER_PRESETS, DEFAULT_MULTILANGUAGE_FIELD_NAMES, ENDS_WITH_OPER, ENVIRONMENT, EQ_OPER, GALLERY_MEDIA_EXTENSIONS, GTE_OPER, GT_OPER, IN_OPER, IS_EMPTY_OPER, IS_NOT_EMPTY_OPER, LTE_OPER, LT_OPER, MULTILANGUAGE_CAPABLE_WIDGET_TYPES, NOT_CONTAINS_OPER, NOT_EQ_OPER, NUMBER_OPERATORS, SETTINGS_TRACE_NS, SETTINGS_TRACE_TITLE, STARTS_WITH_OPER, STRING_OPERATORS, UploadFromComputerActionProvider, applyDateFilterPreset, axpBackgroundOperationCapabilities, axpBackgroundOperationDisplayTime, axpBackgroundOperationEntityName, axpBackgroundOperationEstimateEndDate, axpBackgroundOperationFailurePolicy, axpBackgroundOperationFromEntityModel, axpBackgroundOperationRemainingMs, axpBackgroundOperationToEntityModel, axpBuildBackgroundOperation, axpBuildTabKey, axpCoerceBackgroundOperationDate, axpCreateBackgroundOperationId, axpFallbackTabTitle, axpFindMenuItemByRoute, axpGetEntityListReturnUrl, axpGetLeafRouteSnapshot, axpHasTabScope, axpInterpolateNavigatePath, axpIsActiveBackgroundOperationStatus, axpIsCompletedBackgroundOperationStatus, axpIsEntityDetailsPath, axpIsEntityDetailsViewRoute, axpIsEntityListPath, axpIsEntityListRoute, axpIsEntityRecordNotFound, axpIsTabEligibleUrl, axpJoinTabTitleSegments, axpLocalEntityCanServeListLocally, axpLocalEntityHotListRequest, axpLocalEntityIndexedDb, axpLocalEntityRecordId, axpLocalEntitySortAt, axpLocalEntityToPayload, axpMenuPathsMatch, axpNavigateAppPath, axpNavigateCommandDefinition, axpParseAppPath, axpParseEntityDetailsRoute, axpParseEntityListRoute, axpPathFromSnapshot, axpPlatformSettingsAvailableGuard, axpRedirectToNotFound, axpRedirectToUnauthorized, axpReplaceEntityListRouteQueryParams, axpResolveNavigatePath, axpResolveTabKey, axpResolveTabKeyFromRouteConfig, axpResolveTabKeyFromSnapshot, axpResolveTabTitleParts, axpSaveEntityListReturnUrl, axpSettingsIndexedDb, backgroundOperationEntityFactory, buildFileStorageDownloadUrl, buildLocalEntityMetaId, buildLocalEntityStorageId, buildScopedSettingsSnapshotId, chooseSystemFiles, coerceAXPSettingRawValue, coerceAXPSettingRawValueByKind, configPlatform, createBackgroundOperationStore, createDefaultSettingValueProviders, createEmptyScopedSettingsSnapshot, createEntityCommandOptions, createEntityRowExpressionScope, createEntitySearchCommand, createFileTypeOpenContext, createIndexedDbSettingValueProviders, createMenuContext, createMenuMiddleware, createUnsavedChangesCanDeactivateGuard, downloadGraphicFromElement, evaluateEntityDisplayTemplate, extractFileExtension, extractHttpRequestErrorInfo, extractRequestErrorInfo, findManualPresetIdByOperation, formatEntityRowDisplayTitle, formatRequestError, hasFileTypeOpenHandler, hydrateSettingsValuesFromIndexedDb, inferSettingCoercionKind, isFileNameShownInViewer, isFileTypeShownInViewer, isGalleryMediaExtension, isOneWaySettingsIndexedDbCache, isSettingKeyCacheable, isSettingVisibleOnScope, isStoredImageFileId, normalizeAvailableLanguageCodes, normalizeDocumentFileTypePurposes, normalizeDocumentToFileListItem, normalizeOverridableAt, normalizePositiveNumberOption, normalizeRouterUrl, normalizeStoredImageRef, peelSettingValueKey, platformErrorI18nKey, primaryLanguageSubtag, printGraphicFromElement, projectSettingsValuesForIndexedDb, provideDynamicHomePage, provideMenuMiddleware, purgeLegacyTenantScopedSettingsSnapshots, resolveDateFilterPresets, resolveEffectiveAvailableLanguageCodes, resolveEntityCreateListBehavior, resolveEntityModifyPopupTitle, resolveEntityRowDisplayText, resolveEntityRowDisplayTitle, resolveEntityRowDisplayTitleFromColumnContext, resolveEntitySearchTitleFallback, resolveExplorerFileDisplayName, resolveFileTypeDisplay, resolveGraphicElementSize, resolveGraphicPrintContent, resolveMediaViewerType, resolveQueryMatchingDisplayText, resolveSearchDisplayTemplate, resolveSearchableText, resolveStoredImageDisplayUrl, searchInRecordValues, searchInSearchableValue, serializeSvgElement, shouldApplyDefaultMultiLanguageToEntityProperty, shouldApplyDefaultMultiLanguageToWidgetNode, shouldApplyDefaultMultiLanguageToWidgetProperty, shouldPersistSettingsInIndexedDb, stripAccidentalNestedSettingParents, throwIfCommandFailed, toAXPRequestError, toExecuteCommandFailureResult, traceSettingsAppStartupLoadComplete, traceSettingsAppStartupLoadStarted, traceSettingsClientTool, traceSettingsFlush, traceSettingsLocalPersist, traceSettingsPageLoadComplete, traceSettingsPageLoadStarted, traceSettingsPageRouteLoad, traceSettingsRetryScheduled, traceSettingsRevalidateFailed, traceSettingsServerApiCall, traceSettingsServiceLoadComplete, traceSettingsServiceLoadFailed, traceSettingsServiceLoadStarted, traceSettingsServiceReload, traceSettingsSyncFailed, triggerBrowserDownload, tryOpenFileByCatalogType, withDefaultMultiLanguageOnWidgetNodeTree, withDefaultMultiLanguageOnWidgetProperty };
+export { ALL_DEFAULT_OPERATORS, AXPAcorexFileTypeBridgeProvider, AXPAcorexFileTypeModule, AXPAppVersionService, AXPBackgroundOperationCompletionService, AXPBackgroundOperationEntityStoreService, AXPBackgroundOperationHandler, AXPBackgroundOperationNotificationService, AXPBackgroundOperationProvider, AXPBackgroundOperationRootConfig, AXPBackgroundOperationService, AXPBackgroundOperationSlotComponent, AXPBrowserTitleService, AXPCleanNestedFilters, AXPClipBoardService, AXPCommonModule, AXPCommonSettings, AXPCustomOperatorService, AXPCustomOperatorServiceImpl, AXPDataProvider, AXPDefaultMultiLanguageConfigService, AXPErrorHandlerRegistryService, AXPExportService, AXPFileActionsService, AXPFileChooserSettings, AXPFileStorageEvaluatorScopeProvider, AXPFileStorageService, AXPFileTypeProviderService, AXPFilterOperatorMiddlewareService, AXPFilterOperatorMiddlewareServiceImpl, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPHomePageModule, AXPHomePageService, AXPIndexedDbSettingValueProvider, AXPIntegrationDomainProviderContext, AXPIntegrationDomainRegistryFacade, AXPIntegrationDomainRegistryService, AXPIntegrationOAuthService, AXPIntegrationProviderContext, AXPIntegrationProviderRegistryService, AXPIntegrationRuntimeService, AXPKeyboardShortcutsHelpComponent, AXPKeyboardShortcutsHelpService, AXPLocalEntityEngine, AXPLocalEntityIndexedDb, AXPLocalEntityRealtimeBridge, AXPLockService, AXPLogoImageSrcResolverService, AXPMenuKeyboardShortcutService, AXPMenuMiddlewareRegistry, AXPMenuProviderService, AXPMenuRouteAccessService, AXPMenuRouteGuard, AXPMenuSearchDefinitionProvider, AXPMenuSearchProvider, AXPMenuService, AXPMenuVisibilityService, AXPNavBarSlotComponent, AXPNavigateCommand, AXPNetworkConnectivityService, AXPNotFoundCatchAllRoute, AXPNotFoundError, AXPOutputContractTranscriptSegmentService, AXPPlatformBrandingService, AXPPlatformDefaultConfigs, AXPPlatformSettingsLoadState, AXPPlatformSettingsOfflineBootstrapService, AXPQueryEvaluatorScopeProvider, AXPQueryParamsEvaluatorScopeProvider, AXPRegionalCalendarService, AXPSearchCommandProvider, AXPSearchDefinitionActionBuilder, AXPSearchDefinitionBuilder, AXPSearchDefinitionProviderContext, AXPSearchDefinitionProviderService, AXPSearchService, AXPSettingDefaultValuesAggregatorService, AXPSettingDefinitionGroupBuilder, AXPSettingDefinitionProviderContext, AXPSettingDefinitionProviderService, AXPSettingDefinitionSectionBuilder, AXPSettingsBulkSyncService, AXPSettingsEvaluatorScopeProvider, AXPSettingsIndexedDb, AXPSettingsService, AXPStateMessageComponent, AXPStatusDefinitionProviderService, AXPStickyDirective, AXPTabNavigationService, AXPTabPreviewService, AXPTabRouteCacheRegistry, AXPTokenDefinitionService, AXPTokenEvaluatorScopeProvider, AXPTranslateFormatter, AXPUnsavedChangesConfirmService, AXPUnsavedChangesPopstateService, AXPUserNotificationService, AXPVersioningService, AXP_AGENT_OUTPUT_CONTRACT_DEFAULT_STRUCTURED_RETRIES, AXP_APP_VERSION_PROVIDER, AXP_BACKGROUND_OPERATION_ENTITY_STORAGE, AXP_BACKGROUND_OPERATION_HANDLERS, AXP_BACKGROUND_OPERATION_PROVIDERS, AXP_DOCUMENT_FILE_TYPE_PURPOSES, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, AXP_EXPERIENCE_SETTINGS_GROUP, AXP_EXPERIENCE_SETTINGS_SECTIONS, AXP_FILE_ACTION_PROVIDER, AXP_FILE_TYPE_INFO_PROVIDER, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_HOME_TAB_KEY, AXP_INTEGRATION_CONNECTION_ESTABLISHED, AXP_INTEGRATION_CONNECTION_LIFECYCLE, AXP_INTEGRATION_DOMAIN_PROVIDER, AXP_INTEGRATION_OAUTH_SERVICE, AXP_INTEGRATION_PROVIDER, AXP_INTEGRATION_RUNTIME_PROVIDER, AXP_INTEGRATION_SECRET_STORE, AXP_IN_APP_NOTIFICATION_SERVICE, AXP_LOCALE_MANAGEMENT_PORT, AXP_LOCAL_ENTITY_BROADCAST_CHANNEL, AXP_LOCAL_ENTITY_DEFAULT_MAX_ITEMS, AXP_MENU_MIDDLEWARE, AXP_MENU_PROVIDER, AXP_NOT_FOUND_CATCH_ALL_ROUTE, AXP_NOT_FOUND_ROUTE, AXP_OUTPUT_CONTRACT_TRANSCRIPT_SEGMENT_PROVIDER, AXP_PLATFORM_BRANDING_SETTING_KEYS, AXP_PLATFORM_CONFIG_TOKEN, AXP_PROTECTED_ROUTE_GUARDS, AXP_ROOT_CONFIG_TOKEN, AXP_RUNTIME_QUERY_CACHE_DEFAULTS, AXP_SEARCH_DEFINITION_LAZY_RESOLVER, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTINGS_CACHE_SYNC, AXP_SETTINGS_SYNC_DEBOUNCE_MS, AXP_SETTINGS_SYNC_KEYS, AXP_SETTINGS_SYNC_RETRY_BACKOFF_MS, AXP_SETTINGS_SYNC_TTL_MS, AXP_SETTING_DEFAULT_VALUES_PROVIDERS, AXP_SETTING_DEFINITION_PROVIDER, AXP_SETTING_SCOPE_DESCENDANTS, AXP_SETTING_VALUE_PROVIDER, AXP_STATUS_PROVIDERS, AXP_TAB_BREADCRUMB_JOIN_SEPARATOR, AXP_TAB_ROUTE_DATA_KEY, AXP_TOKEN_DEFINITION_PROVIDER, AXP_UNAUTHORIZED_ROUTE, AXP_USER_NOTIFICATION_SERVICE, AXVChangeType, AX_FILE_TYPE_METADATA_SUPPORT_BY_FILE_VIEWER, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, DEFAULT_DATE_FILTER_PRESETS, DEFAULT_MULTILANGUAGE_FIELD_NAMES, ENDS_WITH_OPER, ENVIRONMENT, EQ_OPER, GALLERY_MEDIA_EXTENSIONS, GTE_OPER, GT_OPER, IN_OPER, IS_EMPTY_OPER, IS_NOT_EMPTY_OPER, LTE_OPER, LT_OPER, MULTILANGUAGE_CAPABLE_WIDGET_TYPES, NOT_CONTAINS_OPER, NOT_EQ_OPER, NUMBER_OPERATORS, SETTINGS_TRACE_NS, SETTINGS_TRACE_TITLE, STARTS_WITH_OPER, STRING_OPERATORS, UploadFromComputerActionProvider, applyDateFilterPreset, axpBackgroundOperationCapabilities, axpBackgroundOperationDisplayTime, axpBackgroundOperationDurationMs, axpBackgroundOperationEntityName, axpBackgroundOperationEstimateEndDate, axpBackgroundOperationFailurePolicy, axpBackgroundOperationFromEntityModel, axpBackgroundOperationRemainingMs, axpBackgroundOperationStatusTextParams, axpBackgroundOperationToEntityModel, axpBuildBackgroundOperation, axpBuildTabKey, axpCoerceBackgroundOperationDate, axpCreateBackgroundOperationId, axpFallbackTabTitle, axpFindMenuItemByRoute, axpFormatBackgroundOperationDurationMs, axpGetEntityListReturnUrl, axpGetLeafRouteSnapshot, axpHasTabScope, axpInterpolateNavigatePath, axpIsActiveBackgroundOperationStatus, axpIsBackgroundOperationI18nText, axpIsCompletedBackgroundOperationStatus, axpIsCompletedPanelBackgroundOperation, axpIsEntityDetailsPath, axpIsEntityDetailsViewRoute, axpIsEntityListPath, axpIsEntityListRoute, axpIsEntityRecordNotFound, axpIsInProgressPanelBackgroundOperation, axpIsTabEligibleUrl, axpIsTrayVisibleBackgroundOperation, axpJoinTabTitleSegments, axpLocalEntityCanServeListLocally, axpLocalEntityHotListRequest, axpLocalEntityIndexedDb, axpLocalEntityRecordId, axpLocalEntitySortAt, axpLocalEntityToPayload, axpMenuPathsMatch, axpNavigateAppPath, axpNavigateCommandDefinition, axpParseAppPath, axpParseEntityDetailsRoute, axpParseEntityListRoute, axpPathFromSnapshot, axpPlatformSettingsAvailableGuard, axpRedirectToNotFound, axpRedirectToUnauthorized, axpReplaceEntityListRouteQueryParams, axpResolveNavigatePath, axpResolveTabKey, axpResolveTabKeyFromRouteConfig, axpResolveTabKeyFromSnapshot, axpResolveTabTitleParts, axpSaveEntityListReturnUrl, axpSettingsIndexedDb, backgroundOperationEntityFactory, buildFileStorageDownloadUrl, buildLocalEntityMetaId, buildLocalEntityStorageId, buildScopedSettingsSnapshotId, chooseSystemFiles, coerceAXPSettingRawValue, coerceAXPSettingRawValueByKind, configPlatform, createBackgroundOperationStore, createDefaultSettingValueProviders, createEmptyScopedSettingsSnapshot, createEntityCommandOptions, createEntityRowExpressionScope, createEntitySearchCommand, createFileTypeOpenContext, createIndexedDbSettingValueProviders, createMenuContext, createMenuMiddleware, createUnsavedChangesCanDeactivateGuard, downloadGraphicFromElement, evaluateEntityDisplayTemplate, extractFileExtension, extractHttpRequestErrorInfo, extractRequestErrorInfo, findManualPresetIdByOperation, formatEntityRowDisplayTitle, formatRequestError, hasFileTypeOpenHandler, hydrateSettingsValuesFromIndexedDb, inferSettingCoercionKind, isFileNameShownInViewer, isFileTypeShownInViewer, isGalleryMediaExtension, isOneWaySettingsIndexedDbCache, isSettingKeyCacheable, isSettingVisibleOnScope, isStoredImageFileId, normalizeAvailableLanguageCodes, normalizeDocumentFileTypePurposes, normalizeDocumentToFileListItem, normalizeOverridableAt, normalizePositiveNumberOption, normalizeRouterUrl, normalizeStoredImageRef, peelSettingValueKey, platformErrorI18nKey, primaryLanguageSubtag, printGraphicFromElement, projectSettingsValuesForIndexedDb, provideAXPUserNotificationService, provideDynamicHomePage, provideMenuMiddleware, purgeLegacyTenantScopedSettingsSnapshots, resolveDateFilterPresets, resolveEffectiveAvailableLanguageCodes, resolveEntityCreateListBehavior, resolveEntityModifyPopupTitle, resolveEntityRowDisplayText, resolveEntityRowDisplayTitle, resolveEntityRowDisplayTitleFromColumnContext, resolveEntitySearchTitleFallback, resolveExplorerFileDisplayName, resolveFileTypeDisplay, resolveGraphicElementSize, resolveGraphicPrintContent, resolveMediaViewerType, resolveQueryMatchingDisplayText, resolveSearchDisplayTemplate, resolveSearchableText, resolveStoredImageDisplayUrl, searchInRecordValues, searchInSearchableValue, serializeSvgElement, shouldApplyDefaultMultiLanguageToEntityProperty, shouldApplyDefaultMultiLanguageToWidgetNode, shouldApplyDefaultMultiLanguageToWidgetProperty, shouldPersistSettingsInIndexedDb, stripAccidentalNestedSettingParents, throwIfCommandFailed, toAXPRequestError, toExecuteCommandFailureResult, traceSettingsAppStartupLoadComplete, traceSettingsAppStartupLoadStarted, traceSettingsClientTool, traceSettingsFlush, traceSettingsLocalPersist, traceSettingsPageLoadComplete, traceSettingsPageLoadStarted, traceSettingsPageRouteLoad, traceSettingsRetryScheduled, traceSettingsRevalidateFailed, traceSettingsServerApiCall, traceSettingsServiceLoadComplete, traceSettingsServiceLoadFailed, traceSettingsServiceLoadStarted, traceSettingsServiceReload, traceSettingsSyncFailed, triggerBrowserDownload, tryOpenFileByCatalogType, withDefaultMultiLanguageOnWidgetNodeTree, withDefaultMultiLanguageOnWidgetProperty };
 //# sourceMappingURL=acorex-platform-framework-client-common.mjs.map