@acorex/modules 19.3.2 → 19.3.3-next.0

package/fesm2022/acorex-modules-settings-management-setting-view.component-B_6RIU9e.mjs

@@ -0,0 +1,103 @@
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i3 from '@acorex/components/form';
+import { AXFormComponent, AXFormModule } from '@acorex/components/form';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXPGridLayoutDirective } from '@acorex/platform/common';
+import * as i4 from '@acorex/platform/layout/builder';
+import { AXPWidgetContainerComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXPLayoutThemeService, AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutSectionComponent } from '@acorex/platform/themes/shared';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injector, viewChild, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXPSettingsViewModel } from './acorex-modules-settings-management.mjs';
+
+class AXPSettingsViewComponent {
+    constructor() {
+        this.vm = inject(AXPSettingsViewModel);
+        this.injector = inject(Injector);
+        this.layoutService = inject(AXPLayoutThemeService);
+        this.form = viewChild(AXFormComponent);
+        this.container = viewChild(AXPWidgetContainerComponent);
+        this.defaultLayout = computed(() => {
+            return {
+                positions: {
+                    default: {
+                        colSpan: 12,
+                    },
+                    md: {
+                        colSpan: 8,
+                    },
+                    lg: {
+                        colSpan: 6,
+                    },
+                    xl: {
+                        colSpan: this.layoutService.isSideMenuOpen() ? 5 : 4,
+                    },
+                    xxl: {
+                        colSpan: 4,
+                    },
+                },
+            };
+        });
+        this.#effect1 = effect(() => {
+            this.container()?.builderService.setStatus(this.vm.status());
+        });
+    }
+    ngOnInit() {
+        this.vm.registerForm(this.form());
+    }
+    #effect1;
+    handleContextChanged(e) {
+        if (e.state == 'initiated') {
+            this.vm.updatePreviousContext(e.data);
+        }
+        else {
+            this.vm.updateContext(e.data);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPSettingsViewComponent, isStandalone: true, selector: "ng-component", host: { classAttribute: "ax-w-full" }, viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, 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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></ng-container>\n      }\n    </axp-layout-sections>\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        <p class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">\n          {{ t('search.not-found', { scope: 'settings' }) | 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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></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          <div class=\"--item-container\" [class.!ax-hidden]=\"widget.options()['visibility'] == false\">\n            <!-- Title and Description Section -->\n            <div class=\"ax-col-span-12 md:ax-col-span-4 lg:ax-col-span-4 2xl:ax-col-span-3 \">\n              @if(j.title) {\n              <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n              } @if(j.description) {\n              <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n              }\n            </div>\n            <ax-form-field class=\"ax-flex ax-w-full\" [gridLayout]=\"j.layout ?? defaultLayout()\">\n              <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\" #widget=\"widgetRenderer\">\n              </ng-container>\n            </ax-form-field>\n          </div>\n          }\n        </axp-layout-content>\n      </axp-layout-section>\n    </ng-template>\n  </axp-widgets-container>\n</ax-form>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: 
+                //
+                AXDecoratorModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: 
+                //
+                AXPLayoutBuilderModule }, { kind: "component", type: i4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer,    axp-page-header,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-container,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutSectionComponent, selector: "axp-layout-section" }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[gridLayout]", inputs: ["gridLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingsViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        //
+                        AXDecoratorModule,
+                        AXBreadcrumbsModule,
+                        AXButtonModule,
+                        AXBadgeModule,
+                        AXTranslationModule,
+                        AXSearchBoxModule,
+                        AXDropdownButtonModule,
+                        AXLoadingModule,
+                        AXFormModule,
+                        AXValidationModule,
+                        //
+                        AXPLayoutBuilderModule,
+                        AXPThemeLayoutBlockComponent,
+                        AXPThemeLayoutHeaderComponent,
+                        AXPThemeLayoutSectionComponent,
+                        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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></ng-container>\n      }\n    </axp-layout-sections>\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        <p class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">\n          {{ t('search.not-found', { scope: 'settings' }) | 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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></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          <div class=\"--item-container\" [class.!ax-hidden]=\"widget.options()['visibility'] == false\">\n            <!-- Title and Description Section -->\n            <div class=\"ax-col-span-12 md:ax-col-span-4 lg:ax-col-span-4 2xl:ax-col-span-3 \">\n              @if(j.title) {\n              <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n              } @if(j.description) {\n              <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n              }\n            </div>\n            <ax-form-field class=\"ax-flex ax-w-full\" [gridLayout]=\"j.layout ?? defaultLayout()\">\n              <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\" #widget=\"widgetRenderer\">\n              </ng-container>\n            </ax-form-field>\n          </div>\n          }\n        </axp-layout-content>\n      </axp-layout-section>\n    </ng-template>\n  </axp-widgets-container>\n</ax-form>" }]
+        }] });
+
+export { AXPSettingsViewComponent };
+//# sourceMappingURL=acorex-modules-settings-management-setting-view.component-B_6RIU9e.mjs.map

package/fesm2022/acorex-modules-settings-management-setting-view.component-B_6RIU9e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-settings-management-setting-view.component-B_6RIU9e.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 { AXPGridLayoutDirective } from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule, AXPLayoutContextChangeEvent, AXPWidgetContainerComponent } from '@acorex/platform/layout/builder';\nimport {\n  AXPLayoutThemeService,\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutHeaderComponent,\n  AXPThemeLayoutSectionComponent,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  Injector,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\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    AXPLayoutBuilderModule,\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  protected injector = inject(Injector);\n  protected layoutService = inject(AXPLayoutThemeService);\n  private form = viewChild(AXFormComponent);\n  private container = viewChild(AXPWidgetContainerComponent);\n\n  protected defaultLayout = computed(() => {\n    return {\n      positions: {\n        default: {\n          colSpan: 12,\n        },\n        md: {\n          colSpan: 8,\n        },\n        lg: {\n          colSpan: 6,\n        },\n        xl: {\n          colSpan: this.layoutService.isSideMenuOpen() ? 5 : 4,\n        },\n        xxl: {\n          colSpan: 4,\n        },\n      },\n    };\n  });\n\n  ngOnInit(): void {\n    this.vm.registerForm(this.form()!);\n  }\n\n  #effect1 = effect(() => {\n    this.container()?.builderService.setStatus(this.vm.status());\n  });\n\n\n  protected handleContextChanged(e: AXPLayoutContextChangeEvent) {\n    if (e.state == 'initiated') {\n      this.vm.updatePreviousContext(e.data);\n    } else {\n      this.vm.updateContext(e.data);\n    }\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    <!-- 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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></ng-container>\n      }\n    </axp-layout-sections>\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        <p class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">\n          {{ t('search.not-found', { scope: 'settings' }) | 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 }\"\n        [ngTemplateOutletInjector]=\"injector\"></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          <div class=\"--item-container\" [class.!ax-hidden]=\"widget.options()['visibility'] == false\">\n            <!-- Title and Description Section -->\n            <div class=\"ax-col-span-12 md:ax-col-span-4 lg:ax-col-span-4 2xl:ax-col-span-3 \">\n              @if(j.title) {\n              <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n              } @if(j.description) {\n              <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n              }\n            </div>\n            <ax-form-field class=\"ax-flex ax-w-full\" [gridLayout]=\"j.layout ?? defaultLayout()\">\n              <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\" #widget=\"widgetRenderer\">\n              </ng-container>\n            </ax-form-field>\n          </div>\n          }\n        </axp-layout-content>\n      </axp-layout-section>\n    </ng-template>\n  </axp-widgets-container>\n</ax-form>"],"names":["i2"],"mappings":"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"}

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

@@ -0,0 +1,442 @@
+import { AXPSettingDefinitionProviderService, AXPSettingService, AXP_SEARCH_PROVIDER, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import { AXPPageStatus } from '@acorex/platform/layout/builder';
+import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
+import * as i0 from '@angular/core';
+import { computed, inject, NgModule } from '@angular/core';
+import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
+import { get, isEqual, isNil, isEmpty, sortBy } from 'lodash-es';
+import { filter, merge } from 'rxjs';
+import { AXToastService } from '@acorex/components/toast';
+import { AXTranslationService } from '@acorex/core/translation';
+import * as i1 from '@acorex/platform/core';
+import { resolvePlatformScopeName, AXPPlatformScope } from '@acorex/platform/core';
+import { AXLocaleService } from '@acorex/core/locale';
+import { ROUTES } from '@angular/router';
+import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
+
+function searchSettings(groups, search) {
+    const sectionMatchResult = [];
+    const settingMatchResult = [];
+    const processedGroups = new Set();
+    const createGroupIdentifier = (group) => `${group.name}-${group.title}`;
+    const addGroupToResult = (group, sections, resultArray) => {
+        const groupId = createGroupIdentifier(group);
+        if (!processedGroups.has(groupId)) {
+            resultArray.push({
+                ...group,
+                sections,
+                groups: [], // Exclude nested groups
+            });
+            processedGroups.add(groupId);
+        }
+    };
+    const processSections = (group, filterFn) => {
+        const matchedSections = group.sections.filter(filterFn);
+        if (matchedSections.length > 0) {
+            addGroupToResult(group, matchedSections, sectionMatchResult);
+        }
+    };
+    const processSettings = (group, filterFn) => {
+        const matchedSections = group.sections
+            .map(filterFn)
+            .filter((section) => section !== null);
+        if (matchedSections.length > 0) {
+            addGroupToResult(group, matchedSections, settingMatchResult);
+        }
+    };
+    const sectionMatches = (section) => section.name.toLowerCase().includes(search.toLowerCase()) ||
+        section.title.toLowerCase().includes(search.toLowerCase());
+    const filterSettings = (section) => {
+        const matchedSettings = section.settings.filter((setting) => setting.name.toLowerCase().includes(search.toLowerCase()) ||
+            setting.title.toLowerCase().includes(search.toLowerCase()));
+        return matchedSettings.length > 0 ? { ...section, settings: matchedSettings } : null;
+    };
+    const processGroupRecursively = (group) => {
+        processSections(group, sectionMatches); // Match sections with all settings
+        processSettings(group, filterSettings); // Match settings within sections
+        group.groups.forEach(processGroupRecursively); // Recurse into nested groups
+    };
+    groups.forEach(processGroupRecursively);
+    return [...sectionMatchResult, ...settingMatchResult];
+}
+
+const AXPSettingsViewModel = signalStore(withState(() => ({
+    groups: [],
+    activateGroup: undefined,
+    scope: 'U',
+    //
+    searchExpression: null,
+    //
+    previousContext: {},
+    context: {},
+    //
+    status: AXPPageStatus.Processing,
+    form: null,
+})), withComputed((store, layout = inject(AXPLayoutThemeService)) => ({
+    searchResults: computed(() => searchSettings(store.groups(), store.searchExpression())),
+    hasActivateGroup: computed(() => store.activateGroup() != null),
+    showGroups: computed(() => store.activateGroup() != null && layout.isLarge()),
+    scopeTitle: computed(() => {
+        return `${resolvePlatformScopeName(store.scope())}.title`;
+    }),
+    scopeDescription: computed(() => {
+        return `${resolvePlatformScopeName(store.scope())}.description`;
+    }),
+    isSearching: computed(() => store.searchExpression() != null),
+    isBusy: computed(() => store.status() == AXPPageStatus.Processing),
+    isSaving: computed(() => store.status() == AXPPageStatus.Submitting),
+    isLoaded: computed(() => store.groups().length > 0),
+})), withMethods((store, settingDefinitionService = inject(AXPSettingDefinitionProviderService), settingValueService = inject(AXPSettingService), toastService = inject(AXToastService), translateService = inject(AXTranslationService)) => ({
+    registerForm(form) {
+        patchState(store, {
+            form: form,
+        });
+    },
+    async load(scope) {
+        patchState(store, {
+            scope: scope,
+            status: AXPPageStatus.Processing,
+        });
+        //
+        const groups = await settingDefinitionService.getListAsync(scope);
+        patchState(store, {
+            groups: groups,
+        });
+        const currentContext = await settingValueService.scope(scope).all();
+        const defaults = await settingValueService.scope(scope).defaultValues();
+        patchState(store, {
+            context: { ...defaults, ...currentContext },
+        });
+        patchState(store, {
+            previousContext: store.context(),
+            status: AXPPageStatus.Rendered,
+        });
+    },
+    async reload() {
+        await settingDefinitionService.reload();
+        const groups = await settingDefinitionService.getListAsync(store.scope());
+        const oldActivateGroupName = store.activateGroup()?.name;
+        patchState(store, {
+            groups: groups,
+            activateGroup: undefined,
+        });
+        if (oldActivateGroupName) {
+            this.setActivateGroupByName(oldActivateGroupName);
+        }
+    },
+    updateContext(context) {
+        patchState(store, {
+            context: { ...store.context(), ...context },
+        });
+    },
+    updatePreviousContext(context) {
+        patchState(store, {
+            previousContext: { ...store.previousContext(), ...context },
+        });
+    },
+    setActivateGroup(group) {
+        patchState(store, {
+            activateGroup: group,
+        });
+    },
+    unloadActivateGroup() {
+        patchState(store, {
+            activateGroup: undefined,
+        });
+    },
+    setActivateGroupByName(name) {
+        const group = store.groups().find(g => g.name === name);
+        if (group) {
+            patchState(store, {
+                activateGroup: group,
+            });
+        }
+    },
+    //
+    async search(expression) {
+        if (!isNil(expression) && !isEmpty(expression)) {
+            patchState(store, {
+                searchExpression: expression,
+            });
+        }
+        else {
+            patchState(store, {
+                searchExpression: null,
+            });
+        }
+    },
+    clearSearch() {
+        patchState(store, {
+            searchExpression: null,
+        });
+    },
+    isDirty() {
+        return store.groups()?.some((group) => group.sections.some((sec) => sec.settings.some((setting) => {
+            const currentValue = get(store.context(), setting.name);
+            const previousValue = get(store.previousContext(), setting.name);
+            return !isEqual(currentValue, previousValue);
+        }))) || false;
+    },
+    async apply() {
+        const i18nScope = "settings";
+        try {
+            if (await store.form() && this.isDirty()) {
+                const form = store.form();
+                form.resetErrors();
+                //
+                patchState(store, {
+                    status: AXPPageStatus.Submitting,
+                });
+                const formResult = await form.validate();
+                if (!formResult.result) {
+                    toastService.show({
+                        color: 'danger',
+                        title: await translateService.translateAsync('actions.apply.invalid.title', { scope: i18nScope }),
+                        content: await translateService.translateAsync('actions.apply.invalid.message', { scope: i18nScope }),
+                        location: 'bottom-center',
+                        closeButton: true,
+                        timeOut: 3000,
+                        timeOutProgress: true,
+                    });
+                    patchState(store, {
+                        status: AXPPageStatus.Error,
+                    });
+                    return false;
+                }
+                await settingValueService.scope(store.scope()).set(store.context());
+                // Show success notification
+                toastService.show({
+                    color: 'success',
+                    title: await translateService.translateAsync('actions.apply.success.title', { scope: i18nScope }),
+                    content: await translateService.translateAsync('actions.apply.success.message', { scope: i18nScope }),
+                    location: 'bottom-center',
+                    closeButton: true,
+                    timeOut: 3000,
+                    timeOutProgress: true,
+                });
+                patchState(store, {
+                    status: AXPPageStatus.Submitted,
+                });
+                return true;
+            }
+            return false;
+        }
+        catch (error) {
+            toastService.show({
+                color: 'danger',
+                title: await translateService.translateAsync('actions.apply.error.title', { scope: i18nScope }),
+                content: await translateService.translateAsync('actions.apply.error.message', { scope: i18nScope }),
+                location: 'bottom-center',
+                closeButton: true,
+                timeOut: 3000,
+                timeOutProgress: true,
+            });
+            patchState(store, {
+                status: AXPPageStatus.Error,
+            });
+            return false;
+        }
+    },
+    async discard() {
+        const form = store.form();
+        form.resetErrors();
+        //
+        patchState(store, {
+            status: AXPPageStatus.Rendered,
+        });
+        patchState(store, {
+            context: store.previousContext(),
+        });
+    },
+    async resetToDefault() {
+        // Update the context  with the defaults
+        const defaults = await settingValueService.scope(store.scope()).defaultValues();
+        patchState(store, {
+            context: defaults,
+        });
+        //
+        const result = await this.apply();
+        if (!result) {
+            this.discard();
+        }
+    },
+})), withHooks((store, settingValueService = inject(AXPSettingService), translationService = inject(AXTranslationService), localeService = inject(AXLocaleService)) => ({
+    async onInit() {
+        //
+        settingValueService.onChanged.pipe(filter((c) => c.scope == store.scope())).subscribe((e) => {
+            e.keys.forEach((k) => {
+                const currentValue = e.values[k];
+                const contextValue = get(store.context(), k);
+                const previousValue = get(store.previousContext(), k);
+                // Update only if there are actual changes
+                if (!isEqual(previousValue, currentValue) || !isEqual(currentValue, contextValue)) {
+                    patchState(store, {
+                        previousContext: {
+                            ...store.previousContext(),
+                            [k]: currentValue,
+                        }
+                    });
+                    patchState(store, {
+                        context: {
+                            ...store.context(),
+                            [k]: currentValue,
+                        }
+                    });
+                }
+            });
+        });
+        //
+        merge(translationService.langChanges$, localeService.profileChanged$).subscribe(async () => {
+            await store.reload();
+        });
+    },
+    onDestroy() { },
+})));
+
+class AXPSettingSearchProvider {
+    constructor() {
+        this.settingService = inject(AXPSettingDefinitionProviderService);
+        this.sessionService = inject(AXPSessionService);
+    }
+    async search(text) {
+        const groupsSetting = this.settingService.getList(AXPPlatformScope.User);
+        if (groupsSetting.length == 0) {
+            groupsSetting.push(...(await this.settingService.getListAsync(AXPPlatformScope.User)));
+        }
+        // Step 2: Flatten settings from groups
+        const allSettings = [];
+        const extractSettings = (group) => {
+            for (const section of group.sections) {
+                allSettings.push(...section.settings.map((x) => ({ ...x, group })));
+            }
+            for (const subGroup of group.groups) {
+                extractSettings(subGroup); // Recursive extraction
+            }
+        };
+        for (const group of groupsSetting) {
+            extractSettings(group);
+        }
+        // Step 3: Search settings by title
+        const searchResults = allSettings.filter((setting) => setting.title.toLowerCase().includes(text.toLowerCase()));
+        return sortBy(searchResults.map((setting) => ({
+            title: setting.title,
+            description: setting.description,
+            group: 'setting',
+            data: setting,
+            command: {
+                name: 'navigate',
+                options: {
+                    type: 'router',
+                    options: {
+                        path: `/${this.sessionService.application?.name}/settings/user/${setting.group.name}#${setting.title}`,
+                    },
+                }
+            },
+            parent: setting.group
+                ? {
+                    title: setting.group.title,
+                    data: setting.group,
+                }
+                : undefined,
+        })), ['title']);
+    }
+}
+
+class AXPSettingSearchDefinitionProvider {
+    async provide(context) {
+        context.addDefinition('setting', 'Setting', 'setting', 'fa-solid fa-gear', 3, {
+            format: {
+                id: '{{data.name}}',
+            },
+            actions: [
+                {
+                    name: 'navigate',
+                    type: 'view',
+                    priority: 'primary',
+                },
+            ],
+        });
+    }
+}
+
+function routesFacory() {
+    let routes = [
+        {
+            path: ':app/settings/:scope',
+            canActivate: [AXPAuthGuard],
+            loadComponent: () => {
+                return AXPRootLayoutComponent;
+            },
+            children: [
+                {
+                    path: '',
+                    loadComponent: () => import('./acorex-modules-settings-management-setting-page.component-XDFtTqft.mjs').then((c) => c.AXPSettingPageComponent),
+                    data: { reuse: true },
+                    children: [
+                        {
+                            path: ':group',
+                            loadComponent: () => import('./acorex-modules-settings-management-setting-view.component-B_6RIU9e.mjs').then((c) => c.AXPSettingsViewComponent),
+                        },
+                    ],
+                },
+            ],
+        },
+    ];
+    return routes;
+}
+class AXMSettingsManagementModule {
+    constructor(appInitService, injector) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMSettingsManagementModule, deps: [{ token: i1.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMSettingsManagementModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMSettingsManagementModule, providers: [
+            {
+                provide: AXP_SEARCH_PROVIDER,
+                useClass: AXPSettingSearchProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_SEARCH_DEFINITION_PROVIDER,
+                useClass: AXPSettingSearchDefinitionProvider,
+                multi: true,
+            },
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFacory,
+            },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMSettingsManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: AXP_SEARCH_PROVIDER,
+                            useClass: AXPSettingSearchProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_SEARCH_DEFINITION_PROVIDER,
+                            useClass: AXPSettingSearchDefinitionProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFacory,
+                        },
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.AXPAppStartUpService }, { type: i0.Injector }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMSettingsManagementModule, AXPSettingsViewModel };
+//# sourceMappingURL=acorex-modules-settings-management.mjs.map