@acorex-platform/module-settings-management-client 0.0.21

package/fesm2022/acorex-platform-module-settings-management-client-contracts.mjs

@@ -0,0 +1,146 @@
+//#region ---- Command Keys ----
+const AXMSettingsManagementCommandKeys = {
+    Client: {
+        Reset: 'SettingsManagement.Client:Reset',
+        Export: 'SettingsManagement.Client:Export',
+        Import: 'SettingsManagement.Client:Import',
+    },
+    ScopedSettings: {
+        Patch: 'SettingsManagement:ScopedSettings:Patch',
+        Set: 'SettingsManagement:ScopedSettings:Set',
+        SetOne: 'SettingsManagement:ScopedSettings:SetOne',
+        Delete: 'SettingsManagement:ScopedSettings:Delete',
+    },
+};
+//#endregion
+
+//#region ---- Query Keys ----
+const AXMSettingsManagementQueryKeys = {
+    ScopedSettings: {
+        Fetch: 'SettingsManagement:ScopedSettings:Fetch',
+        Load: 'SettingsManagement:ScopedSettings:Load',
+    },
+};
+//#endregion
+
+//#region ---- Settings sync keys provider value ----
+const axmSettingsSyncKeys = {
+    scopedFetchQueryKey: AXMSettingsManagementQueryKeys.ScopedSettings.Fetch,
+    scopedPatchCommandKey: AXMSettingsManagementCommandKeys.ScopedSettings.Patch,
+};
+//#endregion
+
+//#region ---- Settings defaults multi-provider ----
+const SETTINGS_DEFAULTS_PROVIDER = Symbol('SETTINGS_DEFAULTS_PROVIDER');
+/** Suggested priority bands per layer. */
+const SETTINGS_DEFAULTS_PRIORITY = {
+    framework: 0,
+    module: 50,
+    app: 100,
+};
+/** Builds a {@link SettingsDefaultsProvider} from a static key-value map. */
+function createStaticSettingsDefaultsProvider(options) {
+    return {
+        scope: options.scope,
+        priority: options.priority,
+        layer: options.layer,
+        provide: async () => ({ ...options.values }),
+    };
+}
+/** Nest provider registration helper (`multi: true`). */
+function provideSettingsDefaults(provider) {
+    return {
+        provide: SETTINGS_DEFAULTS_PROVIDER,
+        useValue: provider,
+        multi: true,
+    };
+}
+//#endregion
+
+//#region ---- Encrypted setting keys (server at-rest) ----
+/**
+ * Registers setting keys that must be stored encrypted in the server settings DB.
+ * Client definitions use `isEncrypted: true` for the same keys (implies `cacheable: false`).
+ */
+const SETTINGS_ENCRYPTED_KEYS_PROVIDER = Symbol('SETTINGS_ENCRYPTED_KEYS_PROVIDER');
+/** Nest provider registration helper (`multi: true`). */
+function provideEncryptedSettingKeys(keys) {
+    return {
+        provide: SETTINGS_ENCRYPTED_KEYS_PROVIDER,
+        useValue: keys,
+        multi: true,
+    };
+}
+//#endregion
+
+//#region ---- Settings entity sync multi-provider ----
+const SETTINGS_ENTITY_SYNC_HANDLER = Symbol('SETTINGS_ENTITY_SYNC_HANDLER');
+//#endregion
+
+//#region ---- Settings change reactor multi-provider ----
+const SETTINGS_CHANGE_REACTOR = Symbol('SETTINGS_CHANGE_REACTOR');
+//#endregion
+
+const AXPSettingsManagementMenuKeys = {
+    TenantApplicationSettings: 'Settings:Tenant:Application',
+    PlatformSettings: 'Settings:Platform',
+};
+
+/**
+ * Applications & Platform capabilities used by this module.
+ * Domain capability keys for this module. Root groups live in `AXPCommonPermissionGroupKeys` (common contracts).
+ *
+ * Own user settings (scope U) require no permission — always available to the signed-in user.
+ */
+const AXPApplicationsPlatformPermissionKeys = {
+    Access: 'ApplicationsPlatform:Permission:Access',
+    MaintainApplications: 'ApplicationsPlatform:Permission:MaintainApplications',
+    MaintainTenants: 'ApplicationsPlatform:Permission:MaintainTenants',
+    MaintainPlatformShell: 'ApplicationsPlatform:Permission:MaintainPlatformShell',
+    MaintainLandingPages: 'ApplicationsPlatform:Permission:MaintainLandingPages',
+    MaintainIdentifiers: 'ApplicationsPlatform:Permission:MaintainIdentifiers',
+    MaintainTenantSettings: 'ApplicationsPlatform:Permission:MaintainTenantSettings',
+    MaintainPlatformSettings: 'ApplicationsPlatform:Permission:MaintainPlatformSettings',
+    MaintainLocales: 'ApplicationsPlatform:Permission:MaintainLocales',
+    UseDevTools: 'ApplicationsPlatform:Permission:UseDevTools',
+};
+/**
+ * @deprecated Prefer {@link AXPApplicationsPlatformPermissionKeys}.
+ * Legacy nested shape kept so existing imports compile during migration.
+ * User settings are intentionally omitted — no capability key; always allowed for self.
+ */
+const AXMSettingsManagementPermissionKeys = {
+    TenantSettings: {
+        Management: AXPApplicationsPlatformPermissionKeys.MaintainTenantSettings,
+    },
+    PlatformSettings: {
+        Management: AXPApplicationsPlatformPermissionKeys.MaintainPlatformSettings,
+    },
+};
+
+//#region ----   Module Configuration   ----
+const config = {
+    i18n: 'settings-management',
+    module: 'SettingsManagement',
+};
+const RootConfig = {
+    config,
+    module: {
+        route: 'settings',
+        name: config.module,
+        title: '@settings-management:module.title',
+        icon: 'fa-light fa-gear',
+    },
+    entities: {},
+};
+//#endregion
+
+//#region ---- Contracts barrel ----
+//#endregion
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMSettingsManagementCommandKeys, AXMSettingsManagementPermissionKeys, AXMSettingsManagementQueryKeys, AXPApplicationsPlatformPermissionKeys, AXPSettingsManagementMenuKeys, RootConfig, SETTINGS_CHANGE_REACTOR, SETTINGS_DEFAULTS_PRIORITY, SETTINGS_DEFAULTS_PROVIDER, SETTINGS_ENCRYPTED_KEYS_PROVIDER, SETTINGS_ENTITY_SYNC_HANDLER, axmSettingsSyncKeys, createStaticSettingsDefaultsProvider, provideEncryptedSettingKeys, provideSettingsDefaults };
+//# sourceMappingURL=acorex-platform-module-settings-management-client-contracts.mjs.map

package/fesm2022/acorex-platform-module-settings-management-client-contracts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-settings-management-client-contracts.mjs","sources":["../../../../libs/modules/settings-management/contracts/src/commands.keys.ts","../../../../libs/modules/settings-management/contracts/src/queries.keys.ts","../../../../libs/modules/settings-management/contracts/src/settings-sync-keys.ts","../../../../libs/modules/settings-management/contracts/src/settings-defaults.provider.ts","../../../../libs/modules/settings-management/contracts/src/settings-encrypted-keys.provider.ts","../../../../libs/modules/settings-management/contracts/src/settings-entity-sync.provider.ts","../../../../libs/modules/settings-management/contracts/src/settings-change-reactor.provider.ts","../../../../libs/modules/settings-management/contracts/src/menu.keys.ts","../../../../libs/modules/settings-management/contracts/src/permission.keys.ts","../../../../libs/modules/settings-management/contracts/src/root-config.ts","../../../../libs/modules/settings-management/contracts/src/index.ts","../../../../libs/modules/settings-management/contracts/src/acorex-platform-module-settings-management-client-contracts.ts"],"sourcesContent":["//#region ---- Command Keys ----\n\nexport const AXMSettingsManagementCommandKeys = {\n  Client: {\n    Reset: 'SettingsManagement.Client:Reset',\n    Export: 'SettingsManagement.Client:Export',\n    Import: 'SettingsManagement.Client:Import',\n  },\n  ScopedSettings: {\n    Patch: 'SettingsManagement:ScopedSettings:Patch',\n    Set: 'SettingsManagement:ScopedSettings:Set',\n    SetOne: 'SettingsManagement:ScopedSettings:SetOne',\n    Delete: 'SettingsManagement:ScopedSettings:Delete',\n  },\n} as const;\n\n//#endregion\n","//#region ---- Query Keys ----\n\nexport const AXMSettingsManagementQueryKeys = {\n  ScopedSettings: {\n    Fetch: 'SettingsManagement:ScopedSettings:Fetch',\n    Load: 'SettingsManagement:ScopedSettings:Load',\n  },\n} as const;\n\n//#endregion\n","import type { AXPSettingsSyncKeys } from '@acorex-platform/framework-shared/core';\n\nimport { AXMSettingsManagementCommandKeys } from './commands.keys';\nimport { AXMSettingsManagementQueryKeys } from './queries.keys';\n\n//#region ---- Settings sync keys provider value ----\n\nexport const axmSettingsSyncKeys: AXPSettingsSyncKeys = {\n  scopedFetchQueryKey: AXMSettingsManagementQueryKeys.ScopedSettings.Fetch,\n  scopedPatchCommandKey: AXMSettingsManagementCommandKeys.ScopedSettings.Patch,\n};\n\n//#endregion\n","//#region ---- Settings defaults multi-provider ----\n\n/** Platform scope key aligned with server {@link SettingsPlatformScope}. */\nexport type SettingsDefaultsScope = 'P' | 'T' | 'U';\n\n/**\n * Contributes default setting values for a single scope partition.\n * Register with {@link provideSettingsDefaults} (Nest `multi: true`).\n * Higher {@link SettingsDefaultsProvider.priority} wins on key conflicts within the same scope.\n */\nexport interface SettingsDefaultsProvider {\n  scope: SettingsDefaultsScope;\n  /** Merge order within the same scope; higher overrides lower. Default 0. */\n  priority?: number;\n  /** Source label for diagnostics (e.g. `framework`, `locale-management`, `demo-api`). */\n  layer?: string;\n  provide(): Promise<Record<string, unknown>>;\n}\n\nexport const SETTINGS_DEFAULTS_PROVIDER = Symbol('SETTINGS_DEFAULTS_PROVIDER');\n\n/** Suggested priority bands per layer. */\nexport const SETTINGS_DEFAULTS_PRIORITY = {\n  framework: 0,\n  module: 50,\n  app: 100,\n} as const;\n\nexport interface StaticSettingsDefaultsProviderOptions {\n  scope: SettingsDefaultsScope;\n  values: Record<string, unknown>;\n  priority?: number;\n  layer?: string;\n}\n\n/** Builds a {@link SettingsDefaultsProvider} from a static key-value map. */\nexport function createStaticSettingsDefaultsProvider(\n  options: StaticSettingsDefaultsProviderOptions,\n): SettingsDefaultsProvider {\n  return {\n    scope: options.scope,\n    priority: options.priority,\n    layer: options.layer,\n    provide: async () => ({ ...options.values }),\n  };\n}\n\n/** Nest provider registration helper (`multi: true`). */\nexport function provideSettingsDefaults(provider: SettingsDefaultsProvider) {\n  return {\n    provide: SETTINGS_DEFAULTS_PROVIDER,\n    useValue: provider,\n    multi: true,\n  } as const;\n}\n\n//#endregion\n","//#region ---- Encrypted setting keys (server at-rest) ----\n\n/**\n * Registers setting keys that must be stored encrypted in the server settings DB.\n * Client definitions use `isEncrypted: true` for the same keys (implies `cacheable: false`).\n */\nexport const SETTINGS_ENCRYPTED_KEYS_PROVIDER = Symbol('SETTINGS_ENCRYPTED_KEYS_PROVIDER');\n\n/** Nest provider registration helper (`multi: true`). */\nexport function provideEncryptedSettingKeys(keys: readonly string[]) {\n  return {\n    provide: SETTINGS_ENCRYPTED_KEYS_PROVIDER,\n    useValue: keys,\n    multi: true,\n  } as const;\n}\n\n//#endregion\n","//#region ---- Settings entity sync multi-provider ----\n\n/** Platform scope key aligned with server {@link SettingsPlatformScope}. */\nexport type SettingsEntitySyncScope = 'P' | 'T' | 'U';\n\nexport interface SettingsEntitySyncContext {\n  scope: SettingsEntitySyncScope;\n  tenantId?: string;\n  userId?: string;\n}\n\n/**\n * Syncs tenant-scoped settings with canonical entity fields (read overlay + write-through).\n * Register with Nest `multi: true` and `useExisting` on {@link SETTINGS_ENTITY_SYNC_HANDLER}.\n */\nexport interface SettingsEntitySyncHandler {\n  scopes: SettingsEntitySyncScope[];\n\n  /** Overlay entity-sourced values onto effective settings before returning to clients. */\n  overlayRead?(\n    context: SettingsEntitySyncContext,\n    effectiveValues: Record<string, unknown>,\n  ): Promise<Record<string, unknown>>;\n\n  /** Called after settings persist; push mapped keys to entity storage. */\n  syncWrite?(\n    context: SettingsEntitySyncContext,\n    changedKeys: string[],\n    values: Record<string, unknown>,\n  ): Promise<void>;\n}\n\nexport const SETTINGS_ENTITY_SYNC_HANDLER = Symbol('SETTINGS_ENTITY_SYNC_HANDLER');\n\n//#endregion\n","//#region ---- Settings change reactor multi-provider ----\n\n/** Platform scope key aligned with server {@link SettingsPlatformScope}. */\nexport type SettingsChangeReactorScope = 'P' | 'T' | 'U';\n\nexport interface SettingsChangeReactorContext {\n  scope: SettingsChangeReactorScope;\n  tenantId?: string;\n  userId?: string;\n}\n\n/**\n * Runs operational side effects after settings persist (schedules, caches, infrastructure sync).\n * Register with Nest `multi: true` and `useExisting` on {@link SETTINGS_CHANGE_REACTOR}.\n */\nexport interface SettingsChangeReactor {\n  scopes: SettingsChangeReactorScope[];\n\n  /** Keys this reactor cares about. When omitted, all changed keys trigger {@link react}. */\n  watchedKeys?: string[];\n\n  react(\n    context: SettingsChangeReactorContext,\n    changedKeys: string[],\n    values: Record<string, unknown>,\n  ): Promise<void>;\n}\n\nexport const SETTINGS_CHANGE_REACTOR = Symbol('SETTINGS_CHANGE_REACTOR');\n\n//#endregion\n","export const AXPSettingsManagementMenuKeys = {\n    TenantApplicationSettings: 'Settings:Tenant:Application',\n    PlatformSettings: 'Settings:Platform',\n} as const;\n\n","/**\n * Applications & Platform capabilities used by this module.\n * Domain capability keys for this module. Root groups live in `AXPCommonPermissionGroupKeys` (common contracts).\n *\n * Own user settings (scope U) require no permission — always available to the signed-in user.\n */\nexport const AXPApplicationsPlatformPermissionKeys = {\n  Access: 'ApplicationsPlatform:Permission:Access',\n  MaintainApplications: 'ApplicationsPlatform:Permission:MaintainApplications',\n  MaintainTenants: 'ApplicationsPlatform:Permission:MaintainTenants',\n  MaintainPlatformShell: 'ApplicationsPlatform:Permission:MaintainPlatformShell',\n  MaintainLandingPages: 'ApplicationsPlatform:Permission:MaintainLandingPages',\n  MaintainIdentifiers: 'ApplicationsPlatform:Permission:MaintainIdentifiers',\n  MaintainTenantSettings: 'ApplicationsPlatform:Permission:MaintainTenantSettings',\n  MaintainPlatformSettings: 'ApplicationsPlatform:Permission:MaintainPlatformSettings',\n  MaintainLocales: 'ApplicationsPlatform:Permission:MaintainLocales',\n  UseDevTools: 'ApplicationsPlatform:Permission:UseDevTools',\n} as const;\n\n/**\n * @deprecated Prefer {@link AXPApplicationsPlatformPermissionKeys}.\n * Legacy nested shape kept so existing imports compile during migration.\n * User settings are intentionally omitted — no capability key; always allowed for self.\n */\nexport const AXMSettingsManagementPermissionKeys = {\n  TenantSettings: {\n    Management: AXPApplicationsPlatformPermissionKeys.MaintainTenantSettings,\n  },\n  PlatformSettings: {\n    Management: AXPApplicationsPlatformPermissionKeys.MaintainPlatformSettings,\n  },\n} as const;\n","//#region ----   Module Configuration   ----\n\nconst config = {\n  i18n: 'settings-management',\n  module: 'SettingsManagement',\n};\n\nexport const RootConfig = {\n  config,\n  module: {\n    route: 'settings',\n    name: config.module,\n    title: '@settings-management:module.title',\n    icon: 'fa-light fa-gear',\n  },\n  entities: {},\n};\n\n//#endregion\n","//#region ---- Contracts barrel ----\n\nexport * from './commands.keys';\nexport * from './queries.keys';\nexport * from './settings-sync-keys';\nexport * from './settings-defaults.provider';\nexport * from './settings-encrypted-keys.provider';\nexport * from './settings-entity-sync.provider';\nexport * from './settings-change-reactor.provider';\nexport * from './menu.keys';\nexport * from './permission.keys';\n\nexport * from './root-config';\n\n//#endregion\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AAEO,MAAM,gCAAgC,GAAG;AAC9C,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,iCAAiC;AACxC,QAAA,MAAM,EAAE,kCAAkC;AAC1C,QAAA,MAAM,EAAE,kCAAkC;AAC3C,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,KAAK,EAAE,yCAAyC;AAChD,QAAA,GAAG,EAAE,uCAAuC;AAC5C,QAAA,MAAM,EAAE,0CAA0C;AAClD,QAAA,MAAM,EAAE,0CAA0C;AACnD,KAAA;;AAGH;;AChBA;AAEO,MAAM,8BAA8B,GAAG;AAC5C,IAAA,cAAc,EAAE;AACd,QAAA,KAAK,EAAE,yCAAyC;AAChD,QAAA,IAAI,EAAE,wCAAwC;AAC/C,KAAA;;AAGH;;ACJA;AAEO,MAAM,mBAAmB,GAAwB;AACtD,IAAA,mBAAmB,EAAE,8BAA8B,CAAC,cAAc,CAAC,KAAK;AACxE,IAAA,qBAAqB,EAAE,gCAAgC,CAAC,cAAc,CAAC,KAAK;;AAG9E;;ACZA;MAmBa,0BAA0B,GAAG,MAAM,CAAC,4BAA4B;AAE7E;AACO,MAAM,0BAA0B,GAAG;AACxC,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,GAAG,EAAE,GAAG;;AAUV;AACM,SAAU,oCAAoC,CAClD,OAA8C,EAAA;IAE9C,OAAO;QACL,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;AACpB,QAAA,OAAO,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;KAC7C;AACH;AAEA;AACM,SAAU,uBAAuB,CAAC,QAAkC,EAAA;IACxE,OAAO;AACL,QAAA,OAAO,EAAE,0BAA0B;AACnC,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,KAAK,EAAE,IAAI;KACH;AACZ;AAEA;;ACxDA;AAEA;;;AAGG;MACU,gCAAgC,GAAG,MAAM,CAAC,kCAAkC;AAEzF;AACM,SAAU,2BAA2B,CAAC,IAAuB,EAAA;IACjE,OAAO;AACL,QAAA,OAAO,EAAE,gCAAgC;AACzC,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,KAAK,EAAE,IAAI;KACH;AACZ;AAEA;;ACjBA;MAgCa,4BAA4B,GAAG,MAAM,CAAC,8BAA8B;AAEjF;;AClCA;MA4Ba,uBAAuB,GAAG,MAAM,CAAC,yBAAyB;AAEvE;;AC9BO,MAAM,6BAA6B,GAAG;AACzC,IAAA,yBAAyB,EAAE,6BAA6B;AACxD,IAAA,gBAAgB,EAAE,mBAAmB;;;ACFzC;;;;;AAKG;AACI,MAAM,qCAAqC,GAAG;AACnD,IAAA,MAAM,EAAE,wCAAwC;AAChD,IAAA,oBAAoB,EAAE,sDAAsD;AAC5E,IAAA,eAAe,EAAE,iDAAiD;AAClE,IAAA,qBAAqB,EAAE,uDAAuD;AAC9E,IAAA,oBAAoB,EAAE,sDAAsD;AAC5E,IAAA,mBAAmB,EAAE,qDAAqD;AAC1E,IAAA,sBAAsB,EAAE,wDAAwD;AAChF,IAAA,wBAAwB,EAAE,0DAA0D;AACpF,IAAA,eAAe,EAAE,iDAAiD;AAClE,IAAA,WAAW,EAAE,6CAA6C;;AAG5D;;;;AAIG;AACI,MAAM,mCAAmC,GAAG;AACjD,IAAA,cAAc,EAAE;QACd,UAAU,EAAE,qCAAqC,CAAC,sBAAsB;AACzE,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,UAAU,EAAE,qCAAqC,CAAC,wBAAwB;AAC3E,KAAA;;;AC9BH;AAEA,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,MAAM,EAAE,oBAAoB;CAC7B;AAEM,MAAM,UAAU,GAAG;IACxB,MAAM;AACN,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,MAAM,CAAC,MAAM;AACnB,QAAA,KAAK,EAAE,mCAAmC;AAC1C,QAAA,IAAI,EAAE,kBAAkB;AACzB,KAAA;AACD,IAAA,QAAQ,EAAE,EAAE;;AAGd;;AClBA;AAcA;;ACdA;;AAEG;;;;"}

package/fesm2022/acorex-platform-module-settings-management-client-setting-page.component-eAaMh3-8.mjs

@@ -0,0 +1,441 @@
+import { resolvePlatformScopeName, resolvePlatformScopeKey, AXPKeyboardShortcutPriority } from '@acorex-platform/framework-shared/core';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import * as i6 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i8 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i3 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i7 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AXPUnsavedChangesPopstateService, traceSettingsPageRouteLoad } from '@acorex-platform/framework-client/common';
+import { AXPDeviceService, AXHighlightService, AXPHookService, AXPKeyboardShortcutRegistry } from '@acorex-platform/framework-client/core';
+import { AXPThemeLayoutBlockComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutToolbarComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutStartSideComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPPageLayoutBaseComponent, resolveDetailsViewFooterCommandShortcuts, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ElementRef, viewChild, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/router';
+import { ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
+import { filter } from 'rxjs';
+import { AXPSettingsViewModel } from './acorex-platform-module-settings-management-client.mjs';
+
+class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.vm = inject(AXPSettingsViewModel);
+        this.deviceService = inject(AXPDeviceService);
+        this.activatedRoute = inject(ActivatedRoute);
+        this.unsubscribe = inject(AXUnsubscriber);
+        this.highlightService = inject(AXHighlightService);
+        this.hooks = inject(AXPHookService);
+        this.unsavedChangesPopstate = inject(AXPUnsavedChangesPopstateService);
+        this.destroyRef = inject(DestroyRef);
+        this.elementRef = inject(ElementRef);
+        this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
+        this.sidebarTabs = viewChild('sidebarTabs', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sidebarTabs" }] : /* istanbul ignore next */ []));
+        this.sidebarTabChangeSuppressed = false;
+        /** Prevents VM→URL sync from stripping the route group during refresh hydration. */
+        this.loadingFromRoute = false;
+        /** Serializes overlapping route loads (e.g. init + NavigationEnd) so `loadingFromRoute` cannot clear early. */
+        this.routeLoadChain = Promise.resolve();
+        /** Syncs the line indicator when the active group changes programmatically (route load / navigation). */
+        this.#sidebarTabsIndicatorEffect = effect(() => {
+            const groups = this.vm.groups();
+            const activeName = this.vm.activateGroup()?.name;
+            if (!groups.length || !activeName || this.vm.isSearching()) {
+                return;
+            }
+            const index = groups.findIndex((group) => group.name === activeName);
+            if (index < 0) {
+                return;
+            }
+            untracked(() => queueMicrotask(() => {
+                this.sidebarTabChangeSuppressed = true;
+                try {
+                    this.sidebarTabs()?.select(index);
+                }
+                finally {
+                    this.sidebarTabChangeSuppressed = false;
+                }
+            }));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#sidebarTabsIndicatorEffect" }] : /* istanbul ignore next */ []));
+        this.#effect = effect(() => {
+            if (!this.vm.isLoaded() || this.loadingFromRoute) {
+                return;
+            }
+            const expression = this.vm.searchExpression();
+            const app = this.sessionService.application?.name;
+            const scope = resolvePlatformScopeName(this.vm.scope());
+            const group = this.vm.activateGroup()?.name;
+            //
+            if (this.vm.isSearching()) {
+                this.router.navigate([app, 'settings', scope, group ?? ''], {
+                    queryParams: { q: expression },
+                });
+                setTimeout(() => {
+                    this.highlightService.highlight('#ax-settings', expression);
+                }, 100);
+                return;
+            }
+            // On desktop, scope-only URLs are redirected to the first group in loadFromRoute.
+            // Do not sync back to a group-less URL while that redirect is pending.
+            if (!group && this.deviceService.isLarge()) {
+                return;
+            }
+            this.router.navigate([app, 'settings', scope, group ?? '']);
+            this.highlightService.clear();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#effect" }] : /* istanbul ignore next */ []));
+    }
+    /** Syncs the line indicator when the active group changes programmatically (route load / navigation). */
+    #sidebarTabsIndicatorEffect;
+    #effect;
+    async ngOnInit() {
+        await super.ngOnInit();
+        this.registerKeyboardShortcuts();
+        this.unsavedChangesPopstate.registerSource({
+            id: 'axp-setting-page',
+            isDirty: () => this.vm.isDirty(),
+        });
+        this.destroyRef.onDestroy(() => this.unsavedChangesPopstate.unregisterSource('axp-setting-page'));
+        //
+        this.router.events
+            .pipe(this.unsubscribe.takeUntilDestroy, filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => {
+            void this.enqueueLoadFromRoute();
+        });
+        await this.enqueueLoadFromRoute();
+    }
+    enqueueLoadFromRoute() {
+        const load = this.routeLoadChain.then(() => this.loadFromRoute());
+        this.routeLoadChain = load.catch(() => undefined);
+        return load;
+    }
+    async loadFromRoute() {
+        if (this.unsavedChangesPopstate.isHandlingPopstate()) {
+            return;
+        }
+        this.loadingFromRoute = true;
+        try {
+            const snapshot = this.activatedRoute.snapshot;
+            const routerScope = resolvePlatformScopeKey(snapshot.paramMap.get('scope')?.trim().toLowerCase());
+            const vmScope = this.vm.scope();
+            const query = snapshot.queryParamMap.get('q');
+            const groupFromRoute = this.getGroupFromRouteSync();
+            //
+            if (vmScope != routerScope || !this.vm.isLoaded()) {
+                traceSettingsPageRouteLoad(routerScope, vmScope !== routerScope ? 'scope-changed' : 'not-loaded-yet');
+                await this.vm.load(routerScope);
+            }
+            const activeGroup = this.vm.activateGroup()?.name;
+            if (groupFromRoute === activeGroup && this.vm.isDirty() && !this.unsavedChangesConfirm.hasLeaveConfirmed()) {
+                return;
+            }
+            const hasQuery = !!query?.trim();
+            if (groupFromRoute && groupFromRoute === activeGroup && !hasQuery && !this.vm.isSearching()) {
+                return;
+            }
+            if (groupFromRoute !== activeGroup) {
+                this.vm.unloadActivateGroup();
+            }
+            if (!hasQuery) {
+                this.vm.clearSearch();
+            }
+            let group = groupFromRoute;
+            if (!group && this.deviceService.isLarge() && !this.vm.isSearching()) {
+                group = this.vm.groups()?.[0]?.name;
+                if (group) {
+                    this.vm.setActivateGroupByName(group);
+                    this.recompute();
+                    await this.router.navigate([group], { relativeTo: this.activatedRoute, replaceUrl: true });
+                    return;
+                }
+            }
+            else if (group) {
+                this.vm.setActivateGroupByName(group);
+                this.recompute();
+            }
+            if (hasQuery) {
+                await this.vm.search(query);
+                this.recompute();
+            }
+        }
+        finally {
+            this.loadingFromRoute = false;
+        }
+    }
+    getGroupFromRouteSync() {
+        let route = this.activatedRoute.snapshot;
+        while (route) {
+            const group = route.paramMap.get('group');
+            if (group) {
+                return group;
+            }
+            route = route.firstChild ?? null;
+        }
+        return undefined;
+    }
+    /**
+     * `ax-tabs` selects on click before we can confirm. Revert synchronously, then confirm + navigate.
+     */
+    handleSidebarTabChanged(event) {
+        if (this.sidebarTabChangeSuppressed) {
+            return;
+        }
+        const groups = this.vm.groups();
+        const target = groups[event.index];
+        const activeName = this.vm.activateGroup()?.name;
+        if (!target || target.name === activeName || this.vm.isSearching()) {
+            return;
+        }
+        const activeIndex = groups.findIndex((group) => group.name === activeName);
+        if (activeIndex >= 0) {
+            this.sidebarTabChangeSuppressed = true;
+            try {
+                this.sidebarTabs()?.select(activeIndex);
+            }
+            finally {
+                this.sidebarTabChangeSuppressed = false;
+            }
+        }
+        void this.completeGroupSwitch(target.name);
+    }
+    async handleSelectGroup(item) {
+        if (item.name === this.vm.activateGroup()?.name) {
+            return;
+        }
+        if (!(await this.confirmLeaveIfDirty())) {
+            return;
+        }
+        await this.router.navigate([`${item.name}`], { relativeTo: this.activatedRoute });
+    }
+    async completeGroupSwitch(groupName) {
+        if (!(await this.confirmLeaveIfDirty())) {
+            return;
+        }
+        await this.router.navigate([groupName], { relativeTo: this.activatedRoute });
+    }
+    //#region ----   Keyboard Shortcuts   ----
+    registerKeyboardShortcuts() {
+        const saveKeys = resolveDetailsViewFooterCommandShortcuts('update-entity');
+        const discardKeys = resolveDetailsViewFooterCommandShortcuts('discard');
+        const group = '@general:keyboard-shortcuts.groups.settings';
+        const shortcuts = [];
+        if (saveKeys?.length) {
+            shortcuts.push({
+                keys: saveKeys,
+                title: '@general:actions.apply.title',
+                group,
+                allowInEditableFields: true,
+                when: () => this.canExecuteSaveShortcut(),
+                handler: () => {
+                    void this.vm.apply();
+                },
+            });
+        }
+        if (discardKeys?.length) {
+            shortcuts.push({
+                keys: discardKeys,
+                title: '@general:actions.discard.title',
+                group,
+                allowInEditableFields: true,
+                when: () => this.canExecuteDiscardShortcut(),
+                handler: () => {
+                    void this.executeDiscardViaShortcut();
+                },
+            });
+        }
+        if (shortcuts.length === 0) {
+            return;
+        }
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            elementRef: this.elementRef,
+            id: 'settings-page-core',
+            priority: AXPKeyboardShortcutPriority.Page,
+            scope: group,
+            shortcuts,
+        });
+    }
+    canExecuteSaveShortcut() {
+        if (this.vm.isSaving() || this.vm.isBusy()) {
+            return false;
+        }
+        return this.vm.isDirty();
+    }
+    canExecuteDiscardShortcut() {
+        if (this.vm.isSaving() || this.vm.isBusy()) {
+            return false;
+        }
+        if (this.unsavedChangesConfirm.isConfirmPending()) {
+            return false;
+        }
+        return this.vm.isDirty();
+    }
+    async executeDiscardViaShortcut() {
+        if (!this.canExecuteDiscardShortcut()) {
+            return;
+        }
+        const confirmed = await this.unsavedChangesConfirm.confirmIfDirty(true, {
+            title: '@general:messages.unsaved-changes.title',
+            message: '@general:messages.discard-changes.message',
+            approveLeaveOnConfirm: false,
+        });
+        if (!confirmed) {
+            return;
+        }
+        await this.vm.discard();
+    }
+    //#endregion
+    //#region ----   Leave Page Gate   ----
+    async canDeactivate() {
+        if (this.unsavedChangesConfirm.hasLeaveConfirmed()) {
+            return true;
+        }
+        return this.confirmLeaveIfDirty();
+    }
+    onBeforeTabClose() {
+        return this.unsavedChangesConfirm.confirmIfDirty(this.shouldPromptLeave(), {
+            approveLeaveOnConfirm: false,
+        });
+    }
+    shouldPromptLeave() {
+        return this.vm.isDirty();
+    }
+    async confirmLeaveIfDirty() {
+        const wasDirty = this.shouldPromptLeave();
+        const confirmed = await this.unsavedChangesConfirm.confirmIfDirty(wasDirty);
+        if (confirmed && wasDirty) {
+            await this.vm.discard();
+        }
+        return confirmed;
+    }
+    //#endregion
+    //#region ----------------   Page Configuration Overrides   ----------------
+    async getSecondaryMenuItems() {
+        if (!this.vm.activateGroup()) {
+            return [];
+        }
+        const items = [
+            {
+                title: await this.translateService.translateAsync('@settings-management:settings.actions.restore-defaults.title'),
+                icon: 'fa-light fa-rotate-left',
+                color: 'danger',
+                command: { name: 'restore-defaults' },
+            },
+        ];
+        const payload = await this.hooks.runAsync('settings-page.secondary-actions', { items });
+        return payload.items ?? items;
+    }
+    async getPageTitle() {
+        const group = this.vm.activateGroup();
+        const groupHeadingKey = group?.pageTitle ?? group?.title;
+        const scopeTitle = await this.translateService.translateAsync('@settings-management:module.terms.scopes.' + this.vm.scopeTitle());
+        if (!this.vm.isSearching()) {
+            return groupHeadingKey ?? scopeTitle;
+        }
+        else {
+            return this.translateService.translateAsync('@settings-management:settings.components.search.title', {
+                params: { q: this.vm.searchExpression() },
+            });
+        }
+    }
+    async getPageDescription() {
+        const groupDescription = this.vm.activateGroup()?.description;
+        const scopeDescription = await this.translateService.translateAsync('@settings-management:module.terms.scopes.' + this.vm.scopeDescription());
+        if (!this.vm.isSearching()) {
+            return groupDescription ?? scopeDescription;
+        }
+        else {
+            return this.translateService.translateAsync('@settings-management:settings.components.search.description');
+        }
+    }
+    hasUnsavedChanges() {
+        return this.vm.isDirty();
+    }
+    async getBackButton() {
+        if (this.vm.activateGroup()) {
+            return {
+                title: await this.translateService.translateAsync('@settings-management:module.terms.scopes.' + this.vm.scopeTitle()),
+            };
+        }
+        return null;
+    }
+    async onBackButtonClick() {
+        if (!(await this.confirmLeaveIfDirty())) {
+            return;
+        }
+        const app = this.sessionService.application?.name;
+        const scope = resolvePlatformScopeName(this.vm.scope());
+        this.router.navigate([app, 'settings', scope]);
+    }
+    async execute(command) {
+        switch (command.name) {
+            case 'restore-defaults':
+                await this.vm.resetToDefault();
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSettingPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSettingPageComponent, isStandalone: true, selector: "ng-component", host: { classAttribute: "axp-setting-page" }, providers: [
+            AXUnsubscriber,
+            AXPSettingsViewModel,
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXPSettingPageComponent,
+            },
+        ], viewQueries: [{ propertyName: "sidebarTabs", first: true, predicate: ["sidebarTabs"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showGroups()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>{{\n        '@settings-management:module.terms.scopes.' + vm.scopeTitle() | translate | async\n        }}</axp-layout-title>\n      <axp-layout-toolbar>\n        <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\" (onValueChanged)=\"vm.search($event.value)\"\n          [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\">\n          <ax-clear-button></ax-clear-button>\n        </ax-search-box>\n      </axp-layout-toolbar>\n    </axp-layout-header>\n    <axp-layout-content>\n      <ax-tabs #sidebarTabs [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\"\n        (onActiveTabChanged)=\"handleSidebarTabChanged($event)\">\n        @for (item of vm.groups(); track item.name) {\n        <ax-tab-item [key]=\"item.name\" [text]=\"(item.title | translate | async)!\"\n          [active]=\"vm.activateGroup()?.name === item.name && !vm.isSearching()\">\n          <ax-prefix>\n            <ax-icon icon=\"{{ item.icon }} fa-fw fa-regular\"></ax-icon>\n          </ax-prefix>\n        </ax-tab-item>\n        }\n      </ax-tabs>\n    </axp-layout-content>\n  </axp-layout-start-side>\n  }\n\n  <axp-page-content id=\"ax-settings\">\n    @if (vm.hasActivateGroup() || vm.isSearching()) {\n    <router-outlet></router-outlet>\n    } @else {\n    <axp-layout-list>\n      @for (item of vm.groups(); track $index) {\n      <axp-layout-list-item (click)=\"handleSelectGroup(item)\">\n        <axp-layout-prefix>\n          <ax-icon icon=\"far ${{ item.icon }}\" class=\"text-gray-500\"></ax-icon>\n        </axp-layout-prefix>\n        <axp-layout-content>\n          <a class=\"font-semibold\">{{ item.title | translate | async }}</a>\n        </axp-layout-content>\n        <axp-layout-suffix>\n          <ax-icon icon=\" far fa-chevron-right\" class=\"text-gray-400\"></ax-icon>\n        </axp-layout-suffix>\n      </axp-layout-list-item>\n      }\n    </axp-layout-list>\n    }\n  </axp-page-content>\n\n  @if (vm.isDirty()) {\n  <axp-page-footer class=\"--animated\">\n    <axp-layout-suffix>\n      <ax-button [class.ax-sm]=\"deviceService.isSmall()\" [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"vm.discard()\">\n      </ax-button>\n      <ax-button [class.ax-sm]=\"deviceService.isSmall()\" [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"'@general:actions.apply.title' | translate | async\" (onClick)=\"vm.apply()\" [color]=\"'secondary'\">\n        @if (vm.isSaving()) {\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["@layer properties;.axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-block:0px;border-radius:0!important;padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){--tw-border-style: dashed;border-style:dashed}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){border-color:var(--color-gray-200, oklch(92.8% .006 264.531))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:calc(var(--spacing, .25rem) * 6);row-gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 4);grid-template-columns:minmax(0,1fr)}@media(width>=64rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=80rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 8)}}@media(width>=96rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 10)}}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(11rem,34%) minmax(0,max-content)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container:has(.--is-hidden){display:none}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-label{min-width:0px;grid-column:1 / -1}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-label{grid-column:auto}}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%;grid-column:1 / -1}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{grid-column:2;width:clamp(14rem,36vw,24rem)}}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{width:clamp(16rem,28vw,28rem)}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{width:clamp(18rem,24vw,32rem)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control{grid-template-columns:minmax(0,1fr)}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-label,.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-control{grid-column:1 / -1}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-control{width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container.--wide-control .--item-control{width:clamp(20rem,50vw,36rem)}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container.--wide-control .--item-control{width:clamp(24rem,40vw,42rem)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container axp-layout-description{margin-top: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-setting-page axp-layout-start-side{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.axp-setting-page #ax-settings{padding:calc(var(--spacing, .25rem) * 4)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;--tw-divide-y-reverse: 0;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: 
+                //
+                AXSearchBoxModule }, { kind: "component", type: i3.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", 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: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.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: i7.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i7.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i8.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: 
+                //
+                AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutListComponent, selector: "axp-layout-list" }, { kind: "component", type: AXPThemeLayoutListItemComponent, selector: "axp-layout-list-item" }, { kind: "component", type: AXPThemeLayoutToolbarComponent, selector: "axp-layout-toolbar" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSettingPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        //
+                        AXSearchBoxModule,
+                        AXDecoratorModule,
+                        AXBreadcrumbsModule,
+                        AXTranslationModule,
+                        AXButtonModule,
+                        AXTabsModule,
+                        AXBadgeModule,
+                        AXLoadingModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                        AXPThemeLayoutListComponent,
+                        AXPThemeLayoutListItemComponent,
+                        AXPThemeLayoutToolbarComponent,
+                        AXPThemeLayoutHeaderComponent,
+                        AXPThemeLayoutStartSideComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        AXUnsubscriber,
+                        AXPSettingsViewModel,
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXPSettingPageComponent,
+                        },
+                    ], host: { class: 'axp-setting-page' }, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showGroups()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>{{\n        '@settings-management:module.terms.scopes.' + vm.scopeTitle() | translate | async\n        }}</axp-layout-title>\n      <axp-layout-toolbar>\n        <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\" (onValueChanged)=\"vm.search($event.value)\"\n          [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\">\n          <ax-clear-button></ax-clear-button>\n        </ax-search-box>\n      </axp-layout-toolbar>\n    </axp-layout-header>\n    <axp-layout-content>\n      <ax-tabs #sidebarTabs [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\"\n        (onActiveTabChanged)=\"handleSidebarTabChanged($event)\">\n        @for (item of vm.groups(); track item.name) {\n        <ax-tab-item [key]=\"item.name\" [text]=\"(item.title | translate | async)!\"\n          [active]=\"vm.activateGroup()?.name === item.name && !vm.isSearching()\">\n          <ax-prefix>\n            <ax-icon icon=\"{{ item.icon }} fa-fw fa-regular\"></ax-icon>\n          </ax-prefix>\n        </ax-tab-item>\n        }\n      </ax-tabs>\n    </axp-layout-content>\n  </axp-layout-start-side>\n  }\n\n  <axp-page-content id=\"ax-settings\">\n    @if (vm.hasActivateGroup() || vm.isSearching()) {\n    <router-outlet></router-outlet>\n    } @else {\n    <axp-layout-list>\n      @for (item of vm.groups(); track $index) {\n      <axp-layout-list-item (click)=\"handleSelectGroup(item)\">\n        <axp-layout-prefix>\n          <ax-icon icon=\"far ${{ item.icon }}\" class=\"text-gray-500\"></ax-icon>\n        </axp-layout-prefix>\n        <axp-layout-content>\n          <a class=\"font-semibold\">{{ item.title | translate | async }}</a>\n        </axp-layout-content>\n        <axp-layout-suffix>\n          <ax-icon icon=\" far fa-chevron-right\" class=\"text-gray-400\"></ax-icon>\n        </axp-layout-suffix>\n      </axp-layout-list-item>\n      }\n    </axp-layout-list>\n    }\n  </axp-page-content>\n\n  @if (vm.isDirty()) {\n  <axp-page-footer class=\"--animated\">\n    <axp-layout-suffix>\n      <ax-button [class.ax-sm]=\"deviceService.isSmall()\" [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"vm.discard()\">\n      </ax-button>\n      <ax-button [class.ax-sm]=\"deviceService.isSmall()\" [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"'@general:actions.apply.title' | translate | async\" (onClick)=\"vm.apply()\" [color]=\"'secondary'\">\n        @if (vm.isSaving()) {\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["@layer properties;.axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-block:0px;border-radius:0!important;padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){--tw-border-style: dashed;border-style:dashed}:where(.axp-setting-page axp-layout-section axp-layout-content>:not(:last-child)){border-color:var(--color-gray-200, oklch(92.8% .006 264.531))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:calc(var(--spacing, .25rem) * 6);row-gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 4);grid-template-columns:minmax(0,1fr)}@media(width>=64rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=80rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 8)}}@media(width>=96rem){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-inline:calc(var(--spacing, .25rem) * 10)}}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(11rem,34%) minmax(0,max-content)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container:has(.--is-hidden){display:none}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-label{min-width:0px;grid-column:1 / -1}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-label{grid-column:auto}}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%;grid-column:1 / -1}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{grid-column:2;width:clamp(14rem,36vw,24rem)}}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{width:clamp(16rem,28vw,28rem)}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{width:clamp(18rem,24vw,32rem)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control{grid-template-columns:minmax(0,1fr)}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-label,.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-control{grid-column:1 / -1}.axp-setting-page axp-layout-section axp-layout-content .--item-container.--stacked-control .--item-control{width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container.--wide-control .--item-control{width:clamp(20rem,50vw,36rem)}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container.--wide-control .--item-control{width:clamp(24rem,40vw,42rem)}}.axp-setting-page axp-layout-section axp-layout-content .--item-container axp-layout-description{margin-top: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-setting-page axp-layout-start-side{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.axp-setting-page #ax-settings{padding:calc(var(--spacing, .25rem) * 4)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-divide-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;--tw-divide-y-reverse: 0;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { sidebarTabs: [{ type: i0.ViewChild, args: ['sidebarTabs', { isSignal: true }] }] } });
+
+export { AXPSettingPageComponent };
+//# sourceMappingURL=acorex-platform-module-settings-management-client-setting-page.component-eAaMh3-8.mjs.map