@acorex/platform 21.0.0-next.34 → 21.0.0-next.39

package/fesm2022/acorex-platform-themes-default.mjs

@@ -29,7 +29,7 @@ import { AXUnsubscriber } from '@acorex/core/utils';
 import { AXPAuthModule, AXPSessionService, AXPSessionStatus, AXPAuthGuard } from '@acorex/platform/auth';
 import { AXPRefreshEvent, AXPSettingsService, AXPCommonSettings, AXP_PLATFORM_CONFIG_TOKEN, AXPMenuService, AXPMenuVisibilityService, AXPCommonModule } from '@acorex/platform/common';
 import * as i1$3 from '@acorex/platform/core';
-import { AXPDeviceService, AXHighlightService, AXPResolveMultiLanguageStringPipe, AXPComponentSlotModule, AXPPlatformScope, AXPBroadcastEventService, AXPContextStore } from '@acorex/platform/core';
+import { AXPDeviceService, AXHighlightService, AXPComponentSlotModule, AXPPlatformScope, AXPBroadcastEventService, AXPContextStore } from '@acorex/platform/core';
 import { AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY, AXPEntityDefinitionRegistryService, AXPCategoryTreeService, AXPEntityListViewColumnViewModel, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
 import * as i7$1 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
@@ -1202,7 +1202,7 @@ class AXPEntityCategoryComponent {
         this.isLoading.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, selectMode: { classPropertyName: "selectMode", publicName: "selectMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, dragArea: { classPropertyName: "dragArea", publicName: "dragArea", isSignal: true, isRequired: false, transformFunction: null }, dragBehavior: { classPropertyName: "dragBehavior", publicName: "dragBehavior", isSignal: true, isRequired: false, transformFunction: null }, showIcons: { classPropertyName: "showIcons", publicName: "showIcons", isSignal: true, isRequired: false, transformFunction: null }, showChildrenBadge: { classPropertyName: "showChildrenBadge", publicName: "showChildrenBadge", isSignal: true, isRequired: false, transformFunction: null }, expandedIcon: { classPropertyName: "expandedIcon", publicName: "expandedIcon", isSignal: true, isRequired: false, transformFunction: null }, collapsedIcon: { classPropertyName: "collapsedIcon", publicName: "collapsedIcon", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, searchWithChildren: { classPropertyName: "searchWithChildren", publicName: "searchWithChildren", 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    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-w-full\">\n      <ax-search-box (onValueChanged)=\"handleCategorySearchChange($event)\" [delayTime]=\"300\"\n        [placeholder]=\"'@general:terms.interface.category.search.placeholder' | translate | async\">\n      </ax-search-box>\n      @if (isSearching() && currentSearchValue().trim()) {\n      <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n        <span>{{ '@general:terms.interface.category.search.searching' | translate | async }}</span>\n      </div>\n      } @else if (currentSearchValue().trim() && !isSearching()) {\n      <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n        @if (searchResultCount() > 0) {\n        <span>{{ resultsFoundText() }}</span>\n        }\n      </div>\n      }\n    </div>\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 (showNoSearchResults()) {\n  <div class=\"__empty-state\">\n    <axp-state-message icon=\"fa-light fa-search\"\n      [title]=\"'@general:terms.interface.category.search.no-results-found.title'\"\n      [description]=\"'@general:terms.interface.category.search.no-results-found.description'\">\n    </axp-state-message>\n  </div>\n  } @else if (treeData) {\n  <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n    <ax-tree-view [datasource]=\"datasource\" [selectMode]=\"selectMode()\" [selectionBehavior]=\"selectionBehavior()\"\n      [dragArea]=\"dragArea()\" [dragBehavior]=\"dragBehavior()\" [showIcons]=\"showIcons()\"\n      [showChildrenBadge]=\"showChildrenBadge()\" [expandedIcon]=\"expandedIcon()\" [collapsedIcon]=\"collapsedIcon()\"\n      [indentSize]=\"indentSize()\" [look]=\"look()\" [titleField]=\"textField()\" [idField]=\"valueField()\"\n      [expandOnDoubleClick]=\"true\" [nodeTemplate]=\"itemTemplate\" (onNodeToggle)=\"onNodeToggle($event)\"\n      (onNodeClick)=\"handleNodeClick($event.node)\" #tree>\n    </ax-tree-view>\n  </div>\n  } @else {\n  <div class=\"__empty-state\">\n    <axp-state-message 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      @if (!categoryReadonly()) {\n      <ax-button slot=\"actions\" (onClick)=\"handleCreateRootClick($event)\" look=\"solid\" color=\"primary\"\n        [text]=\"'@general:actions.add-new.title' | translate | async\">\n        <ax-icon class=\"fas fa-plus\"></ax-icon>\n      </ax-button>\n      }\n    </axp-state-message>\n  </div>\n  }\n\n  <ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n    @let item = node.data || node;\n    @let textField = vm().entityDef.category?.textField || 'title';\n    @let valueField = vm().entityDef.category?.valueField || 'id';\n    @let itemId = item[valueField] || node.id;\n    @let rawLabel = item[textField] || node.title;\n    @let itemTitle = rawLabel | axpResolveMultiLanguageString;\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden ax-py-1\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon class=\"fas fa-folder\"\n          [style.color]=\"item.color ?? 'rgba(var(--ax-sys-color-warning-500), 1)'\"></ax-icon>\n        <span class=\"ax-truncate\">\n          @if (itemId === 'all') {\n            {{ categoryTreeRootTitleI18nKey | translate | async }}\n          } @else {\n            {{ itemTitle }}\n          }\n        </span>\n      </div>\n      @if (itemId && itemId !== 'all' && !categoryReadonly()) {\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 (onClick)=\"handleCreateChildClick(node, $event)\" look=\"blank\" color=\"default\"\n                [text]=\"('@general:actions.add-new-child.title' | translate | async)!\">\n                <ax-icon class=\"fas fa-plus\"></ax-icon>\n              </ax-button-item>\n              <ax-button-item (onClick)=\"handleEditNodeClick(node, $event)\" look=\"blank\"\n                [text]=\"('@general:actions.edit.title' | translate | async)!\">\n                <ax-icon class=\"fas fa-pen\"></ax-icon>\n              </ax-button-item>\n              <ax-button-item (onClick)=\"handleDeleteNodeClick(node, $event)\" color=\"danger\" look=\"blank\"\n                [text]=\"('@general:actions.delete.title' | translate | async)!\">\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 (itemId === 'all' && !categoryReadonly()) {\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>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTreeViewModule }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$2.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", "autoSearch"], 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.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.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], 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$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, selectMode: { classPropertyName: "selectMode", publicName: "selectMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, dragArea: { classPropertyName: "dragArea", publicName: "dragArea", isSignal: true, isRequired: false, transformFunction: null }, dragBehavior: { classPropertyName: "dragBehavior", publicName: "dragBehavior", isSignal: true, isRequired: false, transformFunction: null }, showIcons: { classPropertyName: "showIcons", publicName: "showIcons", isSignal: true, isRequired: false, transformFunction: null }, showChildrenBadge: { classPropertyName: "showChildrenBadge", publicName: "showChildrenBadge", isSignal: true, isRequired: false, transformFunction: null }, expandedIcon: { classPropertyName: "expandedIcon", publicName: "expandedIcon", isSignal: true, isRequired: false, transformFunction: null }, collapsedIcon: { classPropertyName: "collapsedIcon", publicName: "collapsedIcon", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, searchWithChildren: { classPropertyName: "searchWithChildren", publicName: "searchWithChildren", 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    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-w-full\">\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      @if (isSearching() && currentSearchValue().trim()) {\n        <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n          <span>{{ '@general:terms.interface.category.search.searching' | translate | async }}</span>\n        </div>\n      } @else if (currentSearchValue().trim() && !isSearching()) {\n        <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n          @if (searchResultCount() > 0) {\n            <span>{{ resultsFoundText() }}</span>\n          }\n        </div>\n      }\n    </div>\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 (showNoSearchResults()) {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-search\"\n        [title]=\"'@general:terms.interface.category.search.no-results-found.title'\"\n        [description]=\"'@general:terms.interface.category.search.no-results-found.description'\"\n      >\n      </axp-state-message>\n    </div>\n  } @else if (treeData) {\n    <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n      <ax-tree-view\n        [datasource]=\"datasource\"\n        [selectMode]=\"selectMode()\"\n        [selectionBehavior]=\"selectionBehavior()\"\n        [dragArea]=\"dragArea()\"\n        [dragBehavior]=\"dragBehavior()\"\n        [showIcons]=\"showIcons()\"\n        [showChildrenBadge]=\"showChildrenBadge()\"\n        [expandedIcon]=\"expandedIcon()\"\n        [collapsedIcon]=\"collapsedIcon()\"\n        [indentSize]=\"indentSize()\"\n        [look]=\"look()\"\n        [titleField]=\"textField()\"\n        [idField]=\"valueField()\"\n        [expandOnDoubleClick]=\"true\"\n        [nodeTemplate]=\"itemTemplate\"\n        (onNodeToggle)=\"onNodeToggle($event)\"\n        (onNodeClick)=\"handleNodeClick($event.node)\"\n        #tree\n      >\n      </ax-tree-view>\n    </div>\n  } @else {\n    <div class=\"__empty-state\">\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        @if (!categoryReadonly()) {\n          <ax-button\n            slot=\"actions\"\n            (onClick)=\"handleCreateRootClick($event)\"\n            look=\"solid\"\n            color=\"primary\"\n            [text]=\"'@general:actions.add-new.title' | translate | async\"\n          >\n            <ax-icon class=\"fas fa-plus\"></ax-icon>\n          </ax-button>\n        }\n      </axp-state-message>\n    </div>\n  }\n\n  <ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n    @let item = node.data || node;\n    @let textField = vm().entityDef.category?.textField || 'title';\n    @let valueField = vm().entityDef.category?.valueField || 'id';\n    @let itemId = item[valueField] || node.id;\n    @let rawLabel = item[textField] || node.title;\n    @let itemTitle = rawLabel | translate | async;\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden ax-py-1\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon\n          class=\"fas fa-folder\"\n          [style.color]=\"item.color ?? 'rgba(var(--ax-sys-color-warning-500), 1)'\"\n        ></ax-icon>\n        <span class=\"ax-truncate\">\n          @if (itemId === 'all') {\n            {{ categoryTreeRootTitleI18nKey | translate | async }}\n          } @else {\n            {{ itemTitle }}\n          }\n        </span>\n      </div>\n      @if (itemId && itemId !== 'all' && !categoryReadonly()) {\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(node, $event)\"\n                  look=\"blank\"\n                  color=\"default\"\n                  [text]=\"('@general:actions.add-new-child.title' | translate | async)!\"\n                >\n                  <ax-icon class=\"fas fa-plus\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleEditNodeClick(node, $event)\"\n                  look=\"blank\"\n                  [text]=\"('@general:actions.edit.title' | translate | async)!\"\n                >\n                  <ax-icon class=\"fas fa-pen\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleDeleteNodeClick(node, $event)\"\n                  color=\"danger\"\n                  look=\"blank\"\n                  [text]=\"('@general:actions.delete.title' | translate | async)!\"\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 (itemId === 'all' && !categoryReadonly()) {\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: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTreeViewModule }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$2.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", "autoSearch"], 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.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.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], 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$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryComponent, decorators: [{
             type: Component,
@@ -1220,8 +1220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXButtonModule,
                         AXDropdownModule,
                         AXPStateMessageComponent,
-                        AXPResolveMultiLanguageStringPipe
-                    ], 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    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-w-full\">\n      <ax-search-box (onValueChanged)=\"handleCategorySearchChange($event)\" [delayTime]=\"300\"\n        [placeholder]=\"'@general:terms.interface.category.search.placeholder' | translate | async\">\n      </ax-search-box>\n      @if (isSearching() && currentSearchValue().trim()) {\n      <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n        <span>{{ '@general:terms.interface.category.search.searching' | translate | async }}</span>\n      </div>\n      } @else if (currentSearchValue().trim() && !isSearching()) {\n      <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n        @if (searchResultCount() > 0) {\n        <span>{{ resultsFoundText() }}</span>\n        }\n      </div>\n      }\n    </div>\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 (showNoSearchResults()) {\n  <div class=\"__empty-state\">\n    <axp-state-message icon=\"fa-light fa-search\"\n      [title]=\"'@general:terms.interface.category.search.no-results-found.title'\"\n      [description]=\"'@general:terms.interface.category.search.no-results-found.description'\">\n    </axp-state-message>\n  </div>\n  } @else if (treeData) {\n  <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n    <ax-tree-view [datasource]=\"datasource\" [selectMode]=\"selectMode()\" [selectionBehavior]=\"selectionBehavior()\"\n      [dragArea]=\"dragArea()\" [dragBehavior]=\"dragBehavior()\" [showIcons]=\"showIcons()\"\n      [showChildrenBadge]=\"showChildrenBadge()\" [expandedIcon]=\"expandedIcon()\" [collapsedIcon]=\"collapsedIcon()\"\n      [indentSize]=\"indentSize()\" [look]=\"look()\" [titleField]=\"textField()\" [idField]=\"valueField()\"\n      [expandOnDoubleClick]=\"true\" [nodeTemplate]=\"itemTemplate\" (onNodeToggle)=\"onNodeToggle($event)\"\n      (onNodeClick)=\"handleNodeClick($event.node)\" #tree>\n    </ax-tree-view>\n  </div>\n  } @else {\n  <div class=\"__empty-state\">\n    <axp-state-message 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      @if (!categoryReadonly()) {\n      <ax-button slot=\"actions\" (onClick)=\"handleCreateRootClick($event)\" look=\"solid\" color=\"primary\"\n        [text]=\"'@general:actions.add-new.title' | translate | async\">\n        <ax-icon class=\"fas fa-plus\"></ax-icon>\n      </ax-button>\n      }\n    </axp-state-message>\n  </div>\n  }\n\n  <ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n    @let item = node.data || node;\n    @let textField = vm().entityDef.category?.textField || 'title';\n    @let valueField = vm().entityDef.category?.valueField || 'id';\n    @let itemId = item[valueField] || node.id;\n    @let rawLabel = item[textField] || node.title;\n    @let itemTitle = rawLabel | axpResolveMultiLanguageString;\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden ax-py-1\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon class=\"fas fa-folder\"\n          [style.color]=\"item.color ?? 'rgba(var(--ax-sys-color-warning-500), 1)'\"></ax-icon>\n        <span class=\"ax-truncate\">\n          @if (itemId === 'all') {\n            {{ categoryTreeRootTitleI18nKey | translate | async }}\n          } @else {\n            {{ itemTitle }}\n          }\n        </span>\n      </div>\n      @if (itemId && itemId !== 'all' && !categoryReadonly()) {\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 (onClick)=\"handleCreateChildClick(node, $event)\" look=\"blank\" color=\"default\"\n                [text]=\"('@general:actions.add-new-child.title' | translate | async)!\">\n                <ax-icon class=\"fas fa-plus\"></ax-icon>\n              </ax-button-item>\n              <ax-button-item (onClick)=\"handleEditNodeClick(node, $event)\" look=\"blank\"\n                [text]=\"('@general:actions.edit.title' | translate | async)!\">\n                <ax-icon class=\"fas fa-pen\"></ax-icon>\n              </ax-button-item>\n              <ax-button-item (onClick)=\"handleDeleteNodeClick(node, $event)\" color=\"danger\" look=\"blank\"\n                [text]=\"('@general:actions.delete.title' | translate | async)!\">\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 (itemId === 'all' && !categoryReadonly()) {\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>" }]
+                    ], 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    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-w-full\">\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      @if (isSearching() && currentSearchValue().trim()) {\n        <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n          <span>{{ '@general:terms.interface.category.search.searching' | translate | async }}</span>\n        </div>\n      } @else if (currentSearchValue().trim() && !isSearching()) {\n        <div class=\"ax-text-xs ax-text-muted ax-flex ax-items-center ax-gap-1\">\n          @if (searchResultCount() > 0) {\n            <span>{{ resultsFoundText() }}</span>\n          }\n        </div>\n      }\n    </div>\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 (showNoSearchResults()) {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-search\"\n        [title]=\"'@general:terms.interface.category.search.no-results-found.title'\"\n        [description]=\"'@general:terms.interface.category.search.no-results-found.description'\"\n      >\n      </axp-state-message>\n    </div>\n  } @else if (treeData) {\n    <div class=\"ax-px-4 ax-max-h-[calc(100vh-250px)] ax-overflow-auto\">\n      <ax-tree-view\n        [datasource]=\"datasource\"\n        [selectMode]=\"selectMode()\"\n        [selectionBehavior]=\"selectionBehavior()\"\n        [dragArea]=\"dragArea()\"\n        [dragBehavior]=\"dragBehavior()\"\n        [showIcons]=\"showIcons()\"\n        [showChildrenBadge]=\"showChildrenBadge()\"\n        [expandedIcon]=\"expandedIcon()\"\n        [collapsedIcon]=\"collapsedIcon()\"\n        [indentSize]=\"indentSize()\"\n        [look]=\"look()\"\n        [titleField]=\"textField()\"\n        [idField]=\"valueField()\"\n        [expandOnDoubleClick]=\"true\"\n        [nodeTemplate]=\"itemTemplate\"\n        (onNodeToggle)=\"onNodeToggle($event)\"\n        (onNodeClick)=\"handleNodeClick($event.node)\"\n        #tree\n      >\n      </ax-tree-view>\n    </div>\n  } @else {\n    <div class=\"__empty-state\">\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        @if (!categoryReadonly()) {\n          <ax-button\n            slot=\"actions\"\n            (onClick)=\"handleCreateRootClick($event)\"\n            look=\"solid\"\n            color=\"primary\"\n            [text]=\"'@general:actions.add-new.title' | translate | async\"\n          >\n            <ax-icon class=\"fas fa-plus\"></ax-icon>\n          </ax-button>\n        }\n      </axp-state-message>\n    </div>\n  }\n\n  <ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n    @let item = node.data || node;\n    @let textField = vm().entityDef.category?.textField || 'title';\n    @let valueField = vm().entityDef.category?.valueField || 'id';\n    @let itemId = item[valueField] || node.id;\n    @let rawLabel = item[textField] || node.title;\n    @let itemTitle = rawLabel | translate | async;\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-w-full ax-gap-2 ax-overflow-hidden ax-py-1\">\n      <div class=\"ax-flex ax-items-center ax-gap-2 ax-min-w-0\">\n        <ax-icon\n          class=\"fas fa-folder\"\n          [style.color]=\"item.color ?? 'rgba(var(--ax-sys-color-warning-500), 1)'\"\n        ></ax-icon>\n        <span class=\"ax-truncate\">\n          @if (itemId === 'all') {\n            {{ categoryTreeRootTitleI18nKey | translate | async }}\n          } @else {\n            {{ itemTitle }}\n          }\n        </span>\n      </div>\n      @if (itemId && itemId !== 'all' && !categoryReadonly()) {\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(node, $event)\"\n                  look=\"blank\"\n                  color=\"default\"\n                  [text]=\"('@general:actions.add-new-child.title' | translate | async)!\"\n                >\n                  <ax-icon class=\"fas fa-plus\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleEditNodeClick(node, $event)\"\n                  look=\"blank\"\n                  [text]=\"('@general:actions.edit.title' | translate | async)!\"\n                >\n                  <ax-icon class=\"fas fa-pen\"></ax-icon>\n                </ax-button-item>\n                <ax-button-item\n                  (onClick)=\"handleDeleteNodeClick(node, $event)\"\n                  color=\"danger\"\n                  look=\"blank\"\n                  [text]=\"('@general:actions.delete.title' | translate | async)!\"\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 (itemId === 'all' && !categoryReadonly()) {\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" }]
         }], ctorParameters: () => [], propDecorators: { vm: [{ type: i0.Input, args: [{ isSignal: true, alias: "vm", required: true }] }], tree: [{ type: i0.ViewChild, args: ['tree', { isSignal: true }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], selectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionBehavior", required: false }] }], dragArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragArea", required: false }] }], dragBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragBehavior", required: false }] }], showIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcons", required: false }] }], showChildrenBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChildrenBadge", required: false }] }], expandedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIcon", required: false }] }], collapsedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedIcon", required: false }] }], indentSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentSize", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], searchWithChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchWithChildren", required: false }] }] } });
 
 class AXPEntityMasterToolbarViewComponent {
@@ -1428,6 +1427,7 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
         // @ViewChild('grid', { static: true}) grid: AXDataTableComponent;
         this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
         this.initializedFromRoute = false;
+        this.lastEvaluatedViewName = null;
         this.commandRowItems = computed(() => {
             return this.vm.primaryRowActions().map((c) => {
                 return {
@@ -1483,6 +1483,18 @@ class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
                 });
             }
         });
+        // Recompute page actions/title/etc. when view changes (expressions may depend on list.view()).
+        effect(() => {
+            const currentViewName = this.vm.view().name;
+            if (!this.initializedFromRoute) {
+                this.lastEvaluatedViewName = currentViewName;
+                return;
+            }
+            if (this.lastEvaluatedViewName !== currentViewName) {
+                this.lastEvaluatedViewName = currentViewName;
+                this.recompute();
+            }
+        });
     }
     async ngOnInit() {
         // React to external URL changes (back/forward navigation or deep links)