@acorex/platform 20.8.18 → 20.8.21

package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-D2CtNrSn.mjs → acorex-platform-themes-default-entity-master-list-view.component-DnFEQS-L.mjs}

@@ -1094,11 +1094,24 @@ class AXPEntityMasterToolbarViewComponent {
             name: s.name,
             dir: s.dir,
         })), ...(ngDevMode ? [{ debugName: "sortQueries" }] : []));
-        this.sortDefinitions = computed(() => this.vm.sortableFields().map((s) => ({
-            name: s.name,
-            title: s.title,
-            dir: s.dir,
-        })), ...(ngDevMode ? [{ debugName: "sortDefinitions" }] : []));
+        this.sortDefinitions = computed(() => {
+            const sortable = this.vm.sortableFields();
+            const active = this.vm.sortedFields();
+            const activeNames = new Set(active.map((s) => s.name));
+            const activeDefs = active.map((s) => ({
+                name: s.name,
+                title: s.title,
+                dir: s.dir,
+            }));
+            const inactiveDefs = sortable
+                .filter((s) => !activeNames.has(s.name))
+                .map((s) => ({
+                name: s.name,
+                title: s.title,
+                dir: undefined,
+            }));
+            return [...activeDefs, ...inactiveDefs];
+        }, ...(ngDevMode ? [{ debugName: "sortDefinitions" }] : []));
     }
     async ngOnInit() {
         // Prefer saved settings (view/columns/sorts/filters) if available, then apply
@@ -1181,12 +1194,19 @@ class AXPEntityMasterToolbarViewComponent {
             this.pendingInitialSorts = false;
             return;
         }
-        this.vm.sortedFields.set(e.map((s) => ({
+        const sortableByName = new Map(this.vm.sortableFields().map((f) => [f.name, f]));
+        const nextSortedFields = e
+            .filter((s) => s.dir && sortableByName.has(s.name))
+            .map((s) => ({
             name: s.name,
-            title: s.name,
+            title: sortableByName.get(s.name).title,
             dir: s.dir,
-        })));
-        // Persist sorts per module/entity/view
+        }));
+        const sortSignature = (fields) => fields.map((s) => `${s.name}:${s.dir ?? ''}`).join('|');
+        if (sortSignature(nextSortedFields) === sortSignature(this.vm.sortedFields())) {
+            return;
+        }
+        this.vm.sortedFields.set(nextSortedFields);
         this.vm.saveSettings('sorts', e);
         this.scheduleApply();
     }
@@ -1194,7 +1214,8 @@ class AXPEntityMasterToolbarViewComponent {
         const keyOf = (c) => c.column?.options?.dataPath ?? c.name;
         this.vm.columns.update((prev) => {
             const byKey = new Map(prev.map((c) => [keyOf(c), c]));
-            return columns.map((newColumn) => {
+            return columns
+                .map((newColumn) => {
                 const existing = byKey.get(keyOf(newColumn));
                 if (!existing) {
                     return null;
@@ -1206,7 +1227,8 @@ class AXPEntityMasterToolbarViewComponent {
                         visible: newColumn.visible,
                     },
                 });
-            }).filter((c) => c != null);
+            })
+                .filter((c) => c != null);
         });
         // Persist column order/visibility
         this.vm.onColumnsChanged(this.vm.columns());
@@ -1511,6 +1533,17 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         this.vm.applyFilterAndSort();
         this.toggleEndSide();
     }
+    handleColumnSort(columnName, event) {
+        void this.vm.toggleColumnSort(columnName, event.ctrlKey || event.metaKey);
+    }
+    resolveColumnSortDirection(sortedFields, columnName) {
+        const dir = sortedFields.find((s) => s.name === columnName)?.dir;
+        return dir === 'asc' || dir === 'desc' ? dir : undefined;
+    }
+    resolveColumnSortIndex(sortedFields, columnName) {
+        const index = sortedFields.findIndex((s) => s.name === columnName);
+        return index >= 0 ? index + 1 : undefined;
+    }
     ngOnDestroy() {
         this.componentDestroyed.next();
         this.componentDestroyed.complete();
@@ -1660,9 +1693,9 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
                 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 id=\"axp-entity-category-drawer\">\n      <axp-entity-category\n        id=\"axp-entity-category\"\n        class=\"ax-w-80\"\n        [vm]=\"vm\"\n        [searchValue]=\"categorySearchValue()\"\n      ></axp-entity-category>\n    </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-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 ax-pt-0\">\n    <div\n      class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\"\n    >\n      <span\n        >{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table\n      id=\"axp-entity-table\"\n      [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\"\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if (vm.showIndexColumn()) {\n        <ax-index-column\n          id=\"axp-table-col-index\"\n          [caption]=\"('@general:terms.common.row-number' | translate | async)!\"\n          fixed=\"start\"\n          [width]=\"'80px'\"\n          [padZero]=\"false\"\n        ></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n        <ax-select-column id=\"axp-table-col-select\" 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\n            [attr.id]=\"'axp-table-col-' + col.name\"\n            [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n            [caption]=\"(col.title | translate | async)!\"\n            [node]=\"col.node()\"\n            [customWidth]=\"col.width\"\n          ></axp-widget-column-renderer>\n        }\n      }\n      @if (getCommandRowItems().length) {\n        <ax-command-column\n          id=\"axp-table-col-commands\"\n          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 70 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        id=\"axp-table-col-dropdown-commands\"\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", 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))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.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: "component", type: i3.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: "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", "hasChildrenField", "rowDetailsTemplate", "title", "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", "emptyStateTemplate", "emptyStateText", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i10.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
+        ], 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 id=\"axp-entity-category-drawer\">\n      <axp-entity-category\n        id=\"axp-entity-category\"\n        class=\"ax-w-80\"\n        [vm]=\"vm\"\n        [searchValue]=\"categorySearchValue()\"\n      ></axp-entity-category>\n    </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-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 ax-pt-0\">\n    <div\n      class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\"\n    >\n      <span\n        >{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table\n      id=\"axp-entity-table\"\n      [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\"\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if (vm.showIndexColumn()) {\n        <ax-index-column\n          id=\"axp-table-col-index\"\n          [caption]=\"('@general:terms.common.row-number' | translate | async)!\"\n          fixed=\"start\"\n          [width]=\"'80px'\"\n          [padZero]=\"false\"\n        ></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n        <ax-select-column id=\"axp-table-col-select\" 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\n            [attr.id]=\"'axp-table-col-' + col.name\"\n            [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n            [caption]=\"(col.title | translate | async)!\"\n            [node]=\"col.node()\"\n            [customWidth]=\"col.width\"\n            [sortEnabled]=\"!!col.sortEnabled\"\n            [headerSortDirection]=\"resolveColumnSortDirection(vm.sortedFields(), col.name)\"\n            [headerSortPriority]=\"resolveColumnSortIndex(vm.sortedFields(), col.name)\"\n            (sortToggle)=\"handleColumnSort(col.name, $event)\"\n          ></axp-widget-column-renderer>\n        }\n      }\n      @if (getCommandRowItems().length) {\n        <ax-command-column\n          id=\"axp-table-col-commands\"\n          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 70 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        id=\"axp-table-col-dropdown-commands\"\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", 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))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.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: "component", type: i3.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: "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", "hasChildrenField", "rowDetailsTemplate", "title", "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", "emptyStateTemplate", "emptyStateText", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i10.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
                 //
-                AXPWidgetCoreModule }, { 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: 
+                AXPWidgetCoreModule }, { kind: "component", type: i7$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "component", type: 
                 //
                 AXPEntityMasterToolbarViewComponent, selector: "axp-entity-master-toolbar-view", inputs: ["viewModel"] }, { kind: "component", type: 
                 //
@@ -1709,8 +1742,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                             provide: AXPPageLayoutBase,
                             useExisting: AXPEntityMasterListViewComponent,
                         },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.entityDef.category) {\n    <axp-layout-start-side id=\"axp-entity-category-drawer\">\n      <axp-entity-category\n        id=\"axp-entity-category\"\n        class=\"ax-w-80\"\n        [vm]=\"vm\"\n        [searchValue]=\"categorySearchValue()\"\n      ></axp-entity-category>\n    </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-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 ax-pt-0\">\n    <div\n      class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\"\n    >\n      <span\n        >{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table\n      id=\"axp-entity-table\"\n      [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\"\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if (vm.showIndexColumn()) {\n        <ax-index-column\n          id=\"axp-table-col-index\"\n          [caption]=\"('@general:terms.common.row-number' | translate | async)!\"\n          fixed=\"start\"\n          [width]=\"'80px'\"\n          [padZero]=\"false\"\n        ></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n        <ax-select-column id=\"axp-table-col-select\" 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\n            [attr.id]=\"'axp-table-col-' + col.name\"\n            [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n            [caption]=\"(col.title | translate | async)!\"\n            [node]=\"col.node()\"\n            [customWidth]=\"col.width\"\n          ></axp-widget-column-renderer>\n        }\n      }\n      @if (getCommandRowItems().length) {\n        <ax-command-column\n          id=\"axp-table-col-commands\"\n          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 70 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        id=\"axp-table-col-dropdown-commands\"\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", 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))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.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"] }]
+                    ], template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.entityDef.category) {\n    <axp-layout-start-side id=\"axp-entity-category-drawer\">\n      <axp-entity-category\n        id=\"axp-entity-category\"\n        class=\"ax-w-80\"\n        [vm]=\"vm\"\n        [searchValue]=\"categorySearchValue()\"\n      ></axp-entity-category>\n    </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-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 ax-pt-0\">\n    <div\n      class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\"\n    >\n      <span\n        >{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table\n      id=\"axp-entity-table\"\n      [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\"\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if (vm.showIndexColumn()) {\n        <ax-index-column\n          id=\"axp-table-col-index\"\n          [caption]=\"('@general:terms.common.row-number' | translate | async)!\"\n          fixed=\"start\"\n          [width]=\"'80px'\"\n          [padZero]=\"false\"\n        ></ax-index-column>\n      }\n      @if (vm.selectedScopeActionsCount()) {\n        <ax-select-column id=\"axp-table-col-select\" 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\n            [attr.id]=\"'axp-table-col-' + col.name\"\n            [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n            [caption]=\"(col.title | translate | async)!\"\n            [node]=\"col.node()\"\n            [customWidth]=\"col.width\"\n            [sortEnabled]=\"!!col.sortEnabled\"\n            [headerSortDirection]=\"resolveColumnSortDirection(vm.sortedFields(), col.name)\"\n            [headerSortPriority]=\"resolveColumnSortIndex(vm.sortedFields(), col.name)\"\n            (sortToggle)=\"handleColumnSort(col.name, $event)\"\n          ></axp-widget-column-renderer>\n        }\n      }\n      @if (getCommandRowItems().length) {\n        <ax-command-column\n          id=\"axp-table-col-commands\"\n          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 70 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        id=\"axp-table-col-dropdown-commands\"\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", 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))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.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$1.AXPlatform }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
 
 export { AXPEntityMasterListViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-D2CtNrSn.mjs.map
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-DnFEQS-L.mjs.map