@acorex/platform 20.3.0-next.9 → 20.4.0

package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-7BB4LdjK.mjs → acorex-platform-themes-default-entity-master-list-view.component-rdKxuMC_.mjs}

@@ -5,7 +5,7 @@ import { AXDrawerModule } from '@acorex/components/drawer';
 import * as i1$1 from '@acorex/core/platform';
 import * as i0 from '@angular/core';
 import { inject, input, viewChild, signal, ViewEncapsulation, Component, computed, effect, Input, ChangeDetectionStrategy } from '@angular/core';
-import { ActivatedRoute, RouterModule } from '@angular/router';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
 import * as i3$1 from '@acorex/components/button';
@@ -26,10 +26,10 @@ import { AXTooltipModule } from '@acorex/components/tooltip';
 import * as i10 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, AXPStateMessageComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPQueryColumnsComponent, AXPThemeLayoutStartSideComponent } from '@acorex/platform/layout/components';
-import { AXPWidgetsModule } from '@acorex/platform/widgets';
+import * as i7$1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -237,10 +237,10 @@ class AXPEntityCategoryComponent {
         });
         await this.refreshAfterChange(node[this.categoryEntityDef?.parentKey]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", 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: "<axp-layout-header>\n  <axp-layout-title>{{\n    vm().entityDef.category?.title || '@general:terms.classification.category' | translate | async\n  }}</axp-layout-title>\n  <axp-layout-toolbar>\n    <ax-search-box\n      (onValueChanged)=\"handleCategorySearchChange($event)\"\n      [delayTime]=\"300\"\n      [placeholder]=\"'@general:terms.interface.category.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    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@general:terms.interface.category.search.no-records.title'\"\n      [description]=\"'@general:terms.interface.category.search.no-records.description'\"\n    >\n    </axp-state-message>\n  }\n\n  <ng-template #itemTemplate let-item>\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon class=\"fas ax-text-warning fa-folder\"></ax-icon>\n        <span class=\"ax-truncate\">{{ item.title }}</span>\n      </div>\n      @if (item.id && item.id !== 'all') {\n        <div class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-button class=\"ax-xs\" color=\"default\" look=\"blank\" (onClick)=\"$event.nativeEvent.stopPropagation()\">\n            <ax-icon class=\"fas fa-ellipsis-v\"></ax-icon>\n            <ax-dropdown-panel>\n              <ax-button-item-list>\n                <ax-button-item\n                  (onClick)=\"handleCreateChildClick(item, $event)\"\n                  look=\"blank\"\n                  color=\"default\"\n                  text=\"Add New Child\"\n                >\n                  <ax-icon class=\"fas fa-plus\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item (onClick)=\"handleEditNodeClick(item, $event)\" look=\"blank\" text=\"Edit\">\n                  <ax-icon class=\"fas fa-pen\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleDeleteNodeClick(item, $event)\"\n                  color=\"danger\"\n                  look=\"blank\"\n                  text=\"Delete\"\n                >\n                  <ax-icon class=\"fas fa-trash\"></ax-icon>\n                </ax-button-item>\n              </ax-button-item-list>\n            </ax-dropdown-panel>\n          </ax-button>\n        </div>\n      } @else if (item.id === 'all') {\n        <div class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-button class=\"ax-xs\" (onClick)=\"handleCreateRootClick($event)\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"fas fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  </ng-template>\n</axp-layout-content>\n", styles: ["ax-tree-view-item .ax-tree-view-items{width:100%;min-width:0px}ax-tree-view-item .ax-tree-view-items>div{width:100%}ax-tree-view-item .ax-state-tree-view-active{background-color:rgb(var(--ax-sys-color-light-surface))!important;color:rgb(var(--ax-sys-color-on-light-surface))!important;border-color:rgb(var(--ax-sys-color-border-light-surface))!important}\n"], 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: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.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: "component", type: i3$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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: "<axp-layout-header>\n  <axp-layout-title>{{\n    vm().entityDef.category?.title || '@general:terms.classification.category' | translate | async\n  }}</axp-layout-title>\n  <axp-layout-toolbar>\n    <ax-search-box\n      (onValueChanged)=\"handleCategorySearchChange($event)\"\n      [delayTime]=\"300\"\n      [placeholder]=\"'@general:terms.interface.category.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    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@general:terms.interface.category.search.no-records.title'\"\n      [description]=\"'@general:terms.interface.category.search.no-records.description'\"\n    >\n    </axp-state-message>\n  }\n\n  <ng-template #itemTemplate let-item>\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon class=\"fas ax-text-warning fa-folder\"></ax-icon>\n        <span class=\"ax-truncate\">{{ item.title }}</span>\n      </div>\n      @if (item.id && item.id !== 'all') {\n        <div class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-button class=\"ax-xs\" color=\"default\" look=\"blank\" (onClick)=\"$event.nativeEvent.stopPropagation()\">\n            <ax-icon class=\"fas fa-ellipsis-v\"></ax-icon>\n            <ax-dropdown-panel>\n              <ax-button-item-list>\n                <ax-button-item\n                  (onClick)=\"handleCreateChildClick(item, $event)\"\n                  look=\"blank\"\n                  color=\"default\"\n                  text=\"Add New Child\"\n                >\n                  <ax-icon class=\"fas fa-plus\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item (onClick)=\"handleEditNodeClick(item, $event)\" look=\"blank\" text=\"Edit\">\n                  <ax-icon class=\"fas fa-pen\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleDeleteNodeClick(item, $event)\"\n                  color=\"danger\"\n                  look=\"blank\"\n                  text=\"Delete\"\n                >\n                  <ax-icon class=\"fas fa-trash\"></ax-icon>\n                </ax-button-item>\n              </ax-button-item-list>\n            </ax-dropdown-panel>\n          </ax-button>\n        </div>\n      } @else if (item.id === 'all') {\n        <div class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-button class=\"ax-xs\" (onClick)=\"handleCreateRootClick($event)\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"fas fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  </ng-template>\n</axp-layout-content>\n", styles: ["ax-tree-view-item .ax-tree-view-items{width:100%;min-width:0px}ax-tree-view-item .ax-tree-view-items>div{width:100%}ax-tree-view-item .ax-state-tree-view-active{background-color:rgb(var(--ax-sys-color-light-surface))!important;color:rgb(var(--ax-sys-color-on-light-surface))!important;border-color:rgb(var(--ax-sys-color-border-light-surface))!important}\n"], 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: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.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: "component", type: i3$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCategoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCategoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-entity-category', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
                         CommonModule,
@@ -262,6 +262,8 @@ class AXPEntityMasterToolbarViewComponent {
     constructor() {
         this.layoutService = inject(AXPLayoutThemeService);
         this.parent = inject(AXPEntityMasterListViewComponent);
+        this.router = inject(Router);
+        this.activeRoute = inject(ActivatedRoute);
         this.isInitializing = false;
         this.pendingInitialFilters = true;
         this.pendingInitialSorts = true;
@@ -329,6 +331,13 @@ class AXPEntityMasterToolbarViewComponent {
     }
     async onViewChanged(view) {
         await this.vm.setView(view.name);
+        // Sync query param immediately on tab change
+        this.router.navigate([], {
+            relativeTo: this.activeRoute,
+            queryParams: { view: view.name },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
         this.isInitializing = true;
         this.pendingInitialFilters = true;
         this.pendingInitialSorts = true;
@@ -398,10 +407,10 @@ class AXPEntityMasterToolbarViewComponent {
         // Use debounced apply to avoid triple refresh when combined with sorts/filters
         // this.scheduleApply();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", 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<axp-query-views\n  [views]=\"viewQueries()\"\n  [selectedView]=\"selectedViewQuery()\"\n  (selectedViewChange)=\"onViewChanged($event)\"\n></axp-query-views>\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-query-filters\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-query-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          {{ '@general:terms.common.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-query-columns [columns]=\"vm.columns()\" (columnsChange)=\"onColumnsChange($event)\"></axp-query-columns>\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            {{ '@general:terms.common.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            <axp-query-sorts\n              [sortDefinitions]=\"sortDefinitions()\"\n              (sortQueriesChange)=\"onSortQueriesChange($event)\"\n              [initialSortQueries]=\"sortQueries()\"\n            ></axp-query-sorts>\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$1.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: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters"], outputs: ["onFiltersChanged"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.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: AXPQuerySortsComponent, selector: "axp-query-sorts", inputs: ["sortDefinitions", "initialSortQueries"], outputs: ["sortDefinitionsChange", "sortQueriesChange"] }, { kind: "component", type: AXPQueryViewsComponent, selector: "axp-query-views", inputs: ["views", "selectedView"], outputs: ["viewsChange", "selectedViewChange"] }, { kind: "component", type: AXPQueryColumnsComponent, selector: "axp-query-columns", inputs: ["columns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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<axp-query-views\n  id=\"axp-toolbar-view-selector\"\n  [views]=\"viewQueries()\"\n  [selectedView]=\"selectedViewQuery()\"\n  (selectedViewChange)=\"onViewChanged($event)\"\n></axp-query-views>\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-query-filters\n    id=\"axp-toolbar-filters\"\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-query-filters>\n\n  <div class=\"ax-flex ax-items-center ax-gap-1 md:ax-gap-2\">\n    <ax-button id=\"axp-toolbar-btn-columns\" [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n      <i class=\"fa-light fa-table-columns\"></i>\n    </ax-button>\n    <ax-popover\n      id=\"axp-popover-columns\"\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          {{ '@general:terms.common.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-query-columns [columns]=\"vm.columns()\" (columnsChange)=\"onColumnsChange($event)\"></axp-query-columns>\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 id=\"axp-toolbar-btn-sort\" [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n        <i class=\"fa-light fa-sort-amount-up\"></i>\n      </ax-button>\n      <ax-popover\n        id=\"axp-popover-sort\"\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            {{ '@general:terms.common.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            <axp-query-sorts\n              [sortDefinitions]=\"sortDefinitions()\"\n              (sortQueriesChange)=\"onSortQueriesChange($event)\"\n              [initialSortQueries]=\"sortQueries()\"\n            ></axp-query-sorts>\n          </div>\n        </div>\n      </ax-popover>\n    }\n    @if (layoutService.isSmall()) {\n      <ax-button\n        id=\"axp-toolbar-btn-category\"\n        (onClick)=\"parent.toggleCategoryDrawer()\"\n        [iconOnly]=\"true\"\n        [color]=\"'default'\"\n      >\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$1.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: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters"], outputs: ["onFiltersChanged"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.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: AXPQuerySortsComponent, selector: "axp-query-sorts", inputs: ["sortDefinitions", "initialSortQueries"], outputs: ["sortDefinitionsChange", "sortQueriesChange"] }, { kind: "component", type: AXPQueryViewsComponent, selector: "axp-query-views", inputs: ["views", "selectedView"], outputs: ["viewsChange", "selectedViewChange"] }, { kind: "component", type: AXPQueryColumnsComponent, selector: "axp-query-columns", inputs: ["columns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-entity-master-toolbar-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -415,7 +424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                         AXPQueryColumnsComponent,
                     ], host: {
                         class: 'ax-w-full',
-                    }, template: "<!-- <axp-entity-view-toolbar [viewModel]=\"vm\"></axp-entity-view-toolbar> -->\n<axp-query-views\n  [views]=\"viewQueries()\"\n  [selectedView]=\"selectedViewQuery()\"\n  (selectedViewChange)=\"onViewChanged($event)\"\n></axp-query-views>\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-query-filters\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-query-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          {{ '@general:terms.common.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-query-columns [columns]=\"vm.columns()\" (columnsChange)=\"onColumnsChange($event)\"></axp-query-columns>\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            {{ '@general:terms.common.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            <axp-query-sorts\n              [sortDefinitions]=\"sortDefinitions()\"\n              (sortQueriesChange)=\"onSortQueriesChange($event)\"\n              [initialSortQueries]=\"sortQueries()\"\n            ></axp-query-sorts>\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" }]
+                    }, template: "<!-- <axp-entity-view-toolbar [viewModel]=\"vm\"></axp-entity-view-toolbar> -->\n<axp-query-views\n  id=\"axp-toolbar-view-selector\"\n  [views]=\"viewQueries()\"\n  [selectedView]=\"selectedViewQuery()\"\n  (selectedViewChange)=\"onViewChanged($event)\"\n></axp-query-views>\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-query-filters\n    id=\"axp-toolbar-filters\"\n    [filtersDefinitions]=\"filtersDefinitions()\"\n    [initialFilters]=\"initialFilters()\"\n    (onFiltersChanged)=\"onFiltersChanged($event)\"\n  ></axp-query-filters>\n\n  <div class=\"ax-flex ax-items-center ax-gap-1 md:ax-gap-2\">\n    <ax-button id=\"axp-toolbar-btn-columns\" [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n      <i class=\"fa-light fa-table-columns\"></i>\n    </ax-button>\n    <ax-popover\n      id=\"axp-popover-columns\"\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          {{ '@general:terms.common.columns' | translate | async }}\n        </ax-header>\n        <div class=\"ax-py-2 ax-px-4\">\n          <axp-query-columns [columns]=\"vm.columns()\" (columnsChange)=\"onColumnsChange($event)\"></axp-query-columns>\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 id=\"axp-toolbar-btn-sort\" [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n        <i class=\"fa-light fa-sort-amount-up\"></i>\n      </ax-button>\n      <ax-popover\n        id=\"axp-popover-sort\"\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            {{ '@general:terms.common.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            <axp-query-sorts\n              [sortDefinitions]=\"sortDefinitions()\"\n              (sortQueriesChange)=\"onSortQueriesChange($event)\"\n              [initialSortQueries]=\"sortQueries()\"\n            ></axp-query-sorts>\n          </div>\n        </div>\n      </ax-popover>\n    }\n    @if (layoutService.isSmall()) {\n      <ax-button\n        id=\"axp-toolbar-btn-category\"\n        (onClick)=\"parent.toggleCategoryDrawer()\"\n        [iconOnly]=\"true\"\n        [color]=\"'default'\"\n      >\n        <i class=\"fa-light fa-bars\"></i>\n      </ax-button>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { vm: [{
                 type: Input,
                 args: ['viewModel']
@@ -426,6 +435,7 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         super();
         this.platform = platform;
         this.activeRoute = inject(ActivatedRoute);
+        this.router = inject(Router);
         this.vm = this.activeRoute.snapshot.data['vm'];
         //
         this.store = inject(AXPLayoutThemeService);
@@ -435,6 +445,7 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         this.categorySearchValue = signal('', ...(ngDevMode ? [{ debugName: "categorySearchValue" }] : []));
         // @ViewChild('grid', { static: true}) grid: AXDataTableComponent;
         this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
+        this.initializedFromRoute = false;
         this.commandRowItems = computed(() => {
             return this.vm.primaryRowActions().map((c) => {
                 return {
@@ -472,21 +483,45 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
                 }
             }
         });
+        // Keep URL query param `view` in sync with current vm view
+        effect(() => {
+            if (!this.initializedFromRoute) {
+                return;
+            }
+            const currentViewName = this.vm.view().name;
+            const urlView = this.activeRoute.snapshot.queryParamMap.get('view');
+            if (currentViewName && currentViewName !== urlView) {
+                this.router.navigate([], {
+                    relativeTo: this.activeRoute,
+                    queryParams: { view: currentViewName },
+                    queryParamsHandling: 'merge',
+                    replaceUrl: true,
+                });
+            }
+        });
+    }
+    async ngOnInit() {
+        // React to external URL changes (back/forward navigation or deep links)
+        this.queryParamSub = this.activeRoute.queryParamMap.subscribe(async (qp) => {
+            const viewFromUrl = qp.get('view');
+            await this.vm.setView(viewFromUrl);
+        });
     }
-    ngAfterViewInit() {
-        this.vm.setView();
+    async ngAfterViewInit() {
+        const viewFromUrl = this.activeRoute.snapshot.queryParamMap.get('view');
+        await this.vm.setView(viewFromUrl);
+        const resolvedView = this.vm.view().name;
+        const currentUrlView = this.activeRoute.snapshot.queryParamMap.get('view');
+        if (currentUrlView !== resolvedView) {
+            this.router.navigate([], {
+                relativeTo: this.activeRoute,
+                queryParams: { view: resolvedView },
+                queryParamsHandling: 'merge',
+                replaceUrl: true,
+            });
+        }
+        this.initializedFromRoute = true;
     }
-    // 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);
@@ -520,7 +555,7 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         // const defaultAction = allItems.find((c) => (c as any).default) || allItems[0];
         const defaultAction = allItems.find((c) => {
             const commandName = c.name.split('&')[0];
-            return c.default || commandName === 'open-entity';
+            return (c.default || commandName === 'open-entity') && !c.disabled;
         });
         if (!defaultAction) {
             return;
@@ -592,6 +627,7 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         this.toggleEndSide();
     }
     ngOnDestroy() {
+        this.queryParamSub?.unsubscribe();
         this.vm.destroy();
     }
     toggleCategoryDrawer() {
@@ -644,21 +680,21 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
             this.vm.execute(command);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterListViewComponent, deps: [{ token: i1$1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEntityMasterListViewComponent, isStandalone: true, selector: "axp-entity-master-list", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterListViewComponent, deps: [{ token: i1$1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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\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.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\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          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 60 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\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))}.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: 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\">\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.view().indexCol === true) {\n        <ax-index-column id=\"axp-table-col-index\" fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></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 * 60 + '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))}.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: i10.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: 
+                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: 
                 //
                 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: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterListViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-entity-master-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -683,7 +719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                         AXTranslationModule,
                         DragDropModule,
                         //
-                        AXPLayoutBuilderModule,
+                        AXPWidgetCoreModule,
                         AXPWidgetsModule,
                         AXPAuthModule,
                         //
@@ -699,8 +735,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                             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\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.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\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          fixed=\"end\"\n          [width]=\"getCommandRowItems().length * 60 + 'px'\"\n          [items]=\"getCommandRowItems()\"\n          (onItemClick)=\"handleRowCommandClick($event)\"\n        ></ax-command-column>\n      }\n      <ax-dropdown-command-column\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))}.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\">\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.view().indexCol === true) {\n        <ax-index-column id=\"axp-table-col-index\" fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></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 * 60 + '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))}.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 }] });
 
 export { AXPEntityMasterListViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-7BB4LdjK.mjs.map
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-rdKxuMC_.mjs.map