@acorex/platform 20.3.0-next.1 → 20.3.0-next.3

package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-hf4QOz_4.mjs

@@ -1,665 +0,0 @@
-import { AXActionSheetModule } from '@acorex/components/action-sheet';
-import * as i7 from '@acorex/components/data-table';
-import { AXDataTableModule } from '@acorex/components/data-table';
-import { AXDrawerModule } from '@acorex/components/drawer';
-import * as i1$2 from '@acorex/core/platform';
-import * as i0 from '@angular/core';
-import { inject, input, viewChild, signal, ViewEncapsulation, Component, EventEmitter, effect, Output, Input, untracked, ChangeDetectionStrategy, computed } from '@angular/core';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i3$3 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDialogModule } from '@acorex/components/dialog';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXFormModule } from '@acorex/components/form';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3$5 from '@acorex/components/popover';
-import { AXPopoverModule } from '@acorex/components/popover';
-import * as i6 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i3$4 from '@acorex/components/tabs';
-import { AXTabsModule } from '@acorex/components/tabs';
-import { AXTooltipModule } from '@acorex/components/tooltip';
-import * as i3$1 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule, translateSync } from '@acorex/core/translation';
-import { AXPAuthModule } from '@acorex/platform/auth';
-import * as i7$1 from '@acorex/platform/layout/builder';
-import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutToolbarComponent, AXPLayoutFiltersComponent, AXPThemeLayoutStartSideComponent } from '@acorex/platform/layout/components';
-import { AXPWidgetsModule } from '@acorex/platform/widgets';
-import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i3 from '@acorex/components/skeleton';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i2$1 from '@acorex/components/tree-view';
-import { AXTreeViewModule } from '@acorex/components/tree-view';
-import { AXPEntityResolver } from '@acorex/platform/layout/entity';
-import * as i3$2 from '@acorex/components/switch';
-import { AXSwitchModule } from '@acorex/components/switch';
-import { AXPSettingService } from '@acorex/platform/common';
-import { cloneDeep } from 'lodash-es';
-import { AXImageModule } from '@acorex/components/image';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-
-class AXPEntityCategoryComponent {
-    constructor() {
-        this.entityResolver = inject(AXPEntityResolver);
-        this.translate = inject(AXTranslationService);
-        this.vm = input.required(...(ngDevMode ? [{ debugName: "vm" }] : []));
-        this.tree = viewChild('tree', ...(ngDevMode ? [{ debugName: "tree" }] : []));
-        this.searchValue = input('', ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
-        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        this.basicQueryEvent = {
-            skip: 0,
-            take: 1000,
-        };
-        this.treeItems = signal([
-            {
-                expand: true,
-                children: [],
-            },
-        ], ...(ngDevMode ? [{ debugName: "treeItems" }] : []));
-    }
-    ngOnInit() {
-        this.getCategories();
-    }
-    async handleCategorySearchChange(e) {
-        if (this.categoryEntityDef) {
-            this.isLoading.set(true);
-            const categoryInlineFilters = this.categoryEntityDef.properties.filter((p) => p.options?.filter?.inline?.enabled);
-            const event = {
-                ...this.basicQueryEvent,
-                filter: {
-                    filters: [
-                        {
-                            filters: categoryInlineFilters.map((cif) => ({
-                                field: cif.name,
-                                operator: {
-                                    type: 'contains',
-                                },
-                                value: e.value,
-                            })),
-                            logic: 'or',
-                        },
-                        {
-                            value: true,
-                            field: this.categoryEntityDef.parentKey,
-                            operator: {
-                                type: 'isEmpty',
-                            },
-                        },
-                    ],
-                    logic: 'and',
-                },
-            };
-            const res = await this.categoryEntityQueryFunc(event);
-            this.treeItems.update((prev) => prev.map((item) => ({ ...item, children: res.items })));
-            this.isLoading.set(false);
-        }
-    }
-    async getCategories() {
-        this.isLoading.set(true);
-        this.categoryEntityDef = await this.getCategoryEntityDef();
-        this.categoryEntityQueryFunc = this.categoryEntityDef?.queries.list?.execute;
-        const res = await this.categoryEntityQueryFunc(this.basicQueryEvent);
-        const textField = this.vm().entityDef.category?.textField || 'title';
-        const valueField = this.vm().entityDef.category?.valueField || 'id';
-        const updatedItems = {
-            expand: true,
-            [textField]: await this.translate.translateAsync('allItems'),
-            [valueField]: 'all',
-            children: res.items,
-        };
-        this.treeItems.update((prev) => prev.map((_) => updatedItems));
-        this.isLoading.set(false);
-    }
-    async handleCollapseChanged(e) {
-        this.tree()?.setNodeLoading(e.data.id, true);
-        const event = {
-            ...this.basicQueryEvent,
-            filter: {
-                field: this.categoryEntityDef?.parentKey,
-                value: e.data.id,
-                operator: {
-                    type: 'equal',
-                },
-            },
-        };
-        const children = await this.categoryEntityQueryFunc(event);
-        // Recursive function to update children at any depth
-        const updateChildrenAtPath = (items, targetId) => {
-            return items.map((item) => {
-                if (item.id === targetId) {
-                    return { ...item, children: children.items };
-                }
-                if (item.children?.length) {
-                    return { ...item, children: updateChildrenAtPath(item.children, targetId) };
-                }
-                return item;
-            });
-        };
-        this.treeItems.update((prev) => prev.map((i) => ({
-            ...i,
-            children: updateChildrenAtPath(prev[0].children, e.data.id),
-        })));
-        this.tree()?.setNodeLoading(e.data.id, false);
-    }
-    async getCategoryEntityDef() {
-        const [module, entity] = this.vm().entityDef.category?.entity?.split('.') || [];
-        return await this.entityResolver.get(module, entity);
-    }
-    handleNodeClick(event) {
-        const filters = this.vm()
-            .entityDef.category?.applyConditions?.map((f) => {
-            console.log({ f });
-            return event.data[f.value] !== 'all'
-                ? {
-                    field: f.name,
-                    value: event.data[f.value],
-                    operator: f.operator,
-                }
-                : null;
-        })
-            .filter((item) => item != null);
-        const viewFilters = this.vm()
-            .view()
-            .conditions.map((i) => ({ ...i, field: i.name }));
-        console.log({ viewFilters });
-        const newFilters = [...viewFilters, ...filters];
-        // this.vm().filterQueries.update((prev) => [...prev, ...filters!]);
-        this.vm().dataSource.filter({
-            filters: newFilters,
-            logic: 'and',
-        });
-        this.vm().dataSource.refresh();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPEntityCategoryComponent, isStandalone: true, selector: "axp-entity-category", inputs: { vm: { classPropertyName: "vm", publicName: "vm", isSignal: true, isRequired: true, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- <ax-tree-view [items]=\"treeItems()\"></ax-tree-view> -->\n\n<axp-layout-header>\n  <axp-layout-title>{{ vm().entityDef.category?.title || 'category' | translate | async }}</axp-layout-title>\n  <axp-layout-toolbar>\n    <ax-search-box\n      (onValueChanged)=\"handleCategorySearchChange($event)\"\n      [delayTime]=\"300\"\n      [placeholder]=\"'search.placeholder' | translate | async\"\n    >\n    </ax-search-box>\n  </axp-layout-toolbar>\n</axp-layout-header>\n<axp-layout-content>\n  @if(isLoading()){\n  <div class=\"ax-p-4 ax-flex ax-flex-col ax-gap-3\">\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n  </div>\n  }@else if (treeItems()[0].children.length) {\n  <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n    <ax-tree-view\n      (onNodeClick)=\"handleNodeClick($event)\"\n      (onCollapsedChanged)=\"handleCollapseChanged($event)\"\n      [showCheckbox]=\"false\"\n      [itemTemplate]=\"itemTemplate\"\n      #treeRef\n      [textField]=\"vm().entityDef.category?.textField || 'title'\"\n      [valueField]=\"vm().entityDef.category?.valueField || 'id'\"\n      [expandedField]=\"'expand'\"\n      [items]=\"treeItems()\"\n      #tree\n    >\n    </ax-tree-view>\n  </div>\n  }@else {\n  <div class=\"ax-flex ax-items-center ax-justify-center\">\n    <span class=\"ax-text-center\"> No Record Found! </span>\n  </div>\n  }\n\n  <ng-template #itemTemplate let-item>\n    <ax-icon class=\"fas ax-text-warning fa-folder\"></ax-icon>\n    {{ item.title }}\n  </ng-template>\n</axp-layout-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTreeViewModule }, { kind: "component", type: i2$1.AXTreeViewComponent, selector: "ax-tree-view", inputs: ["items", "showCheckbox", "hasCheckboxField", "selectionMode", "selectionBehavior", "selectionScope", "focusNodeEnabled", "valueField", "textField", "visibleField", "disableField", "hasChildField", "selectedField", "expandedField", "tooltipField", "childrenField", "activeField", "indeterminateField", "parentField", "iconField", "toggleIcons", "look", "showEmptyNodeMassage", "itemTemplate", "emptyTemplate", "expandOn"], outputs: ["onSelectionChanged", "onItemSelectedChanged", "onNodeClick", "onCollapsedChanged", "onNodedbClick"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.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: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutToolbarComponent, selector: "axp-layout-toolbar" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityCategoryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-category', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        AXDecoratorModule,
-                        AXTreeViewModule,
-                        AXSkeletonModule,
-                        AXPThemeLayoutBlockComponent,
-                        AXSearchBoxModule,
-                        AXPThemeLayoutHeaderComponent,
-                        AXPThemeLayoutToolbarComponent,
-                        AXTranslationModule,
-                    ], template: "<!-- <ax-tree-view [items]=\"treeItems()\"></ax-tree-view> -->\n\n<axp-layout-header>\n  <axp-layout-title>{{ vm().entityDef.category?.title || 'category' | translate | async }}</axp-layout-title>\n  <axp-layout-toolbar>\n    <ax-search-box\n      (onValueChanged)=\"handleCategorySearchChange($event)\"\n      [delayTime]=\"300\"\n      [placeholder]=\"'search.placeholder' | translate | async\"\n    >\n    </ax-search-box>\n  </axp-layout-toolbar>\n</axp-layout-header>\n<axp-layout-content>\n  @if(isLoading()){\n  <div class=\"ax-p-4 ax-flex ax-flex-col ax-gap-3\">\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n    <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded-md\"></ax-skeleton>\n  </div>\n  }@else if (treeItems()[0].children.length) {\n  <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n    <ax-tree-view\n      (onNodeClick)=\"handleNodeClick($event)\"\n      (onCollapsedChanged)=\"handleCollapseChanged($event)\"\n      [showCheckbox]=\"false\"\n      [itemTemplate]=\"itemTemplate\"\n      #treeRef\n      [textField]=\"vm().entityDef.category?.textField || 'title'\"\n      [valueField]=\"vm().entityDef.category?.valueField || 'id'\"\n      [expandedField]=\"'expand'\"\n      [items]=\"treeItems()\"\n      #tree\n    >\n    </ax-tree-view>\n  </div>\n  }@else {\n  <div class=\"ax-flex ax-items-center ax-justify-center\">\n    <span class=\"ax-text-center\"> No Record Found! </span>\n  </div>\n  }\n\n  <ng-template #itemTemplate let-item>\n    <ax-icon class=\"fas ax-text-warning fa-folder\"></ax-icon>\n    {{ item.title }}\n  </ng-template>\n</axp-layout-content>\n" }]
-        }] });
-
-class AXPListViewOptionsColumnsComponent {
-    constructor() {
-        this.settings = inject(AXPSettingService);
-        this.onClosed = new EventEmitter();
-        this.columnsChanged = effect(() => {
-            this.vm.onColumnsChanged(this.vm.columns());
-            //.map((c) => ({ visible: c.visible, name: c.name }))
-        }, ...(ngDevMode ? [{ debugName: "columnsChanged" }] : []));
-    }
-    handleVisibilityChange(e, name) {
-        if (e.isUserInteraction) {
-            this.vm.columns.update((prev) => {
-                return prev.map((c) => {
-                    return c.name === name ? { ...c, visible: e.value ?? true } : c;
-                });
-            });
-        }
-    }
-    drop(event) {
-        const columns = cloneDeep(this.vm.columns());
-        moveItemInArray(columns, event.previousIndex, event.currentIndex);
-        this.vm.columns.set(columns);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPListViewOptionsColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPListViewOptionsColumnsComponent, isStandalone: true, selector: "axp-list-view-option-columns", inputs: { vm: ["viewModel", "vm"] }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n  <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\n    @for(item of vm.columns();track item.name) {\n    <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\n      <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\n        <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\n        <p class=\"ax-font-medium ax-text-sm\">{{ item.title | translate | async }}</p>\n      </div>\n      <ax-switch\n        class=\"ax-sm\"\n        [ngModel]=\"item.visible\"\n        (onValueChanged)=\"handleVisibilityChange($event, item.name)\"\n      ></ax-switch>\n    </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i3$2.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPListViewOptionsColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-list-view-option-columns', imports: [
-                        CommonModule,
-                        FormsModule,
-                        CdkDropList,
-                        CdkDrag,
-                        CdkDragHandle,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXSwitchModule,
-                        AXTranslationModule,
-                    ], template: "<div class=\"ax-flex ax-flex-col ax-gap-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n  <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\n    @for(item of vm.columns();track item.name) {\n    <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\n      <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\n        <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\n        <p class=\"ax-font-medium ax-text-sm\">{{ item.title | translate | async }}</p>\n      </div>\n      <ax-switch\n        class=\"ax-sm\"\n        [ngModel]=\"item.visible\"\n        (onValueChanged)=\"handleVisibilityChange($event, item.name)\"\n      ></ax-switch>\n    </div>\n    }\n  </div>\n</div>\n" }]
-        }], propDecorators: { vm: [{
-                type: Input,
-                args: ['viewModel']
-            }], onClosed: [{
-                type: Output
-            }] } });
-
-class AXPListViewOptionSortingComponent {
-    constructor() {
-        this.isSM = false;
-        this.onClosed = new EventEmitter();
-    }
-    drop(event) {
-        moveItemInArray(this.vm.sortedFields(), event.previousIndex, event.currentIndex);
-    }
-    changeItemSort(item) {
-        const newDirection = item.dir === 'asc' ? 'desc' : item.dir === 'desc' ? undefined : 'asc';
-        this.vm.sortedFields.update((prev) => {
-            return prev.map((field) => {
-                if (field.name === item.name) {
-                    return { ...field, dir: newDirection };
-                }
-                return field;
-            });
-        });
-        item.dir = newDirection;
-        this.vm.applyFilterAndSort();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPListViewOptionSortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPListViewOptionSortingComponent, isStandalone: true, selector: "axp-list-view-option-sorting", inputs: { vm: ["viewModel", "vm"] }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-justify-center ax-gap-4 ax-select-none\">\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\n      @for(item of vm.sortedFields();track item.name) {\n      <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\n        <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\n          <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\n          <p class=\"ax-font-medium ax-text-sm\">{{ item.title | translate | async }}</p>\n        </div>\n        <ax-button [color]=\"'blank'\" class=\"ax-sm\" (click)=\"changeItemSort(item)\">\n          <ax-icon\n            [class.ax-text-primary]=\"item.dir === 'asc'\"\n            class=\"fa-solid fa-arrow-up-long ax-text-neutral-400\"\n          ></ax-icon>\n          <ax-icon\n            [class.ax-text-primary]=\"item.dir === 'desc'\"\n            class=\"fa-solid fa-arrow-down-long ax-text-neutral-400\"\n          ></ax-icon>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$3.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: AXImageModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPListViewOptionSortingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-list-view-option-sorting', imports: [
-                        AXTranslationModule,
-                        CommonModule,
-                        FormsModule,
-                        CdkDropList,
-                        CdkDrag,
-                        CdkDragHandle,
-                        AXButtonModule,
-                        AXImageModule,
-                        AXDecoratorModule,
-                        AXSwitchModule,
-                        AXSelectBoxModule,
-                    ], template: "<div class=\"ax-flex ax-flex-col ax-justify-center ax-gap-4 ax-select-none\">\n  <div class=\"ax-flex ax-flex-col ax-gap-4 ax-select-none\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    <div class=\"ax-flex ax-flex-col ax-gap-3 ax-w-full ax-sorted-list ax-max-h-[calc(100vh-280px)] ax-overflow-auto\">\n      @for(item of vm.sortedFields();track item.name) {\n      <div class=\"ax-flex ax-py-1 ax-items-center ax-justify-between\" cdkDrag cdkDragBoundary=\".ax-sorted-list\">\n        <div class=\"ax-flex ax-items-center ax-gap-3\" cdkDragHandle>\n          <ax-icon class=\"fa-solid fa-grip-dots-vertical ax-cursor-move\"></ax-icon>\n          <p class=\"ax-font-medium ax-text-sm\">{{ item.title | translate | async }}</p>\n        </div>\n        <ax-button [color]=\"'blank'\" class=\"ax-sm\" (click)=\"changeItemSort(item)\">\n          <ax-icon\n            [class.ax-text-primary]=\"item.dir === 'asc'\"\n            class=\"fa-solid fa-arrow-up-long ax-text-neutral-400\"\n          ></ax-icon>\n          <ax-icon\n            [class.ax-text-primary]=\"item.dir === 'desc'\"\n            class=\"fa-solid fa-arrow-down-long ax-text-neutral-400\"\n          ></ax-icon>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
-        }], propDecorators: { onClosed: [{
-                type: Output
-            }], vm: [{
-                type: Input,
-                args: ['viewModel']
-            }] } });
-
-class AXPEntityViewToolbarComponent {
-    constructor() {
-        this.popupService = inject(AXPopupService);
-        this.translate = inject(AXTranslationService);
-        this.tabs = viewChild('tabs', ...(ngDevMode ? [{ debugName: "tabs" }] : []));
-        this.isMounted = signal(false, ...(ngDevMode ? [{ debugName: "isMounted" }] : []));
-        this.#effect = effect(() => {
-            if (!this.isMounted())
-                return;
-            const views = untracked(() => this.vm.views());
-            if (!views)
-                return;
-            const selectedTab = views.findIndex((v) => v.name == this.vm.view().name);
-            untracked(() => {
-                if (selectedTab != -1) {
-                    this.tabs()?.select(selectedTab);
-                }
-            });
-        }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
-    }
-    ngAfterViewInit() {
-        this.isMounted.set(true);
-    }
-    #effect;
-    async openCreatePopup() {
-        const comp = (await import('./acorex-platform-themes-default-create-entity-view.component-SY0oMDoH.mjs')).AXPEntityCreateViewComponent;
-        const popup = this.popupService.open(comp, {
-            title: await this.translate.translateAsync('entity.views.create'),
-            size: 'lg',
-            data: {
-                node: this.vm.view(),
-            },
-        });
-    }
-    createNew() {
-        this.openCreatePopup();
-    }
-    handleActiveChange(e) {
-        console.log(e);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPEntityViewToolbarComponent, isStandalone: true, selector: "axp-entity-view-toolbar", inputs: { vm: ["viewModel", "vm"] }, host: { classAttribute: "ax-w-full ax-flex ax-items-center ax-gap-4" }, viewQueries: [{ propertyName: "tabs", first: true, predicate: ["tabs"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-tabs #tabs [look]=\"'with-line'\" class=\"ax-font-semibold\">\n  @for (item of vm.views(); track item.name) {\n    <ax-tab-item\n      (onClick)=\"vm.setView(item.name)\"\n      [key]=\"item.name\"\n      [text]=\"(item.title | translate | async) || 'item.title'\"\n    >\n    </ax-tab-item>\n  }\n  <!-- <ax-tab-item\n    (onClick)=\"createNew()\"\n    [key]=\"'create-new'\"\n    [text]=\"('view.createNew' | translate | async) || 'Create New'\"\n  >\n  </ax-tab-item> -->\n</ax-tabs>\n<!-- <ax-button (onClick)=\"openCreatePopup()\" class=\"ax-me-2\" [iconOnly]=\"true\">\n  <ax-icon class=\"fa-light fa-plus\"></ax-icon>\n</ax-button> -->\n", styles: [".axp-list-items{display:flex;min-width:10rem;flex-direction:column;border-radius:.375rem;border-width:1px;padding-top:1rem;padding-bottom:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);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-list-items>div{min-width:7rem;cursor:pointer;padding:.5rem 1rem;text-align:start}.axp-list-items>div:focus{outline:none}.axp-list-items>div.axp-state-focused,.axp-list-items>div:hover{background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$4.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$4.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityViewToolbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-view-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXTranslationModule, AXTextBoxModule, AXTabsModule], host: {
-                        class: 'ax-w-full ax-flex ax-items-center ax-gap-4',
-                    }, template: "<ax-tabs #tabs [look]=\"'with-line'\" class=\"ax-font-semibold\">\n  @for (item of vm.views(); track item.name) {\n    <ax-tab-item\n      (onClick)=\"vm.setView(item.name)\"\n      [key]=\"item.name\"\n      [text]=\"(item.title | translate | async) || 'item.title'\"\n    >\n    </ax-tab-item>\n  }\n  <!-- <ax-tab-item\n    (onClick)=\"createNew()\"\n    [key]=\"'create-new'\"\n    [text]=\"('view.createNew' | translate | async) || 'Create New'\"\n  >\n  </ax-tab-item> -->\n</ax-tabs>\n<!-- <ax-button (onClick)=\"openCreatePopup()\" class=\"ax-me-2\" [iconOnly]=\"true\">\n  <ax-icon class=\"fa-light fa-plus\"></ax-icon>\n</ax-button> -->\n", styles: [".axp-list-items{display:flex;min-width:10rem;flex-direction:column;border-radius:.375rem;border-width:1px;padding-top:1rem;padding-bottom:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);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-list-items>div{min-width:7rem;cursor:pointer;padding:.5rem 1rem;text-align:start}.axp-list-items>div:focus{outline:none}.axp-list-items>div.axp-state-focused,.axp-list-items>div:hover{background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { vm: [{
-                type: Input,
-                args: ['viewModel']
-            }] } });
-
-class AXPEntityMasterToolbarViewComponent {
-    constructor() {
-        this.layoutService = inject(AXPLayoutThemeService);
-        this.parent = inject(AXPEntityMasterListViewComponent);
-        this.initialFilters = signal([], ...(ngDevMode ? [{ debugName: "initialFilters" }] : []));
-        this.filtersDefinitions = signal([], ...(ngDevMode ? [{ debugName: "filtersDefinitions" }] : []));
-        this.#effect = effect(() => {
-            this.initialFilters.set(this.vm.view().conditions.map((c) => ({
-                field: c.name,
-                operator: c.operator,
-                value: c.value,
-            })));
-        }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
-    }
-    ngOnInit() {
-        this.filtersDefinitions.set(this.vm.filtersDef);
-    }
-    #effect;
-    onFiltersChanged(filters) {
-        this.vm.filterQueries.set(filters);
-        this.vm.applyFilterAndSort();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPEntityMasterToolbarViewComponent, isStandalone: true, selector: "axp-entity-master-toolbar-view", inputs: { vm: ["viewModel", "vm"] }, host: { classAttribute: "ax-w-full" }, ngImport: i0, template: "<axp-entity-view-toolbar [viewModel]=\"vm\"></axp-entity-view-toolbar>\n<div class=\"ax-flex ax-items-center ax-gap-2 ax-border-b ax-border-light w-full\">\n  <!-- <axp-entity-filter-toolbar [viewModel]=\"vm\"></axp-entity-filter-toolbar> -->\n  <axp-layout-filters\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-layout-filters>\n\n  <div class=\"ax-flex ax-items-center ax-gap-1 md:ax-gap-2\">\n    <ax-button [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n      <i class=\"fa-light fa-table-columns\"></i>\n    </ax-button>\n    <ax-popover\n      [adaptivityEnabled]=\"true\"\n      [offsetY]=\"30\"\n      [target]=\"columnButton\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      #popover\n    >\n      <div class=\"ax-lightest-surface ax-shadow-md ax-border md:ax-w-72 ax-w-full ax-rounded-md\">\n        <ax-header class=\"ax-border-b ax-lighter-surface ax-rounded-t-md ax-p-4 ax-font-bold\">\n          {{ 'entity.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-list-view-option-columns [viewModel]=\"vm\"></axp-list-view-option-columns>\n        </div>\n      </div>\n    </ax-popover>\n    @if (vm.canSort()) {\n      <ax-button [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n        <i class=\"fa-light fa-sort-amount-up\"></i>\n      </ax-button>\n      <ax-popover\n        [adaptivityEnabled]=\"true\"\n        [offsetY]=\"10\"\n        [target]=\"sortButton\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        #popover\n      >\n        <div class=\"ax-lightest-surface ax-shadow-md ax-border md:ax-w-72 ax-w-full ax-rounded-md\">\n          <ax-header class=\"ax-border-b ax-lighter-surface ax-rounded-t-md ax-p-4 ax-font-bold\">\n            {{ 'entity.sorts' | translate | async }}\n          </ax-header>\n          <div class=\"ax-py-2 ax-px-4\">\n            <axp-list-view-option-sorting [viewModel]=\"vm\"></axp-list-view-option-sorting>\n          </div>\n        </div>\n      </ax-popover>\n    }\n    @if (layoutService.isSmall()) {\n      <ax-button (onClick)=\"parent.toggleCategoryDrawer()\" [iconOnly]=\"true\" [color]=\"'default'\">\n        <i class=\"fa-light fa-bars\"></i>\n      </ax-button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: AXTranslationModule }, { kind: "component", type: AXPLayoutFiltersComponent, selector: "axp-layout-filters", inputs: ["filtersDefinitions", "initialFilters"], outputs: ["onFiltersChanged"] }, { kind: "component", type: AXPEntityViewToolbarComponent, selector: "axp-entity-view-toolbar", inputs: ["viewModel"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$5.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPListViewOptionSortingComponent, selector: "axp-list-view-option-sorting", inputs: ["viewModel"], outputs: ["onClosed"] }, { kind: "component", type: AXPListViewOptionsColumnsComponent, selector: "axp-list-view-option-columns", inputs: ["viewModel"], outputs: ["onClosed"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-master-toolbar-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXTranslationModule,
-                        AXPLayoutFiltersComponent,
-                        AXPEntityViewToolbarComponent,
-                        AXPopoverModule,
-                        AXPListViewOptionSortingComponent,
-                        AXPListViewOptionsColumnsComponent,
-                    ], host: {
-                        class: 'ax-w-full',
-                    }, template: "<axp-entity-view-toolbar [viewModel]=\"vm\"></axp-entity-view-toolbar>\n<div class=\"ax-flex ax-items-center ax-gap-2 ax-border-b ax-border-light w-full\">\n  <!-- <axp-entity-filter-toolbar [viewModel]=\"vm\"></axp-entity-filter-toolbar> -->\n  <axp-layout-filters\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-layout-filters>\n\n  <div class=\"ax-flex ax-items-center ax-gap-1 md:ax-gap-2\">\n    <ax-button [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n      <i class=\"fa-light fa-table-columns\"></i>\n    </ax-button>\n    <ax-popover\n      [adaptivityEnabled]=\"true\"\n      [offsetY]=\"30\"\n      [target]=\"columnButton\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      #popover\n    >\n      <div class=\"ax-lightest-surface ax-shadow-md ax-border md:ax-w-72 ax-w-full ax-rounded-md\">\n        <ax-header class=\"ax-border-b ax-lighter-surface ax-rounded-t-md ax-p-4 ax-font-bold\">\n          {{ 'entity.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-list-view-option-columns [viewModel]=\"vm\"></axp-list-view-option-columns>\n        </div>\n      </div>\n    </ax-popover>\n    @if (vm.canSort()) {\n      <ax-button [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n        <i class=\"fa-light fa-sort-amount-up\"></i>\n      </ax-button>\n      <ax-popover\n        [adaptivityEnabled]=\"true\"\n        [offsetY]=\"10\"\n        [target]=\"sortButton\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        #popover\n      >\n        <div class=\"ax-lightest-surface ax-shadow-md ax-border md:ax-w-72 ax-w-full ax-rounded-md\">\n          <ax-header class=\"ax-border-b ax-lighter-surface ax-rounded-t-md ax-p-4 ax-font-bold\">\n            {{ 'entity.sorts' | translate | async }}\n          </ax-header>\n          <div class=\"ax-py-2 ax-px-4\">\n            <axp-list-view-option-sorting [viewModel]=\"vm\"></axp-list-view-option-sorting>\n          </div>\n        </div>\n      </ax-popover>\n    }\n    @if (layoutService.isSmall()) {\n      <ax-button (onClick)=\"parent.toggleCategoryDrawer()\" [iconOnly]=\"true\" [color]=\"'default'\">\n        <i class=\"fa-light fa-bars\"></i>\n      </ax-button>\n    }\n  </div>\n</div>\n" }]
-        }], propDecorators: { vm: [{
-                type: Input,
-                args: ['viewModel']
-            }] } });
-
-class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
-    constructor(platform) {
-        super();
-        this.platform = platform;
-        this.activeRoute = inject(ActivatedRoute);
-        this.vm = this.activeRoute.snapshot.data['vm'];
-        //
-        this.store = inject(AXPLayoutThemeService);
-        //
-        this.searchBarShown = signal(true, ...(ngDevMode ? [{ debugName: "searchBarShown" }] : []));
-        this.activeEndSideView = signal('column', ...(ngDevMode ? [{ debugName: "activeEndSideView" }] : []));
-        this.categorySearchValue = signal('', ...(ngDevMode ? [{ debugName: "categorySearchValue" }] : []));
-        // @ViewChild('grid', { static: true}) grid: AXDataTableComponent;
-        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
-        this.commandRowItems = computed(() => {
-            return this.vm.primaryRowActions().map((c) => {
-                return {
-                    icon: c.icon,
-                    name: c.name,
-                    text: translateSync(c.title),
-                    color: c.color,
-                    disabled: c.disabled,
-                    default: c.default,
-                };
-            });
-        }, ...(ngDevMode ? [{ debugName: "commandRowItems" }] : []));
-        this.getDropdownRowItems = (rowData) => {
-            return Promise.resolve(this.dropdownRowItems(rowData));
-        };
-        this.getCommandRowItems = () => {
-            return this.commandRowItems();
-        };
-        effect(() => {
-            if (this.grid()) {
-                this.grid().selectedRows = this.vm.selectedItems();
-            }
-        });
-        //
-        this.vm.events$.subscribe(async (e) => {
-            const refreshTargetId = e.meta?.refreshTargetId;
-            if (e.action == 'refresh') {
-                if (refreshTargetId) {
-                    this.grid()?.refreshItemChildren(refreshTargetId);
-                }
-                else {
-                    this.grid()?.refresh({
-                        reset: false,
-                    });
-                }
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.vm.setView();
-    }
-    // protected closeFiltersDrawer(e: AXDrawerComponent, collapsed: boolean) {
-    //   if (collapsed) {
-    //     e.close();
-    //     this.vm.discardFilters();
-    //   }
-    // }
-    // handleChangeSearchValue(e: AXValueChangedEvent) {
-    //   if (e.isUserInteraction) {
-    //     this.vm.applyInlineFilter(e.value);
-    //   }
-    // }
-    onColumnSizeChanged(e) {
-        if (e.isUserInteraction && e.type === 'end') {
-            this.vm.saveSettings('columnSizes', e.data);
-        }
-    }
-    onPageChanged(e) {
-        if (e.isUserInteraction) {
-            const pageSizeChanged = e.take != this.vm.dataSource.pageSize;
-            if (pageSizeChanged) {
-                this.vm.saveSettings('pageSize', e.take);
-            }
-        }
-    }
-    async dropdownRowItems(rowData) {
-        return (await this.vm.secondaryRowActions(rowData)).map((c) => ({
-            icon: c.icon,
-            name: c.name,
-            text: c.title,
-            color: c.color,
-            disabled: c.disabled,
-            default: c.default,
-        }));
-    }
-    async handleRowDbClick(e) {
-        const allItems = [...this.commandRowItems(), ...(await this.dropdownRowItems(e.data))];
-        const defaultAction = allItems.find((c) => c.default) || allItems[0];
-        const d = {
-            component: e.component,
-            name: defaultAction.name,
-            data: e.data,
-        };
-        this.handleRowCommandClick(d);
-    }
-    async handleRowCommandClick(e) {
-        this.vm.executeCommand(e.name, e.data);
-    }
-    async handleSelectedRowsChange(rows) {
-        this.vm.selectedItems.set(rows);
-    }
-    makeResponsive(value) {
-        if (this.platform.is('Mobile') || this.platform.is('SM')) {
-            return '';
-        }
-        else {
-            return value;
-        }
-    }
-    toggleSideBar(sideBar) {
-        this.toggleEndSide();
-        if (sideBar) {
-            this.activeEndSideView.set(sideBar);
-        }
-    }
-    toggleSearchBar() {
-        this.searchBarShown.update((v) => !v);
-    }
-    handleResetClick(sideBar) {
-        switch (sideBar) {
-            case 'filter': {
-                this.vm.resetFilters();
-                break;
-            }
-            case 'sort': {
-                this.vm.resetSorts();
-                break;
-            }
-            case 'column': {
-                this.vm.resetColumns();
-                break;
-            }
-        }
-    }
-    // protected handleDiscardClick(sideBar: 'filter' | 'sort' | 'column') {
-    //   switch (sideBar) {
-    //     case 'filter': {
-    //       this.vm.discardFilters();
-    //       break;
-    //     }
-    //     case 'sort': {
-    //       this.vm.resetSorts();
-    //       break;
-    //     }
-    //     case 'column': {
-    //       this.vm.resetColumns();
-    //       break;
-    //     }
-    //   }
-    // }
-    handleApplyClick(sideBar) {
-        this.vm.applyFilterAndSort();
-        this.toggleEndSide();
-    }
-    ngOnDestroy() {
-        this.vm.destroy();
-    }
-    toggleCategoryDrawer() {
-        this.toggleStartSide();
-    }
-    getPageTitle() {
-        return this.vm.title();
-    }
-    async getPageDescription() {
-        const description = this.vm.description();
-        if (description) {
-            return this.translateService.translateAsync(description);
-        }
-        return '';
-    }
-    getPageBreadcrumbs() {
-        return this.vm.beardcrumbs();
-    }
-    async getPrimaryMenuItems() {
-        return (await this.vm.getPrimaryActions()).map((tr) => ({
-            name: tr.name,
-            title: tr.title,
-            icon: tr.icon,
-            color: tr.color,
-            disabled: tr.disabled,
-            command: {
-                name: tr.name,
-                options: tr.options,
-                metadata: tr.metadata,
-            },
-        }));
-    }
-    async getSecondaryMenuItems() {
-        return (await this.vm.getSecondaryActions()).map((tr) => ({
-            name: tr.name,
-            title: tr.title,
-            icon: tr.icon,
-            color: tr.color,
-            disabled: tr.disabled,
-            separated: tr.separated,
-            command: {
-                name: tr.name,
-                options: tr.options,
-                metadata: tr.metadata,
-            },
-        }));
-    }
-    async execute(command) {
-        if (command) {
-            this.vm.execute(command);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityMasterListViewComponent, deps: [{ token: i1$2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPEntityMasterListViewComponent, isStandalone: true, selector: "axp-entity-master-list", providers: [
-            {
-                provide: AXPPageLayoutBase,
-                useExisting: AXPEntityMasterListViewComponent,
-            },
-        ], viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.entityDef.category) {\n  <axp-layout-start-side>\n    <axp-entity-category class=\"ax-w-80\" [vm]=\"vm\" [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar>\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-overflow-auto\">\n    <ax-data-table #grid [showFooter]=\"false\" class=\"ax-flex-1\" [paging]=\"true\" [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\" [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\" (onPageChanged)=\"onPageChanged($event)\">\n      @if (vm.view().indexCol === true) {\n      <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n      <ax-select-column fixed=\"start\" [width]=\"'60px'\"></ax-select-column>\n      }\n      @for (col of vm.columns(); track col.name) {\n      @if (col.visible) {\n      <axp-widget-column-renderer [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n        [caption]=\"(col.title | translate | async)!\" [node]=\"col.node()\"\n        [customWidth]=\"col.width\"></axp-widget-column-renderer>\n      }\n      }\n      @if (getCommandRowItems().length) {\n      <ax-command-column fixed=\"end\" [width]=\"getCommandRowItems().length * 60 + 'px'\" [items]=\"getCommandRowItems()\"\n        (onItemClick)=\"handleRowCommandClick($event)\"></ax-command-column>\n      }\n      <ax-dropdown-command-column fixed=\"end\" [width]=\"'60px'\" [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;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))}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i7.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i7.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i7.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i7.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i7.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
-                //
-                AXPLayoutBuilderModule }, { kind: "component", type: i7$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "component", type: 
-                //
-                AXPEntityMasterToolbarViewComponent, selector: "axp-entity-master-toolbar-view", inputs: ["viewModel"] }, { kind: "component", type: 
-                //
-                AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXPEntityCategoryComponent, selector: "axp-entity-category", inputs: ["vm", "searchValue"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPEntityMasterListViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-master-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        FormsModule,
-                        RouterModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXBadgeModule,
-                        AXDropdownModule,
-                        AXPopoverModule,
-                        AXFormModule,
-                        AXActionSheetModule,
-                        AXDrawerModule,
-                        AXDialogModule,
-                        AXLoadingModule,
-                        AXTabsModule,
-                        AXTooltipModule,
-                        AXBreadcrumbsModule,
-                        AXDropdownButtonModule,
-                        AXSearchBoxModule,
-                        AXDataTableModule,
-                        AXTranslationModule,
-                        DragDropModule,
-                        //
-                        AXPLayoutBuilderModule,
-                        AXPWidgetsModule,
-                        AXPAuthModule,
-                        //
-                        AXPEntityMasterToolbarViewComponent,
-                        //
-                        AXPPageLayoutComponent,
-                        AXPThemeLayoutBlockComponent,
-                        AXDropdownButtonModule,
-                        AXPThemeLayoutStartSideComponent,
-                        AXPEntityCategoryComponent,
-                    ], providers: [
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXPEntityMasterListViewComponent,
-                        },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.entityDef.category) {\n  <axp-layout-start-side>\n    <axp-entity-category class=\"ax-w-80\" [vm]=\"vm\" [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar>\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-overflow-auto\">\n    <ax-data-table #grid [showFooter]=\"false\" class=\"ax-flex-1\" [paging]=\"true\" [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\" [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\" (onPageChanged)=\"onPageChanged($event)\">\n      @if (vm.view().indexCol === true) {\n      <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n      <ax-select-column fixed=\"start\" [width]=\"'60px'\"></ax-select-column>\n      }\n      @for (col of vm.columns(); track col.name) {\n      @if (col.visible) {\n      <axp-widget-column-renderer [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n        [caption]=\"(col.title | translate | async)!\" [node]=\"col.node()\"\n        [customWidth]=\"col.width\"></axp-widget-column-renderer>\n      }\n      }\n      @if (getCommandRowItems().length) {\n      <ax-command-column fixed=\"end\" [width]=\"getCommandRowItems().length * 60 + 'px'\" [items]=\"getCommandRowItems()\"\n        (onItemClick)=\"handleRowCommandClick($event)\"></ax-command-column>\n      }\n      <ax-dropdown-command-column fixed=\"end\" [width]=\"'60px'\" [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;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))}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.AXPlatform }] });
-
-export { AXPEntityMasterListViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-hf4QOz_4.mjs.map