@acorex/platform 19.2.17 → 19.2.19

package/fesm2022/acorex-platform-themes-default-setting-page.component-BQRGixPo.mjs

@@ -1,74 +0,0 @@
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i4 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import * as i4$1 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i7 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i8 from '@acorex/components/tabs';
-import { AXTabsModule } from '@acorex/components/tabs';
-import * as i6 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPSettingsViewModel } from '@acorex/platform/layout/setting';
-import { AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutToolbarComponent } from '@acorex/platform/themes/shared';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i1$1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { AXPSimplePageLayout } from './acorex-platform-themes-default.mjs';
-
-class AXPSettingPageComponent {
-    constructor() {
-        this.vm = inject(AXPSettingsViewModel);
-    }
-    handleSerach(e) {
-        this.vm.search(e.value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPSettingPageComponent, isStandalone: true, selector: "ng-component", host: { classAttribute: "axp-setting-page" }, providers: [AXPSettingsViewModel], ngImport: i0, template: "<axp-layout-simple-page *translate=\"let t\">\n    @if(vm.showSide())\n    {\n    <axp-layout-page-start-side>\n        <axp-layout-header>\n            <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n            <axp-layout-toolbar>\n                <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\"\n                    (onValueChanged)=\"handleSerach($event)\"\n                    [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                    <ax-clear-button></ax-clear-button>\n                </ax-search-box>\n            </axp-layout-toolbar>\n        </axp-layout-header>\n        <axp-layout-content>\n            <ax-tabs [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n                @for (item of vm.loadedItems(); track $index) {\n                <ax-tab-item [text]=\"item.title\" (onClick)=\"vm.handleSelectGroup(item)\"\n                    [active]=\"vm.activateGroup()==item.name && !vm.isSearching()\">\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-page-start-side>\n    }\n\n    @if(vm.hasGroup())\n    {\n    <axp-layout-page-header>\n        @let group=vm.groups()?.breadcrumb?.[(vm.groups()?.breadcrumb?.length??1)- 1];\n\n        @if(!vm.showSide())\n        {\n        <axp-layout-nav-button>\n            <ax-button class=\"ax-sm\" [look]=\"'blank'\" [color]=\"'default'\" (onClick)=\"vm.navigateUpLevel()\">\n                <ax-icon icon=\"fa-solid fa-arrow-left\"></ax-icon>\n            </ax-button>\n        </axp-layout-nav-button>\n        }\n\n        <axp-layout-title>\n            @if(!vm.isSearching())\n            {\n            {{ (group?.title ?? '') | translate | async }}\n            }\n            @else {\n            {{ t('settings.search',{scope:'platform-management'}) | async }}\n            }\n        </axp-layout-title>\n\n        @if(group?.description && !vm.isSearching() && vm.layout.isLarge())\n        {\n        <axp-layout-description>\n            {{ group?.description }}\n        </axp-layout-description>\n        }\n        <axp-layout-actions>\n            @if((!vm.isSearching() || vm.searchResult().length >0))\n            {\n            <axp-layout-actions-secondary>\n                <ax-button-item [text]=\"(t('settings.restore-defaults',{scope:'platform-management'}) | async)!\"\n                    (onClick)=\"vm.resetToDefault();\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-rotate'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n                <ax-divider></ax-divider>\n                <ax-button-item [text]=\"(t('export') | async)!\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-file-export'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n            </axp-layout-actions-secondary>\n            }\n\n        </axp-layout-actions>\n    </axp-layout-page-header>\n    }\n    @else\n    {\n    <axp-layout-page-header>\n        <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n        <axp-layout-toolbar>\n            <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\" (onValueChanged)=\"handleSerach($event)\"\n                class=\"ax-w-full\" [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </axp-layout-toolbar>\n    </axp-layout-page-header>\n    }\n\n    <axp-layout-page-content id=\"ax-settings\">\n        @if(vm.hasGroup() || vm.isSearching())\n        {\n        <router-outlet></router-outlet>\n        }\n        @else {\n        <axp-layout-list>\n            @for (item of vm.loadedItems(); track $index) {\n            <axp-layout-list-item (click)=\"vm.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-layout-page-content>\n\n    @if(vm.isDirty() )\n    {\n    <axp-layout-page-footer>\n        <axp-layout-suffix>\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\" [text]=\"t('discard') | async\"\n                (onClick)=\"vm.discard()\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\"\n                [text]=\"((t(vm.layout.isSmall() ? 'Apply': 'Apply Changes')) | async)!\" (onClick)=\"vm.apply()\"\n                [color]=\"'primary'\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n        </axp-layout-suffix>\n    </axp-layout-page-footer>\n    }\n</axp-layout-simple-page>", 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{align-items:center;gap:1rem;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{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(12,minmax(0,1fr))}}.axp-setting-page axp-layout-page-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 axp-layout-page-body{height:auto;min-height:100%}.axp-setting-page #ax-settings{padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: 
-                //
-                AXSearchBoxModule }, { kind: "component", type: i7.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.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: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i8.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i8.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: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: 
-                //
-                AXPSimplePageLayout, selector: "axp-layout-simple-page" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutPageHeaderComponent, selector: "axp-layout-page-header" }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side" }, { kind: "component", type: AXPThemeLayoutActionsComponent, selector: "axp-layout-actions" }, { kind: "component", type: AXPThemeLayoutPageSecondaryActionsComponent, selector: "axp-layout-actions-secondary" }, { kind: "component", type: AXPThemeLayoutListComponent, selector: "axp-layout-list" }, { kind: "component", type: AXPThemeLayoutListItemComponent, selector: "axp-layout-list-item" }, { kind: "component", type: AXPThemeLayoutFooterComponent, selector: "axp-layout-footer, axp-layout-page-footer" }, { kind: "component", type: AXPThemeLayoutToolbarComponent, selector: "axp-layout-toolbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingPageComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        RouterModule,
-                        //
-                        AXSearchBoxModule,
-                        AXDecoratorModule,
-                        AXBreadcrumbsModule,
-                        AXTranslationModule,
-                        AXButtonModule,
-                        AXTabsModule,
-                        AXBadgeModule,
-                        AXLoadingModule,
-                        AXDropdownButtonModule,
-                        //
-                        AXPSimplePageLayout,
-                        AXPThemeLayoutBlockComponent,
-                        AXPThemeLayoutHeaderComponent,
-                        AXPThemeLayoutPageHeaderComponent,
-                        AXPThemeLayoutStartSideComponent,
-                        AXPThemeLayoutActionsComponent,
-                        AXPThemeLayoutPageSecondaryActionsComponent,
-                        AXPThemeLayoutListComponent,
-                        AXPThemeLayoutListItemComponent,
-                        AXPThemeLayoutFooterComponent,
-                        AXPThemeLayoutToolbarComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXPSettingsViewModel], host: { class: 'axp-setting-page' }, template: "<axp-layout-simple-page *translate=\"let t\">\n    @if(vm.showSide())\n    {\n    <axp-layout-page-start-side>\n        <axp-layout-header>\n            <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n            <axp-layout-toolbar>\n                <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\"\n                    (onValueChanged)=\"handleSerach($event)\"\n                    [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                    <ax-clear-button></ax-clear-button>\n                </ax-search-box>\n            </axp-layout-toolbar>\n        </axp-layout-header>\n        <axp-layout-content>\n            <ax-tabs [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n                @for (item of vm.loadedItems(); track $index) {\n                <ax-tab-item [text]=\"item.title\" (onClick)=\"vm.handleSelectGroup(item)\"\n                    [active]=\"vm.activateGroup()==item.name && !vm.isSearching()\">\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-page-start-side>\n    }\n\n    @if(vm.hasGroup())\n    {\n    <axp-layout-page-header>\n        @let group=vm.groups()?.breadcrumb?.[(vm.groups()?.breadcrumb?.length??1)- 1];\n\n        @if(!vm.showSide())\n        {\n        <axp-layout-nav-button>\n            <ax-button class=\"ax-sm\" [look]=\"'blank'\" [color]=\"'default'\" (onClick)=\"vm.navigateUpLevel()\">\n                <ax-icon icon=\"fa-solid fa-arrow-left\"></ax-icon>\n            </ax-button>\n        </axp-layout-nav-button>\n        }\n\n        <axp-layout-title>\n            @if(!vm.isSearching())\n            {\n            {{ (group?.title ?? '') | translate | async }}\n            }\n            @else {\n            {{ t('settings.search',{scope:'platform-management'}) | async }}\n            }\n        </axp-layout-title>\n\n        @if(group?.description && !vm.isSearching() && vm.layout.isLarge())\n        {\n        <axp-layout-description>\n            {{ group?.description }}\n        </axp-layout-description>\n        }\n        <axp-layout-actions>\n            @if((!vm.isSearching() || vm.searchResult().length >0))\n            {\n            <axp-layout-actions-secondary>\n                <ax-button-item [text]=\"(t('settings.restore-defaults',{scope:'platform-management'}) | async)!\"\n                    (onClick)=\"vm.resetToDefault();\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-rotate'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n                <ax-divider></ax-divider>\n                <ax-button-item [text]=\"(t('export') | async)!\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-file-export'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n            </axp-layout-actions-secondary>\n            }\n\n        </axp-layout-actions>\n    </axp-layout-page-header>\n    }\n    @else\n    {\n    <axp-layout-page-header>\n        <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n        <axp-layout-toolbar>\n            <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\" (onValueChanged)=\"handleSerach($event)\"\n                class=\"ax-w-full\" [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </axp-layout-toolbar>\n    </axp-layout-page-header>\n    }\n\n    <axp-layout-page-content id=\"ax-settings\">\n        @if(vm.hasGroup() || vm.isSearching())\n        {\n        <router-outlet></router-outlet>\n        }\n        @else {\n        <axp-layout-list>\n            @for (item of vm.loadedItems(); track $index) {\n            <axp-layout-list-item (click)=\"vm.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-layout-page-content>\n\n    @if(vm.isDirty() )\n    {\n    <axp-layout-page-footer>\n        <axp-layout-suffix>\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\" [text]=\"t('discard') | async\"\n                (onClick)=\"vm.discard()\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\"\n                [text]=\"((t(vm.layout.isSmall() ? 'Apply': 'Apply Changes')) | async)!\" (onClick)=\"vm.apply()\"\n                [color]=\"'primary'\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n        </axp-layout-suffix>\n    </axp-layout-page-footer>\n    }\n</axp-layout-simple-page>", 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{align-items:center;gap:1rem;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{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1536px){.axp-setting-page axp-layout-section axp-layout-content .--item-container{grid-template-columns:repeat(12,minmax(0,1fr))}}.axp-setting-page axp-layout-page-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 axp-layout-page-body{height:auto;min-height:100%}.axp-setting-page #ax-settings{padding:1rem}\n"] }]
-        }] });
-
-export { AXPSettingPageComponent };
-//# sourceMappingURL=acorex-platform-themes-default-setting-page.component-BQRGixPo.mjs.map

package/fesm2022/acorex-platform-themes-default-setting-page.component-BQRGixPo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-platform-themes-default-setting-page.component-BQRGixPo.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/setting-layout/setting-page/setting-page.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/setting-layout/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 { AXValueChangedEvent } from '@acorex/components/common';\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 { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSettingsViewModel } from '@acorex/platform/layout/setting';\nimport {\n  AXPThemeLayoutActionsComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutStartSideComponent,\n  AXPThemeLayoutFooterComponent,\n  AXPThemeLayoutPageHeaderComponent,\n  AXPThemeLayoutHeaderComponent,\n  AXPThemeLayoutListComponent,\n  AXPThemeLayoutListItemComponent,\n  AXPThemeLayoutPageSecondaryActionsComponent,\n  AXPThemeLayoutToolbarComponent,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { AXPSimplePageLayout } from '../../base';\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    AXPSimplePageLayout,\n    AXPThemeLayoutBlockComponent,\n    AXPThemeLayoutHeaderComponent,\n    AXPThemeLayoutPageHeaderComponent,\n    AXPThemeLayoutStartSideComponent,\n    AXPThemeLayoutActionsComponent,\n    AXPThemeLayoutPageSecondaryActionsComponent,\n    AXPThemeLayoutListComponent,\n    AXPThemeLayoutListItemComponent,\n    AXPThemeLayoutFooterComponent,\n    AXPThemeLayoutToolbarComponent,\n  ],\n  templateUrl: './setting-page.component.html',\n  styleUrl: './setting-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPSettingsViewModel],\n  host: { class: 'axp-setting-page' },\n})\nexport class AXPSettingPageComponent {\n  protected vm = inject(AXPSettingsViewModel);\n\n  protected handleSerach(e: AXValueChangedEvent<any>) {\n    this.vm.search(e.value);\n  }\n}\n","<axp-layout-simple-page *translate=\"let t\">\n    @if(vm.showSide())\n    {\n    <axp-layout-page-start-side>\n        <axp-layout-header>\n            <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n            <axp-layout-toolbar>\n                <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\"\n                    (onValueChanged)=\"handleSerach($event)\"\n                    [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                    <ax-clear-button></ax-clear-button>\n                </ax-search-box>\n            </axp-layout-toolbar>\n        </axp-layout-header>\n        <axp-layout-content>\n            <ax-tabs [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n                @for (item of vm.loadedItems(); track $index) {\n                <ax-tab-item [text]=\"item.title\" (onClick)=\"vm.handleSelectGroup(item)\"\n                    [active]=\"vm.activateGroup()==item.name && !vm.isSearching()\">\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-page-start-side>\n    }\n\n    @if(vm.hasGroup())\n    {\n    <axp-layout-page-header>\n        @let group=vm.groups()?.breadcrumb?.[(vm.groups()?.breadcrumb?.length??1)- 1];\n\n        @if(!vm.showSide())\n        {\n        <axp-layout-nav-button>\n            <ax-button class=\"ax-sm\" [look]=\"'blank'\" [color]=\"'default'\" (onClick)=\"vm.navigateUpLevel()\">\n                <ax-icon icon=\"fa-solid fa-arrow-left\"></ax-icon>\n            </ax-button>\n        </axp-layout-nav-button>\n        }\n\n        <axp-layout-title>\n            @if(!vm.isSearching())\n            {\n            {{ (group?.title ?? '') | translate | async }}\n            }\n            @else {\n            {{ t('settings.search',{scope:'platform-management'}) | async }}\n            }\n        </axp-layout-title>\n\n        @if(group?.description && !vm.isSearching() && vm.layout.isLarge())\n        {\n        <axp-layout-description>\n            {{ group?.description }}\n        </axp-layout-description>\n        }\n        <axp-layout-actions>\n            @if((!vm.isSearching() || vm.searchResult().length >0))\n            {\n            <axp-layout-actions-secondary>\n                <ax-button-item [text]=\"(t('settings.restore-defaults',{scope:'platform-management'}) | async)!\"\n                    (onClick)=\"vm.resetToDefault();\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-rotate'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n                <ax-divider></ax-divider>\n                <ax-button-item [text]=\"(t('export') | async)!\">\n                    <ax-prefix>\n                        <ax-icon [icon]=\"'fa-solid fa-file-export'\"> </ax-icon>\n                    </ax-prefix>\n                </ax-button-item>\n            </axp-layout-actions-secondary>\n            }\n\n        </axp-layout-actions>\n    </axp-layout-page-header>\n    }\n    @else\n    {\n    <axp-layout-page-header>\n        <axp-layout-title>{{t(vm.title(),{scope:'platform-management'}) | async}}</axp-layout-title>\n        <axp-layout-toolbar>\n            <ax-search-box [delayTime]=\"300\" [ngModel]=\"vm.searchExpression()\" (onValueChanged)=\"handleSerach($event)\"\n                class=\"ax-w-full\" [placeholder]=\"t('settings.search',{scope:'platform-management'}) | async\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </axp-layout-toolbar>\n    </axp-layout-page-header>\n    }\n\n    <axp-layout-page-content id=\"ax-settings\">\n        @if(vm.hasGroup() || vm.isSearching())\n        {\n        <router-outlet></router-outlet>\n        }\n        @else {\n        <axp-layout-list>\n            @for (item of vm.loadedItems(); track $index) {\n            <axp-layout-list-item (click)=\"vm.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-layout-page-content>\n\n    @if(vm.isDirty() )\n    {\n    <axp-layout-page-footer>\n        <axp-layout-suffix>\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\" [text]=\"t('discard') | async\"\n                (onClick)=\"vm.discard()\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n\n            <ax-button [class.ax-sm]=\"vm.layout.isSmall()\" [disabled]=\"vm.isBusy()\"\n                [text]=\"((t(vm.layout.isSmall() ? 'Apply': 'Apply Changes')) | async)!\" (onClick)=\"vm.apply()\"\n                [color]=\"'primary'\">\n                @if(vm.isBusy())\n                {\n                <ax-loading></ax-loading>\n                }\n            </ax-button>\n        </axp-layout-suffix>\n    </axp-layout-page-footer>\n    }\n</axp-layout-simple-page>"],"names":["i3","i4","i5","i7"],"mappings":"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"}

package/themes/default/lib/layouts/entity-layouts/entity-master-list-view/list-view-option-filters/list-view-option-filters.component.d.ts

@@ -1,14 +0,0 @@
-import { AXPEntityMasterListViewModel } from '@acorex/platform/layout/entity';
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class AXPListViewOptionFiltersComponent {
-    constructor();
-    vm: AXPEntityMasterListViewModel;
-    onClosed: EventEmitter<void>;
-    protected handleClose(): void;
-    protected handleResetClick(): void;
-    protected handleDiscardClick(): void;
-    protected handleApplyClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPListViewOptionFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPListViewOptionFiltersComponent, "axp-list-view-option-filters", never, { "vm": { "alias": "viewModel"; "required": false; }; }, { "onClosed": "onClosed"; }, never, ["*"], true, never>;
-}