npm - @acorex/modules - Versions diffs - 21.0.0-next.70 → 21.0.0-next.72 - Mend

@acorex/modules 21.0.0-next.70 → 21.0.0-next.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/fesm2022/{acorex-modules-settings-management-setting-page.component-C9wPgm_P.mjs → acorex-modules-settings-management-setting-page.component-D8_cjOzW.mjs} RENAMED Viewed

@@ -14,19 +14,20 @@ 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 { AXPDeviceService, AXHighlightService, AXPHookService, resolvePlatformScopeName, resolvePlatformScopeKey } from '@acorex/platform/core';
+import { AXPUnsavedChangesConfirmService, AXPUnsavedChangesPopstateService } from '@acorex/platform/common';
+import { AXPDeviceService, AXHighlightService, AXPHookService, AXPKeyboardShortcutRegistry, resolvePlatformScopeName, resolvePlatformScopeKey, AXPKeyboardShortcutPriority } from '@acorex/platform/core';
 import { AXPThemeLayoutBlockComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutToolbarComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutStartSideComponent } from '@acorex/platform/layout/components';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import { AXPPageLayoutBaseComponent, resolveDetailsViewFooterCommandShortcuts, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } 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, Router, NavigationEnd, RouterModule } from '@angular/router';
 import { filter, startWith, firstValueFrom, take } from 'rxjs';
-import { A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-Dj9u0VEL.mjs';
+import { A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-O8kBegUF.mjs';
 class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
     constructor() {
@@ -38,6 +39,34 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
         this.highlightService = inject(AXHighlightService);
         this.hooks = inject(AXPHookService);
         this.router = inject(Router);
+        this.unsavedChangesConfirm = inject(AXPUnsavedChangesConfirmService);
+        this.unsavedChangesPopstate = inject(AXPUnsavedChangesPopstateService);
+        this.destroyRef = inject(DestroyRef);
+        this.elementRef = inject(ElementRef);
+        this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
+        this.sidebarTabs = viewChild('sidebarTabs', ...(ngDevMode ? [{ debugName: "sidebarTabs" }] : /* istanbul ignore next */ []));
+        this.sidebarTabChangeSuppressed = false;
+        /** 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;
+                }
+            }));
+        }, ...(ngDevMode ? [{ debugName: "#sidebarTabsIndicatorEffect" }] : /* istanbul ignore next */ []));
         this.#effect = effect(() => {
             if (!this.vm.isLoaded()) {
                 return;
@@ -60,9 +89,17 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
             this.highlightService.clear();
         }, ...(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), startWith(null))
@@ -71,6 +108,9 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
         });
     }
     async loadFromRoute() {
+        if (this.unsavedChangesPopstate.isHandlingPopstate()) {
+            return;
+        }
         const snapshot = this.activatedRoute.snapshot;
         const routerScope = resolvePlatformScopeKey(snapshot.paramMap.get('scope')?.trim().toLowerCase());
         const vmScope = this.vm.scope();
@@ -84,6 +124,10 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
         this.vm.clearSearch();
         //
         let group = await this.getGroupFromRoute();
+        const activeGroup = this.vm.activateGroup()?.name;
+        if (group === activeGroup && this.vm.isDirty() && !this.unsavedChangesConfirm.hasLeaveConfirmed()) {
+            return;
+        }
         //
         if (!group && this.deviceService.isLarge() && !this.vm.isSearching()) {
             group = this.vm.groups()?.[0]?.name;
@@ -115,9 +159,132 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
         }
         return group ?? 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();
+    }
+    shouldPromptLeave() {
+        return this.vm.isDirty();
+    }
+    confirmLeaveIfDirty() {
+        return this.unsavedChangesConfirm.confirmIfDirty(this.shouldPromptLeave());
+    }
+    //#endregion
     //#region ----------------   Page Configuration Overrides   ----------------
     async getSecondaryMenuItems() {
         if (!this.vm.activateGroup()) {
@@ -157,15 +324,8 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
             return this.translateService.translateAsync('@settings-management:settings.components.search.description');
         }
     }
-    async getPageBadge() {
-        if (this.vm.isDirty()) {
-            return {
-                title: await this.translateService.translateAsync('@general:terms.interface.save-status.not-saved.title'),
-                color: 'warning',
-                description: await this.translateService.translateAsync('@general:terms.interface.save-status.not-saved.description'),
-            };
-        }
-        return null;
+    hasUnsavedChanges() {
+        return this.vm.isDirty();
     }
     async getBackButton() {
         if (this.vm.activateGroup()) {
@@ -175,10 +335,12 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
         }
         return null;
     }
-    onBackButtonClick() {
+    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) {
@@ -196,7 +358,7 @@ class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXPSettingPageComponent,
             },
-        ], 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\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\"\n          >\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 [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n          @for (item of vm.groups(); track $index) {\n            <ax-tab-item\n              [text]=\"(item.title | translate | async)!\"\n              (onClick)=\"handleSelectGroup(item)\"\n              [active]=\"vm.activateGroup() == item && !vm.isSearching()\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"far ${{ item.icon }}\"></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=\"ax-text-gray-500\"></ax-icon>\n            </axp-layout-prefix>\n            <axp-layout-content>\n              <a class=\"ax-font-semibold\">{{ item.title | translate | async }}</a>\n            </axp-layout-content>\n            <axp-layout-suffix>\n              <ax-icon icon=\" far fa-chevron-right\" class=\"ax-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\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.discard.title' | translate | async\"\n          (onClick)=\"vm.discard()\"\n        >\n        </ax-button>\n        <ax-button\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n          (onClick)=\"vm.apply()\"\n          [color]=\"'secondary'\"\n        >\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>\n", styles: [".axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-top:0!important;margin-bottom:0!important;padding-top:.75rem!important;padding-bottom:.75rem!important;font-weight:600!important}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}.axp-setting-page axp-layout-section axp-layout-content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed;--tw-divide-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-divide-opacity, 1))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:1.5rem;row-gap:.5rem;padding:1rem}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2.5rem;padding-right:2.5rem}}.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(0,1fr)}@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}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{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-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:.5rem!important;font-size:.75rem!important;line-height:1rem!important}.axp-setting-page axp-layout-start-side{border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-setting-page #ax-settings{padding:1rem}\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:
+        ], 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\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\"\n          >\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\n          #sidebarTabs\n          [look]=\"'with-line-color'\"\n          [location]=\"'end'\"\n          [fitParent]=\"true\"\n          (onActiveTabChanged)=\"handleSidebarTabChanged($event)\"\n        >\n          @for (item of vm.groups(); track item.name) {\n            <ax-tab-item\n              [key]=\"item.name\"\n              [text]=\"(item.title | translate | async)!\"\n              [active]=\"vm.activateGroup()?.name === item.name && !vm.isSearching()\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"far ${{ item.icon }}\"></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=\"ax-text-gray-500\"></ax-icon>\n            </axp-layout-prefix>\n            <axp-layout-content>\n              <a class=\"ax-font-semibold\">{{ item.title | translate | async }}</a>\n            </axp-layout-content>\n            <axp-layout-suffix>\n              <ax-icon icon=\" far fa-chevron-right\" class=\"ax-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\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.discard.title' | translate | async\"\n          (onClick)=\"vm.discard()\"\n        >\n        </ax-button>\n        <ax-button\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n          (onClick)=\"vm.apply()\"\n          [color]=\"'secondary'\"\n        >\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>\n", styles: [".axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-top:0!important;margin-bottom:0!important;padding-top:.75rem!important;padding-bottom:.75rem!important;font-weight:600!important}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}.axp-setting-page axp-layout-section axp-layout-content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed;--tw-divide-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-divide-opacity, 1))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:1.5rem;row-gap:.5rem;padding:1rem}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2.5rem;padding-right:2.5rem}}.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(0,1fr)}@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}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{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-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:.5rem!important;font-size:.75rem!important;line-height:1rem!important}.axp-setting-page axp-layout-start-side{border-inline-end-width:1px}.axp-setting-page #ax-settings{padding:1rem}\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:
                 //
@@ -233,8 +395,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             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\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\"\n          >\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 [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n          @for (item of vm.groups(); track $index) {\n            <ax-tab-item\n              [text]=\"(item.title | translate | async)!\"\n              (onClick)=\"handleSelectGroup(item)\"\n              [active]=\"vm.activateGroup() == item && !vm.isSearching()\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"far ${{ item.icon }}\"></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=\"ax-text-gray-500\"></ax-icon>\n            </axp-layout-prefix>\n            <axp-layout-content>\n              <a class=\"ax-font-semibold\">{{ item.title | translate | async }}</a>\n            </axp-layout-content>\n            <axp-layout-suffix>\n              <ax-icon icon=\" far fa-chevron-right\" class=\"ax-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\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.discard.title' | translate | async\"\n          (onClick)=\"vm.discard()\"\n        >\n        </ax-button>\n        <ax-button\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n          (onClick)=\"vm.apply()\"\n          [color]=\"'secondary'\"\n        >\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>\n", styles: [".axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-top:0!important;margin-bottom:0!important;padding-top:.75rem!important;padding-bottom:.75rem!important;font-weight:600!important}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}.axp-setting-page axp-layout-section axp-layout-content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed;--tw-divide-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-divide-opacity, 1))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:1.5rem;row-gap:.5rem;padding:1rem}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2.5rem;padding-right:2.5rem}}.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(0,1fr)}@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}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{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-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:.5rem!important;font-size:.75rem!important;line-height:1rem!important}.axp-setting-page axp-layout-start-side{border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-setting-page #ax-settings{padding:1rem}\n"] }]
-        }] });
+                    ], 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\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\"\n          >\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\n          #sidebarTabs\n          [look]=\"'with-line-color'\"\n          [location]=\"'end'\"\n          [fitParent]=\"true\"\n          (onActiveTabChanged)=\"handleSidebarTabChanged($event)\"\n        >\n          @for (item of vm.groups(); track item.name) {\n            <ax-tab-item\n              [key]=\"item.name\"\n              [text]=\"(item.title | translate | async)!\"\n              [active]=\"vm.activateGroup()?.name === item.name && !vm.isSearching()\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"far ${{ item.icon }}\"></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=\"ax-text-gray-500\"></ax-icon>\n            </axp-layout-prefix>\n            <axp-layout-content>\n              <a class=\"ax-font-semibold\">{{ item.title | translate | async }}</a>\n            </axp-layout-content>\n            <axp-layout-suffix>\n              <ax-icon icon=\" far fa-chevron-right\" class=\"ax-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\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.discard.title' | translate | async\"\n          (onClick)=\"vm.discard()\"\n        >\n        </ax-button>\n        <ax-button\n          [class.ax-sm]=\"deviceService.isSmall()\"\n          [disabled]=\"vm.isBusy() || vm.isSaving()\"\n          [text]=\"'@general:actions.apply.title' | translate | async\"\n          (onClick)=\"vm.apply()\"\n          [color]=\"'secondary'\"\n        >\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>\n", styles: [".axp-setting-page ax-tabs{--ax-comp-tabs-default-border-radius: 0}.axp-setting-page ax-tabs ax-tab-item{margin-top:0!important;margin-bottom:0!important;padding-top:.75rem!important;padding-bottom:.75rem!important;font-weight:600!important}.axp-setting-page axp-layout-section axp-layout-content{display:flex;width:100%;flex-direction:column}.axp-setting-page axp-layout-section axp-layout-content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed;--tw-divide-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-divide-opacity, 1))}.axp-setting-page axp-layout-section axp-layout-content .--item-container{display:grid;align-items:flex-start;column-gap:1.5rem;row-gap:.5rem;padding:1rem}@media(min-width:1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{padding-left:2.5rem;padding-right:2.5rem}}.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:minmax(0,1fr)}@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}.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{min-width:0px;width:100%;max-width:100%}@media(min-width:640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container .--item-control{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-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:.5rem!important;font-size:.75rem!important;line-height:1rem!important}.axp-setting-page axp-layout-start-side{border-inline-end-width:1px}.axp-setting-page #ax-settings{padding:1rem}\n"] }]
+        }], propDecorators: { sidebarTabs: [{ type: i0.ViewChild, args: ['sidebarTabs', { isSignal: true }] }] } });
 export { AXPSettingPageComponent };
-//# sourceMappingURL=acorex-modules-settings-management-setting-page.component-C9wPgm_P.mjs.map
+//# sourceMappingURL=acorex-modules-settings-management-setting-page.component-D8_cjOzW.mjs.map

package/fesm2022/acorex-modules-settings-management-setting-page.component-D8_cjOzW.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-modules-settings-management-setting-page.component-D8_cjOzW.mjs","sources":["../../../../libs/modules/settings-management/src/lib/features/settings/setting-page/setting-page.component.ts","../../../../libs/modules/settings-management/src/lib/features/settings/setting-page/setting-page.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabsComponent, AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport {\n AXPSettingDefinitionGroup,\n AXPUnsavedChangesConfirmService,\n AXPUnsavedChangesPopstateService,\n} from '@acorex/platform/common';\nimport {\n AXHighlightService,\n AXPActionMenuItem,\n AXPBackButton,\n AXPDeviceService,\n AXPExecuteCommand,\n AXPKeyboardShortcutBinding,\n AXPKeyboardShortcutPriority,\n AXPKeyboardShortcutRegistry,\n AXPHookService,\n resolvePlatformScopeKey,\n resolvePlatformScopeName,\n} from '@acorex/platform/core';\nimport {\n AXPThemeLayoutBlockComponent,\n AXPThemeLayoutHeaderComponent,\n AXPThemeLayoutListComponent,\n AXPThemeLayoutListItemComponent,\n AXPThemeLayoutStartSideComponent,\n AXPThemeLayoutToolbarComponent,\n} from '@acorex/platform/layout/components';\nimport {\n AXPPageLayoutBase,\n AXPPageLayoutBaseComponent,\n AXPPageLayoutComponent,\n resolveDetailsViewFooterCommandShortcuts,\n} from '@acorex/platform/layout/views';\nimport { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n effect,\n ElementRef,\n inject,\n untracked,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ActivatedRoute, NavigationEnd, Router, RouterModule } from '@angular/router';\nimport { filter, firstValueFrom, startWith, take } from 'rxjs';\nimport { AXPSettingsViewModel } from '../settings.viewmodel';\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n FormsModule,\n RouterModule,\n //\n AXSearchBoxModule,\n AXDecoratorModule,\n AXBreadcrumbsModule,\n AXTranslationModule,\n AXButtonModule,\n AXTabsModule,\n AXBadgeModule,\n AXLoadingModule,\n AXDropdownButtonModule,\n //\n AXPPageLayoutComponent,\n AXPThemeLayoutBlockComponent,\n AXPThemeLayoutListComponent,\n AXPThemeLayoutListItemComponent,\n AXPThemeLayoutToolbarComponent,\n AXPThemeLayoutHeaderComponent,\n AXPThemeLayoutStartSideComponent,\n ],\n templateUrl: './setting-page.component.html',\n styleUrl: './setting-page.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n AXUnsubscriber,\n AXPSettingsViewModel,\n {\n provide: AXPPageLayoutBase,\n useExisting: AXPSettingPageComponent,\n },\n ],\n host: { class: 'axp-setting-page' },\n})\nexport class AXPSettingPageComponent extends AXPPageLayoutBaseComponent {\n protected vm = inject(AXPSettingsViewModel);\n protected readonly deviceService = inject(AXPDeviceService);\n private activatedRoute = inject(ActivatedRoute);\n private unsubscribe = inject(AXUnsubscriber);\n private readonly highlightService = inject(AXHighlightService);\n private readonly hooks = inject(AXPHookService);\n\n private router = inject(Router);\n private readonly unsavedChangesConfirm = inject(AXPUnsavedChangesConfirmService);\n private readonly unsavedChangesPopstate = inject(AXPUnsavedChangesPopstateService);\n private readonly destroyRef = inject(DestroyRef);\n private readonly elementRef = inject(ElementRef);\n private readonly shortcutRegistry = inject(AXPKeyboardShortcutRegistry);\n private readonly sidebarTabs = viewChild<AXTabsComponent>('sidebarTabs');\n private sidebarTabChangeSuppressed = false;\n\n /** Syncs the line indicator when the active group changes programmatically (route load / navigation). */\n #sidebarTabsIndicatorEffect = effect(() => {\n const groups = this.vm.groups();\n const activeName = this.vm.activateGroup()?.name;\n if (!groups.length || !activeName || this.vm.isSearching()) {\n return;\n }\n\n const index = groups.findIndex((group) => group.name === activeName);\n if (index < 0) {\n return;\n }\n\n untracked(() =>\n queueMicrotask(() => {\n this.sidebarTabChangeSuppressed = true;\n try {\n this.sidebarTabs()?.select(index);\n } finally {\n this.sidebarTabChangeSuppressed = false;\n }\n }),\n );\n });\n\n #effect = effect(() => {\n if (!this.vm.isLoaded()) {\n return;\n }\n const expression = this.vm.searchExpression();\n const app = this.sessionService.application?.name;\n const scope = resolvePlatformScopeName(this.vm.scope());\n const group = this.vm.activateGroup()?.name;\n //\n if (this.vm.isSearching()) {\n this.router.navigate([app, 'settings', scope, group ?? ''], {\n queryParams: { q: expression },\n });\n setTimeout(() => {\n this.highlightService.highlight('#ax-settings', expression!);\n }, 100);\n return;\n }\n this.router.navigate([app, 'settings', scope, group ?? '']);\n this.highlightService.clear();\n });\n\n override async ngOnInit(): Promise<void> {\n await super.ngOnInit();\n\n this.registerKeyboardShortcuts();\n\n this.unsavedChangesPopstate.registerSource({\n id: 'axp-setting-page',\n isDirty: () => this.vm.isDirty(),\n });\n this.destroyRef.onDestroy(() => this.unsavedChangesPopstate.unregisterSource('axp-setting-page'));\n //\n this.router.events\n .pipe(\n this.unsubscribe.takeUntilDestroy,\n filter((event) => event instanceof NavigationEnd),\n startWith(null),\n )\n .subscribe(async () => {\n await this.loadFromRoute();\n });\n }\n\n private async loadFromRoute(): Promise<void> {\n if (this.unsavedChangesPopstate.isHandlingPopstate()) {\n return;\n }\n\n const snapshot = this.activatedRoute.snapshot;\n const routerScope = resolvePlatformScopeKey(snapshot.paramMap.get('scope')?.trim().toLowerCase()!);\n const vmScope = this.vm.scope();\n const query = snapshot.queryParamMap.get('q');\n //\n //\n if (vmScope != routerScope || !this.vm.isLoaded()) {\n await this.vm.load(routerScope);\n }\n this.vm.unloadActivateGroup();\n this.vm.clearSearch();\n //\n let group = await this.getGroupFromRoute();\n\n const activeGroup = this.vm.activateGroup()?.name;\n if (group === activeGroup && this.vm.isDirty() && !this.unsavedChangesConfirm.hasLeaveConfirmed()) {\n return;\n }\n //\n if (!group && this.deviceService.isLarge() && !this.vm.isSearching()) {\n group = this.vm.groups()?.[0]?.name;\n if (group) {\n await this.router.navigate([group], { relativeTo: this.activatedRoute, replaceUrl: true });\n }\n } else if (group) {\n await this.vm.setActivateGroupByName(group!);\n this.recompute();\n }\n if (query) {\n await this.vm.search(query);\n this.recompute();\n }\n }\n\n private async getGroupFromRoute(): Promise<string | undefined> {\n const snapshot = this.activatedRoute.snapshot;\n let group = snapshot.paramMap.get('group');\n //\n if (!group) {\n for (const childRoute of this.activatedRoute.children) {\n const params = await firstValueFrom(childRoute.paramMap.pipe(take(1)));\n group = params?.get('group');\n if (group) {\n break;\n }\n }\n }\n return group ?? undefined;\n }\n\n /**\n * `ax-tabs` selects on click before we can confirm. Revert synchronously, then confirm + navigate.\n */\n protected handleSidebarTabChanged(event: AXTabStripChangedEvent): void {\n if (this.sidebarTabChangeSuppressed) {\n return;\n }\n\n const groups = this.vm.groups();\n const target = groups[event.index];\n const activeName = this.vm.activateGroup()?.name;\n\n if (!target || target.name === activeName || this.vm.isSearching()) {\n return;\n }\n\n const activeIndex = groups.findIndex((group) => group.name === activeName);\n if (activeIndex >= 0) {\n this.sidebarTabChangeSuppressed = true;\n try {\n this.sidebarTabs()?.select(activeIndex);\n } finally {\n this.sidebarTabChangeSuppressed = false;\n }\n }\n\n void this.completeGroupSwitch(target.name);\n }\n\n protected async handleSelectGroup(item: AXPSettingDefinitionGroup) {\n if (item.name === this.vm.activateGroup()?.name) {\n return;\n }\n\n if (!(await this.confirmLeaveIfDirty())) {\n return;\n }\n\n await this.router.navigate([`${item.name}`], { relativeTo: this.activatedRoute });\n }\n\n private async completeGroupSwitch(groupName: string): Promise<void> {\n if (!(await this.confirmLeaveIfDirty())) {\n return;\n }\n\n await this.router.navigate([groupName], { relativeTo: this.activatedRoute });\n }\n\n //#region ---- Keyboard Shortcuts ----\n\n private registerKeyboardShortcuts(): void {\n const saveKeys = resolveDetailsViewFooterCommandShortcuts('update-entity');\n const discardKeys = resolveDetailsViewFooterCommandShortcuts('discard');\n const group = '@general:keyboard-shortcuts.groups.settings';\n const shortcuts: AXPKeyboardShortcutBinding[] = [];\n\n if (saveKeys?.length) {\n shortcuts.push({\n keys: saveKeys,\n title: '@general:actions.apply.title',\n group,\n allowInEditableFields: true,\n when: () => this.canExecuteSaveShortcut(),\n handler: () => {\n void this.vm.apply();\n },\n });\n }\n\n if (discardKeys?.length) {\n shortcuts.push({\n keys: discardKeys,\n title: '@general:actions.discard.title',\n group,\n allowInEditableFields: true,\n when: () => this.canExecuteDiscardShortcut(),\n handler: () => {\n void this.executeDiscardViaShortcut();\n },\n });\n }\n\n if (shortcuts.length === 0) {\n return;\n }\n\n this.shortcutRegistry.register({\n owner: this.destroyRef,\n elementRef: this.elementRef,\n id: 'settings-page-core',\n priority: AXPKeyboardShortcutPriority.Page,\n scope: group,\n shortcuts,\n });\n }\n\n private canExecuteSaveShortcut(): boolean {\n if (this.vm.isSaving() || this.vm.isBusy()) {\n return false;\n }\n return this.vm.isDirty();\n }\n\n private canExecuteDiscardShortcut(): boolean {\n if (this.vm.isSaving() || this.vm.isBusy()) {\n return false;\n }\n if (this.unsavedChangesConfirm.isConfirmPending()) {\n return false;\n }\n return this.vm.isDirty();\n }\n\n private async executeDiscardViaShortcut(): Promise<void> {\n if (!this.canExecuteDiscardShortcut()) {\n return;\n }\n\n const confirmed = await this.unsavedChangesConfirm.confirmIfDirty(true, {\n title: '@general:messages.unsaved-changes.title',\n message: '@general:messages.discard-changes.message',\n approveLeaveOnConfirm: false,\n });\n if (!confirmed) {\n return;\n }\n\n await this.vm.discard();\n }\n\n //#endregion\n\n //#region ---- Leave Page Gate ----\n\n async canDeactivate(): Promise<boolean> {\n if (this.unsavedChangesConfirm.hasLeaveConfirmed()) {\n return true;\n }\n\n return this.confirmLeaveIfDirty();\n }\n\n private shouldPromptLeave(): boolean {\n return this.vm.isDirty();\n }\n\n private confirmLeaveIfDirty(): Promise<boolean> {\n return this.unsavedChangesConfirm.confirmIfDirty(this.shouldPromptLeave());\n }\n\n //#endregion\n\n //#region ---------------- Page Configuration Overrides ----------------\n\n override async getSecondaryMenuItems(): Promise<AXPActionMenuItem[]> {\n if (!this.vm.activateGroup()) {\n return [];\n }\n\n const items: AXPActionMenuItem[] = [\n {\n title: await this.translateService.translateAsync(\n '@settings-management:settings.actions.restore-defaults.title',\n ),\n icon: 'fa-light fa-rotate-left',\n color: 'danger',\n command: { name: 'restore-defaults' },\n },\n ];\n\n const payload = await this.hooks.runAsync('settings-page.secondary-actions', { items });\n return payload.items ?? items;\n }\n\n override async getPageTitle(): Promise<string> {\n const group = this.vm.activateGroup();\n const groupHeadingKey = group?.pageTitle ?? group?.title;\n const scopeTitle = await this.translateService.translateAsync(\n '@settings-management:module.terms.scopes.' + this.vm.scopeTitle(),\n );\n if (!this.vm.isSearching()) {\n return groupHeadingKey ?? scopeTitle;\n } else {\n return this.translateService.translateAsync('@settings-management:settings.components.search.title', {\n params: { q: this.vm.searchExpression() },\n });\n }\n }\n\n override async getPageDescription(): Promise<string | null> {\n const groupDescription = this.vm.activateGroup()?.description;\n const scopeDescription = await this.translateService.translateAsync(\n '@settings-management:module.terms.scopes.' + this.vm.scopeDescription(),\n );\n if (!this.vm.isSearching()) {\n return groupDescription ?? scopeDescription;\n } else {\n return this.translateService.translateAsync('@settings-management:settings.components.search.description');\n }\n }\n\n override hasUnsavedChanges(): boolean {\n return this.vm.isDirty();\n }\n\n override async getBackButton(): Promise<AXPBackButton | null> {\n if (this.vm.activateGroup()) {\n return {\n title: await this.translateService.translateAsync(\n '@settings-management:module.terms.scopes.' + this.vm.scopeTitle(),\n ),\n };\n }\n return null;\n }\n\n override async onBackButtonClick(): Promise<void> {\n if (!(await this.confirmLeaveIfDirty())) {\n return;\n }\n\n const app = this.sessionService.application?.name;\n const scope = resolvePlatformScopeName(this.vm.scope());\n this.router.navigate([app, 'settings', scope]);\n }\n\n override async execute(command: AXPExecuteCommand): Promise<void> {\n switch (command.name) {\n case 'restore-defaults':\n await this.vm.resetToDefault();\n break;\n }\n }\n\n //#endregion\n}\n","<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\n [delayTime]=\"300\"\n [ngModel]=\"vm.searchExpression()\"\n (onValueChanged)=\"vm.search($event.value)\"\n [placeholder]=\"'@settings-management:settings.components.search.placeholder' | translate | async\"\n >\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\n #sidebarTabs\n [look]=\"'with-line-color'\"\n [location]=\"'end'\"\n [fitParent]=\"true\"\n (onActiveTabChanged)=\"handleSidebarTabChanged($event)\"\n >\n @for (item of vm.groups(); track item.name) {\n <ax-tab-item\n [key]=\"item.name\"\n [text]=\"(item.title | translate | async)!\"\n [active]=\"vm.activateGroup()?.name === item.name && !vm.isSearching()\"\n >\n <ax-prefix>\n <ax-icon icon=\"far ${{ item.icon }}\"></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=\"ax-text-gray-500\"></ax-icon>\n </axp-layout-prefix>\n <axp-layout-content>\n <a class=\"ax-font-semibold\">{{ item.title | translate | async }}</a>\n </axp-layout-content>\n <axp-layout-suffix>\n <ax-icon icon=\" far fa-chevron-right\" class=\"ax-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\n [class.ax-sm]=\"deviceService.isSmall()\"\n [disabled]=\"vm.isBusy() || vm.isSaving()\"\n [text]=\"'@general:actions.discard.title' | translate | async\"\n (onClick)=\"vm.discard()\"\n >\n </ax-button>\n <ax-button\n [class.ax-sm]=\"deviceService.isSmall()\"\n [disabled]=\"vm.isBusy() || vm.isSaving()\"\n [text]=\"'@general:actions.apply.title' | translate | async\"\n (onClick)=\"vm.apply()\"\n [color]=\"'secondary'\"\n >\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>\n"],"names":["i9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGM,MAAO,uBAAwB,SAAQ,0BAA0B,CAAA;AAvCvE,IAAA,WAAA,GAAA;;AAwCY,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACxB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACnD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;AAC3B,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC7C,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAEvC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACd,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,+BAA+B,CAAC;AAC/D,QAAA,IAAA,CAAA,sBAAsB,GAAG,MAAM,CAAC,gCAAgC,CAAC;AACjE,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,2BAA2B,CAAC;AACtD,QAAA,IAAA,CAAA,WAAW,GAAG,SAAS,CAAkB,aAAa,kFAAC;QAChE,IAAA,CAAA,0BAA0B,GAAG,KAAK;;AAG1C,QAAA,IAAA,CAAA,2BAA2B,GAAG,MAAM,CAAC,MAAK;YACxC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;YAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,IAAI;AAChD,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;gBAC1D;YACF;AAEA,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;AACpE,YAAA,IAAI,KAAK,GAAG,CAAC,EAAE;gBACb;YACF;AAEA,YAAA,SAAS,CAAC,MACR,cAAc,CAAC,MAAK;AAClB,gBAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI;AACtC,gBAAA,IAAI;oBACF,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;gBACnC;wBAAU;AACR,oBAAA,IAAI,CAAC,0BAA0B,GAAG,KAAK;gBACzC;YACF,CAAC,CAAC,CACH;AACH,QAAA,CAAC,kGAAC;AAEF,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAK;YACpB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACvB;YACF;YACA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE;YAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI;YACjD,MAAM,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;YACvD,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,IAAI;;AAE3C,YAAA,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;AACzB,gBAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;AAC1D,oBAAA,WAAW,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE;AAC/B,iBAAA,CAAC;gBACF,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,cAAc,EAAE,UAAW,CAAC;gBAC9D,CAAC,EAAE,GAAG,CAAC;gBACP;YACF;AACA,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AAC3D,YAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;AAC/B,QAAA,CAAC,8EAAC;AA2TH,IAAA;;AAvWC,IAAA,2BAA2B;AAwB3B,IAAA,OAAO;AAsBE,IAAA,MAAM,QAAQ,GAAA;AACrB,QAAA,MAAM,KAAK,CAAC,QAAQ,EAAE;QAEtB,IAAI,CAAC,yBAAyB,EAAE;AAEhC,QAAA,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC;AACzC,YAAA,EAAE,EAAE,kBAAkB;YACtB,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;AACjC,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;;QAEjG,IAAI,CAAC,MAAM,CAAC;aACT,IAAI,CACH,IAAI,CAAC,WAAW,CAAC,gBAAgB,EACjC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,aAAa,CAAC,EACjD,SAAS,CAAC,IAAI,CAAC;aAEhB,SAAS,CAAC,YAAW;AACpB,YAAA,MAAM,IAAI,CAAC,aAAa,EAAE;AAC5B,QAAA,CAAC,CAAC;IACN;AAEQ,IAAA,MAAM,aAAa,GAAA;AACzB,QAAA,IAAI,IAAI,CAAC,sBAAsB,CAAC,kBAAkB,EAAE,EAAE;YACpD;QACF;AAEA,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ;AAC7C,QAAA,MAAM,WAAW,GAAG,uBAAuB,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,EAAG,CAAC;QAClG,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAC/B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;;;AAG7C,QAAA,IAAI,OAAO,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE;YACjD,MAAM,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC;QACjC;AACA,QAAA,IAAI,CAAC,EAAE,CAAC,mBAAmB,EAAE;AAC7B,QAAA,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;;AAErB,QAAA,IAAI,KAAK,GAAG,MAAM,IAAI,CAAC,iBAAiB,EAAE;QAE1C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,IAAI;AACjD,QAAA,IAAI,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,EAAE;YACjG;QACF;;AAEA,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;AACpE,YAAA,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI;YACnC,IAAI,KAAK,EAAE;gBACT,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;YAC5F;QACF;aAAO,IAAI,KAAK,EAAE;YAChB,MAAM,IAAI,CAAC,EAAE,CAAC,sBAAsB,CAAC,KAAM,CAAC;YAC5C,IAAI,CAAC,SAAS,EAAE;QAClB;QACA,IAAI,KAAK,EAAE;YACT,MAAM,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,SAAS,EAAE;QAClB;IACF;AAEQ,IAAA,MAAM,iBAAiB,GAAA;AAC7B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ;QAC7C,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;;QAE1C,IAAI,CAAC,KAAK,EAAE;YACV,KAAK,MAAM,UAAU,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE;AACrD,gBAAA,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACtE,gBAAA,KAAK,GAAG,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;gBAC5B,IAAI,KAAK,EAAE;oBACT;gBACF;YACF;QACF;QACA,OAAO,KAAK,IAAI,SAAS;IAC3B;AAEA;;AAEG;AACO,IAAA,uBAAuB,CAAC,KAA6B,EAAA;AAC7D,QAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC;QACF;QAEA,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;QAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;QAClC,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,IAAI;AAEhD,QAAA,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;YAClE;QACF;AAEA,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;AAC1E,QAAA,IAAI,WAAW,IAAI,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI;AACtC,YAAA,IAAI;gBACF,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;YACzC;oBAAU;AACR,gBAAA,IAAI,CAAC,0BAA0B,GAAG,KAAK;YACzC;QACF;QAEA,KAAK,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C;IAEU,MAAM,iBAAiB,CAAC,IAA+B,EAAA;AAC/D,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE;YAC/C;QACF;QAEA,IAAI,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE;YACvC;QACF;QAEA,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IACnF;IAEQ,MAAM,mBAAmB,CAAC,SAAiB,EAAA;QACjD,IAAI,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE;YACvC;QACF;AAEA,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IAC9E;;IAIQ,yBAAyB,GAAA;AAC/B,QAAA,MAAM,QAAQ,GAAG,wCAAwC,CAAC,eAAe,CAAC;AAC1E,QAAA,MAAM,WAAW,GAAG,wCAAwC,CAAC,SAAS,CAAC;QACvE,MAAM,KAAK,GAAG,6CAA6C;QAC3D,MAAM,SAAS,GAAiC,EAAE;AAElD,QAAA,IAAI,QAAQ,EAAE,MAAM,EAAE;YACpB,SAAS,CAAC,IAAI,CAAC;AACb,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,KAAK,EAAE,8BAA8B;gBACrC,KAAK;AACL,gBAAA,qBAAqB,EAAE,IAAI;AAC3B,gBAAA,IAAI,EAAE,MAAM,IAAI,CAAC,sBAAsB,EAAE;gBACzC,OAAO,EAAE,MAAK;AACZ,oBAAA,KAAK,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;gBACtB,CAAC;AACF,aAAA,CAAC;QACJ;AAEA,QAAA,IAAI,WAAW,EAAE,MAAM,EAAE;YACvB,SAAS,CAAC,IAAI,CAAC;AACb,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,KAAK,EAAE,gCAAgC;gBACvC,KAAK;AACL,gBAAA,qBAAqB,EAAE,IAAI;AAC3B,gBAAA,IAAI,EAAE,MAAM,IAAI,CAAC,yBAAyB,EAAE;gBAC5C,OAAO,EAAE,MAAK;AACZ,oBAAA,KAAK,IAAI,CAAC,yBAAyB,EAAE;gBACvC,CAAC;AACF,aAAA,CAAC;QACJ;AAEA,QAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B;QACF;AAEA,QAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;YAC7B,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,YAAA,EAAE,EAAE,oBAAoB;YACxB,QAAQ,EAAE,2BAA2B,CAAC,IAAI;AAC1C,YAAA,KAAK,EAAE,KAAK;YACZ,SAAS;AACV,SAAA,CAAC;IACJ;IAEQ,sBAAsB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE;AAC1C,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;IAC1B;IAEQ,yBAAyB,GAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE;AAC1C,YAAA,OAAO,KAAK;QACd;AACA,QAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,EAAE;AACjD,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;IAC1B;AAEQ,IAAA,MAAM,yBAAyB,GAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE;YACrC;QACF;QAEA,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,EAAE;AACtE,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,OAAO,EAAE,2CAA2C;AACpD,YAAA,qBAAqB,EAAE,KAAK;AAC7B,SAAA,CAAC;QACF,IAAI,CAAC,SAAS,EAAE;YACd;QACF;AAEA,QAAA,MAAM,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;IACzB;;;AAMA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,EAAE;AAClD,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;IACnC;IAEQ,iBAAiB,GAAA;AACvB,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;IAC1B;IAEQ,mBAAmB,GAAA;QACzB,OAAO,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC5E;;;AAMS,IAAA,MAAM,qBAAqB,GAAA;QAClC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE;AAC5B,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,MAAM,KAAK,GAAwB;AACjC,YAAA;gBACE,KAAK,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAC/C,8DAA8D,CAC/D;AACD,gBAAA,IAAI,EAAE,yBAAyB;AAC/B,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;AACtC,aAAA;SACF;AAED,QAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,CAAC;AACvF,QAAA,OAAO,OAAO,CAAC,KAAK,IAAI,KAAK;IAC/B;AAES,IAAA,MAAM,YAAY,GAAA;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;QACrC,MAAM,eAAe,GAAG,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,KAAK;AACxD,QAAA,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAC3D,2CAA2C,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CACnE;QACD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;YAC1B,OAAO,eAAe,IAAI,UAAU;QACtC;aAAO;AACL,YAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,uDAAuD,EAAE;gBACnG,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,EAAE;AAC1C,aAAA,CAAC;QACJ;IACF;AAES,IAAA,MAAM,kBAAkB,GAAA;QAC/B,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,WAAW;AAC7D,QAAA,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CACjE,2CAA2C,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CACzE;QACD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;YAC1B,OAAO,gBAAgB,IAAI,gBAAgB;QAC7C;aAAO;YACL,OAAO,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,6DAA6D,CAAC;QAC5G;IACF;IAES,iBAAiB,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;IAC1B;AAES,IAAA,MAAM,aAAa,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE;YAC3B,OAAO;AACL,gBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAC/C,2CAA2C,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CACnE;aACF;QACH;AACA,QAAA,OAAO,IAAI;IACb;AAES,IAAA,MAAM,iBAAiB,GAAA;QAC9B,IAAI,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE;YACvC;QACF;QAEA,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI;QACjD,MAAM,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;AACvD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAChD;IAES,MAAM,OAAO,CAAC,OAA0B,EAAA;AAC/C,QAAA,QAAQ,OAAO,CAAC,IAAI;AAClB,YAAA,KAAK,kBAAkB;AACrB,gBAAA,MAAM,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE;gBAC9B;;IAEN;8GAtXW,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,SAAA,EAVvB;YACT,cAAc;YACd,oBAAoB;AACpB,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,uBAAuB;AACrC,aAAA;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/FH,+pGAyFA,EAAA,MAAA,EAAA,CAAA,woGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3BI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,8VACX,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEZ,gBAAA,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,mBAAmB,8BACnB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,8KACf,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBAEtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,4BAA4B,EAAA,QAAA,EAAA,qfAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC5B,2BAA2B,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC3B,+BAA+B,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC/B,8BAA8B,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,6BAA6B,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC7B,gCAAgC,EAAA,QAAA,EAAA,mDAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAgBvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAvCnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,WAAW;wBACX,YAAY;;wBAEZ,iBAAiB;wBACjB,iBAAiB;wBACjB,mBAAmB;wBACnB,mBAAmB;wBACnB,cAAc;wBACd,YAAY;wBACZ,aAAa;wBACb,eAAe;wBACf,sBAAsB;;wBAEtB,sBAAsB;wBACtB,4BAA4B;wBAC5B,2BAA2B;wBAC3B,+BAA+B;wBAC/B,8BAA8B;wBAC9B,6BAA6B;wBAC7B,gCAAgC;AACjC,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B;wBACT,cAAc;wBACd,oBAAoB;AACpB,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,uBAAyB;AACrC,yBAAA;AACF,qBAAA,EAAA,IAAA,EACK,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAA,QAAA,EAAA,+pGAAA,EAAA,MAAA,EAAA,CAAA,woGAAA,CAAA,EAAA;yEAgBuB,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;;;"}

package/fesm2022/{acorex-modules-settings-management-setting-view.component-BQ69Bx8C.mjs → acorex-modules-settings-management-setting-view.component-DIvERzMC.mjs} RENAMED Viewed

@@ -17,33 +17,81 @@ import { AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemeLa
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, viewChild, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { get } from 'lodash-es';
-import { A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-Dj9u0VEL.mjs';
+import { A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-O8kBegUF.mjs';
 class AXPSettingsViewComponent {
     constructor() {
         this.vm = inject(AXPSettingsViewModel);
         this.form = viewChild(AXFormComponent, ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
         this.container = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
-        /** No-op grid layout when a setting has no custom `layout`. */
         this.neutralGridLayout = { positions: {} };
-        this.#effect1 = effect(() => {
+        this.#registerFormEffect = effect(() => {
+            const formRef = this.form();
+            if (formRef) {
+                this.vm.registerForm(formRef);
+            }
+        }, ...(ngDevMode ? [{ debugName: "#registerFormEffect" }] : /* istanbul ignore next */ []));
+        this.#statusEffect = effect(() => {
             this.container()?.builderService.setStatus(this.vm.status());
-        }, ...(ngDevMode ? [{ debugName: "#effect1" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "#statusEffect" }] : /* istanbul ignore next */ []));
+        this.#formDirtyEffect = effect(() => {
+            if (this.vm.syncingBaseline()) {
+                return;
+            }
+            const container = this.container();
+            const isDirty = container?.isFormDirty() ?? false;
+            if (this.vm.formDirty() === isDirty) {
+                return;
+            }
+            untracked(() => this.vm.setFormDirty(isDirty));
+        }, ...(ngDevMode ? [{ debugName: "#formDirtyEffect" }] : /* istanbul ignore next */ []));
+        this.#applySyncEffect = effect(() => {
+            const nonce = this.vm.applySyncNonce();
+            if (nonce === 0) {
+                return;
+            }
+            const container = this.container();
+            untracked(async () => {
+                this.vm.setSyncingBaseline(true);
+                try {
+                    if (container) {
+                        await container.replaceContext(this.vm.context());
+                        this.vm.applySavedState(container.contextService.data());
+                    }
+                    else {
+                        this.vm.setFormDirty(false);
+                    }
+                }
+                finally {
+                    this.vm.setSyncingBaseline(false);
+                }
+            });
+        }, ...(ngDevMode ? [{ debugName: "#applySyncEffect" }] : /* istanbul ignore next */ []));
+        this.#discardSyncEffect = effect(() => {
+            const nonce = this.vm.discardSyncNonce();
+            if (nonce === 0) {
+                return;
+            }
+            const container = this.container();
+            if (!container) {
+                return;
+            }
+            untracked(() => {
+                container.revertAndSettle();
+                this.vm.applySavedState(container.contextService.data());
+            });
+        }, ...(ngDevMode ? [{ debugName: "#discardSyncEffect" }] : /* istanbul ignore next */ []));
     }
-    ngOnInit() {
-        this.vm.registerForm(this.form());
-    }
-    #effect1;
+    #registerFormEffect;
+    #statusEffect;
+    #formDirtyEffect;
+    #applySyncEffect;
+    #discardSyncEffect;
     handleContextChanged(e) {
-        if (e.state == 'initiated') {
-            this.vm.updatePreviousContext(e.data);
-        }
-        else {
-            this.vm.updateContext(e.data);
-        }
+        this.vm.updateContext(e.data);
     }
     /** Side-by-side settings row with wider control column (`layout.positions` without `stacked`). */
     hasWideControlLayout(layout) {
@@ -107,11 +155,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPThemeLayoutBlockComponent,
                         AXPThemeLayoutHeaderComponent,
                         AXPThemeLayoutSectionComponent,
-                        AXPGridLayoutDirective
+                        AXPGridLayoutDirective,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'ax-w-full',
                     }, template: "<ax-form>\n  <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChanged($event)\" *translate=\"let t\">\n    @if (vm.isSearching() && vm.searchResults()!.length > 0) {\n      <!-- Search Result -->\n      @for (group of vm.searchResults(); track group.name; let first = $first) {\n        <p class=\"ax-text-lg md:ax-text-xl ax-font-semibold ax-py-3 ax-text-neutral-500\" [class.ax-pt-0]=\"first\">\n          {{ group.title | translate | async }}\n        </p>\n        <axp-layout-sections>\n          @for (section of group.sections; track section.name) {\n            <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n          }\n        </axp-layout-sections>\n      }\n    }\n    <!-- Not Found -->\n    @else if (vm.isSearching() && vm.searchResults()!.length === 0) {\n      <div class=\"ax-p-2\">\n        <div\n          class=\"ax-mt-3 ax-flex ax-flex-col ax-justify-center ax-h-[calc(100vh-236px)] ax-items-center ax-p-10 ax-gap-10\"\n        >\n          <p class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">\n            {{ '@settings-management:settings.components.search.empty-states.not-found.title' | translate | async }}\n          </p>\n        </div>\n      </div>\n    }\n    <!-- Group -->\n    @else if (vm.activateGroup()?.sections) {\n      <axp-layout-sections>\n        @for (section of vm.activateGroup()?.sections; track section.name) {\n          <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n        }\n      </axp-layout-sections>\n    }\n    <ng-template #sectionTpl let-section=\"section\">\n      <axp-layout-section>\n        <axp-layout-header>\n          <axp-layout-title>\n            {{ section.title | translate | async }}\n          </axp-layout-title>\n          @if (section.description) {\n            <axp-layout-description>\n              {{ section.description | translate | async }}\n            </axp-layout-description>\n          }\n        </axp-layout-header>\n        <axp-layout-content>\n          <!-- Settings Item -->\n          @for (j of section.settings; track j.name) {\n            @if (isSettingRowVisible(j)) {\n              <div\n                class=\"--item-container\"\n                [class.--wide-control]=\"hasWideControlLayout(j.layout)\"\n                [class.--stacked-control]=\"j.layout?.stacked === true\"\n              >\n                <div class=\"--item-label\">\n                  @if (j.title) {\n                    <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n                  }\n                  @if (j.description) {\n                    <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n                  }\n                </div>\n                <ax-form-field\n                  class=\"--item-control\"\n                  [axp-grid-layout]=\"gridLayoutForSetting(j.layout)\"\n                >\n                  <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\">\n                  </ng-container>\n                </ax-form-field>\n              </div>\n            }\n          }\n        </axp-layout-content>\n      </axp-layout-section>\n    </ng-template>\n  </axp-widgets-container>\n</ax-form>\n" }]
         }], propDecorators: { form: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXFormComponent), { isSignal: true }] }], container: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPWidgetContainerComponent), { isSignal: true }] }] } });
 export { AXPSettingsViewComponent };
-//# sourceMappingURL=acorex-modules-settings-management-setting-view.component-BQ69Bx8C.mjs.map
+//# sourceMappingURL=acorex-modules-settings-management-setting-view.component-DIvERzMC.mjs.map

package/fesm2022/acorex-modules-settings-management-setting-view.component-DIvERzMC.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-modules-settings-management-setting-view.component-DIvERzMC.mjs","sources":["../../../../libs/modules/settings-management/src/lib/features/settings/setting-view/setting-view.component.ts","../../../../libs/modules/settings-management/src/lib/features/settings/setting-view/setting-view.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPContextChangeEvent, AXPGridLayoutDirective, AXPGridLayoutOptions } from '@acorex/platform/core';\nimport { AXPSettingDefinition, AXPSettingLayoutOptions } from '@acorex/platform/common';\nimport { AXPWidgetCoreModule, AXPWidgetContainerComponent } from '@acorex/platform/layout/widget-core';\nimport {\n AXPThemeLayoutBlockComponent,\n AXPThemeLayoutHeaderComponent,\n AXPThemeLayoutSectionComponent,\n} from '@acorex/platform/layout/components';\nimport { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n effect,\n inject,\n untracked,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { get } from 'lodash-es';\nimport { AXPSettingsViewModel } from '../settings.viewmodel';\n\n@Component({\n templateUrl: 'setting-view.component.html',\n imports: [\n CommonModule,\n FormsModule,\n //\n AXDecoratorModule,\n AXBreadcrumbsModule,\n AXButtonModule,\n AXBadgeModule,\n AXTranslationModule,\n AXSearchBoxModule,\n AXDropdownButtonModule,\n AXLoadingModule,\n AXFormModule,\n AXValidationModule,\n //\n AXPWidgetCoreModule,\n AXPThemeLayoutBlockComponent,\n AXPThemeLayoutHeaderComponent,\n AXPThemeLayoutSectionComponent,\n AXPGridLayoutDirective,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'ax-w-full',\n },\n})\nexport class AXPSettingsViewComponent {\n protected vm = inject(AXPSettingsViewModel);\n private form = viewChild(AXFormComponent);\n private container = viewChild(AXPWidgetContainerComponent);\n\n protected readonly neutralGridLayout: AXPGridLayoutOptions = { positions: {} };\n\n #registerFormEffect = effect(() => {\n const formRef = this.form();\n if (formRef) {\n this.vm.registerForm(formRef);\n }\n });\n\n #statusEffect = effect(() => {\n this.container()?.builderService.setStatus(this.vm.status());\n });\n\n #formDirtyEffect = effect(() => {\n if (this.vm.syncingBaseline()) {\n return;\n }\n\n const container = this.container();\n const isDirty = container?.isFormDirty() ?? false;\n if (this.vm.formDirty() === isDirty) {\n return;\n }\n untracked(() => this.vm.setFormDirty(isDirty));\n });\n\n #applySyncEffect = effect(() => {\n const nonce = this.vm.applySyncNonce();\n if (nonce === 0) {\n return;\n }\n\n const container = this.container();\n\n untracked(async () => {\n this.vm.setSyncingBaseline(true);\n try {\n if (container) {\n await container.replaceContext(this.vm.context());\n this.vm.applySavedState(container.contextService.data() as Record<string, unknown>);\n } else {\n this.vm.setFormDirty(false);\n }\n } finally {\n this.vm.setSyncingBaseline(false);\n }\n });\n });\n\n #discardSyncEffect = effect(() => {\n const nonce = this.vm.discardSyncNonce();\n if (nonce === 0) {\n return;\n }\n\n const container = this.container();\n if (!container) {\n return;\n }\n\n untracked(() => {\n container.revertAndSettle();\n this.vm.applySavedState(container.contextService.data() as Record<string, unknown>);\n });\n });\n\n protected handleContextChanged(e: AXPContextChangeEvent) {\n this.vm.updateContext(e.data);\n }\n\n /** Side-by-side settings row with wider control column (`layout.positions` without `stacked`). */\n protected hasWideControlLayout(layout?: AXPSettingLayoutOptions): boolean {\n return !!layout?.positions && layout.stacked !== true;\n }\n\n /** Grid placement only; omits settings-specific layout flags. */\n protected gridLayoutForSetting(layout?: AXPSettingLayoutOptions): AXPGridLayoutOptions {\n return layout?.positions ? { positions: layout.positions } : this.neutralGridLayout;\n }\n\n /** Whether a setting row should be rendered (supports `widget.options.visibility` expressions). */\n protected isSettingRowVisible(setting: AXPSettingDefinition): boolean {\n const visibility = setting.widget.options?.['visibility'];\n if (visibility == null) {\n return true;\n }\n if (typeof visibility === 'boolean') {\n return visibility;\n }\n if (typeof visibility === 'string') {\n return this.evaluateSettingVisibility(visibility);\n }\n return true;\n }\n\n private evaluateSettingVisibility(expression: string): boolean {\n const context = this.vm.context();\n const notEqualMatch = expression.match(/context\\.eval\$'([^']+)'\$\\s*!==\\s*'([^']+)'/);\n if (notEqualMatch) {\n return get(context, notEqualMatch[1]) !== notEqualMatch[2];\n }\n const evalMatch = expression.match(/context\\.eval\$'([^']+)'\$/);\n if (evalMatch) {\n return Boolean(get(context, evalMatch[1]));\n }\n return true;\n }\n}\n","<ax-form>\n <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChanged($event)\" *translate=\"let t\">\n @if (vm.isSearching() && vm.searchResults()!.length > 0) {\n \n @for (group of vm.searchResults(); track group.name; let first = $first) {\n <p class=\"ax-text-lg md:ax-text-xl ax-font-semibold ax-py-3 ax-text-neutral-500\" [class.ax-pt-0]=\"first\">\n {{ group.title | translate | async }}\n </p>\n <axp-layout-sections>\n @for (section of group.sections; track section.name) {\n <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n }\n </axp-layout-sections>\n }\n }\n \n @else if (vm.isSearching() && vm.searchResults()!.length === 0) {\n <div class=\"ax-p-2\">\n <div\n class=\"ax-mt-3 ax-flex ax-flex-col ax-justify-center ax-h-[calc(100vh-236px)] ax-items-center ax-p-10 ax-gap-10\"\n >\n <p class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">\n {{ '@settings-management:settings.components.search.empty-states.not-found.title' | translate | async }}\n </p>\n </div>\n </div>\n }\n \n @else if (vm.activateGroup()?.sections) {\n <axp-layout-sections>\n @for (section of vm.activateGroup()?.sections; track section.name) {\n <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n }\n </axp-layout-sections>\n }\n <ng-template #sectionTpl let-section=\"section\">\n <axp-layout-section>\n <axp-layout-header>\n <axp-layout-title>\n {{ section.title | translate | async }}\n </axp-layout-title>\n @if (section.description) {\n <axp-layout-description>\n {{ section.description | translate | async }}\n </axp-layout-description>\n }\n </axp-layout-header>\n <axp-layout-content>\n \n @for (j of section.settings; track j.name) {\n @if (isSettingRowVisible(j)) {\n <div\n class=\"--item-container\"\n [class.--wide-control]=\"hasWideControlLayout(j.layout)\"\n [class.--stacked-control]=\"j.layout?.stacked === true\"\n >\n <div class=\"--item-label\">\n @if (j.title) {\n <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n }\n @if (j.description) {\n <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n }\n </div>\n <ax-form-field\n class=\"--item-control\"\n [axp-grid-layout]=\"gridLayoutForSetting(j.layout)\"\n >\n <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\">\n </ng-container>\n </ax-form-field>\n </div>\n }\n }\n </axp-layout-content>\n </axp-layout-section>\n </ng-template>\n </axp-widgets-container>\n</ax-form>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-modules-settings-management.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-export { b as AXMSettingsManagementModule, a as AXMSettingsManagementPermissionKeys, A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-Dj9u0VEL.mjs';
+export { b as AXMSettingsManagementModule, a as AXMSettingsManagementPermissionKeys, A as AXPSettingsViewModel } from './acorex-modules-settings-management-acorex-modules-settings-management-O8kBegUF.mjs';
 //# sourceMappingURL=acorex-modules-settings-management.mjs.map

package/fesm2022/acorex-modules-subscription-management.mjs CHANGED Viewed

@@ -326,7 +326,7 @@ async function subscriptionEntityFactory(injector) {
             individual: RootConfig.entities.subscription.title,
             plural: RootConfig.entities.subscription.titlePlural,
             searchResult: {
-                title: '{{ title }} - {{ subscriber.title }}',
+                title: '{{ context.eval("title") + " - " + context.eval("subscriber.title") }}',
                 description: '{{ description }}',
             },
         },
@@ -1222,7 +1222,7 @@ async function subscriptionPlanItemEntityFactory(injector) {
                     ],
                 },
                 single: {
-                    title: '{{ edition.title }} - {{ plan.title }}',
+                    title: '{{ context.eval("edition.title") + " - " + context.eval("plan.title") }}',
                     sections: [
                         { id: 'basic-info', layout: { positions: { lg: { colSpan: 12 } } } },
                     ],