@acorex/platform 21.0.0-next.24 → 21.0.0-next.33

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

@@ -1,1611 +0,0 @@
-import { AXActionSheetModule } from '@acorex/components/action-sheet';
-import * as i7 from '@acorex/components/data-table';
-import { AXDataTableModule } from '@acorex/components/data-table';
-import { AXDrawerModule } from '@acorex/components/drawer';
-import * as i1$1 from '@acorex/core/platform';
-import * as i0 from '@angular/core';
-import { inject, input, viewChild, signal, computed, afterNextRender, ViewEncapsulation, Component, effect, Input, ChangeDetectionStrategy } from '@angular/core';
-import { Router, ActivatedRoute, RouterModule } from '@angular/router';
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i3 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDialogModule } from '@acorex/components/dialog';
-import * as i5 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXFormModule } from '@acorex/components/form';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3$1 from '@acorex/components/popover';
-import { AXPopoverModule } from '@acorex/components/popover';
-import * as i6 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import { AXTabsModule } from '@acorex/components/tabs';
-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 { AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutToolbarComponent, AXPStateMessageComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPQueryColumnsComponent, AXPThemeLayoutStartSideComponent } from '@acorex/platform/layout/components';
-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';
-import { FormsModule } from '@angular/forms';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i2$1 from '@acorex/components/skeleton';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
-import { AXTreeViewModule, AXTreeViewComponent } from '@acorex/components/tree-view';
-import { AXPRefreshEvent, AXPSettingsService, AXPCommonSettings } from '@acorex/platform/common';
-import { AXHighlightService, AXPDeviceService } from '@acorex/platform/core';
-import { AXPCategoryTreeService, AXPEntityListViewColumnViewModel } from '@acorex/platform/layout/entity';
-import { AXPWorkflowService, ofType } from '@acorex/platform/workflow';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { isEqual } from 'lodash-es';
-
-//#region ----   Constants   ----
-const ROOT_NODE_ID = 'all';
-const LOADING_DELAY_MS = 300;
-const DEFAULT_TEXT_FIELD = 'title';
-const DEFAULT_VALUE_FIELD = 'id';
-//#endregion
-class AXPEntityCategoryComponent {
-    //#endregion
-    //#region ----   Constructor & Lifecycle   ----
-    constructor() {
-        //#region ----   Services & Dependencies   ----
-        this.translate = inject(AXTranslationService);
-        this.workflow = inject(AXPWorkflowService);
-        this.categoryTreeService = inject(AXPCategoryTreeService);
-        this.highlightService = inject(AXHighlightService);
-        //#endregion
-        //#region ----   Component Inputs & View Queries   ----
-        this.vm = input.required(...(ngDevMode ? [{ debugName: "vm" }] : []));
-        this.tree = viewChild('tree', ...(ngDevMode ? [{ debugName: "tree" }] : []));
-        this.searchValue = input('', ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
-        // Tree view inputs with defaults
-        this.selectMode = input('single', ...(ngDevMode ? [{ debugName: "selectMode" }] : []));
-        this.selectionBehavior = input('intermediate', ...(ngDevMode ? [{ debugName: "selectionBehavior" }] : []));
-        this.dragArea = input('handler', ...(ngDevMode ? [{ debugName: "dragArea" }] : []));
-        this.dragBehavior = input('none', ...(ngDevMode ? [{ debugName: "dragBehavior" }] : []));
-        this.showIcons = input(true, ...(ngDevMode ? [{ debugName: "showIcons" }] : []));
-        this.showChildrenBadge = input(false, ...(ngDevMode ? [{ debugName: "showChildrenBadge" }] : []));
-        this.expandedIcon = input('fa-solid fa-chevron-down', ...(ngDevMode ? [{ debugName: "expandedIcon" }] : []));
-        this.collapsedIcon = input('fa-solid fa-chevron-right', ...(ngDevMode ? [{ debugName: "collapsedIcon" }] : []));
-        this.indentSize = input(16, ...(ngDevMode ? [{ debugName: "indentSize" }] : []));
-        this.look = input('default', ...(ngDevMode ? [{ debugName: "look" }] : []));
-        this.searchWithChildren = input(true, ...(ngDevMode ? [{ debugName: "searchWithChildren" }] : [])); // Include children of search results
-        //#endregion
-        //#region ----   Component State   ----
-        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        this.isSearching = signal(false, ...(ngDevMode ? [{ debugName: "isSearching" }] : []));
-        this.searchResultCount = signal(0, ...(ngDevMode ? [{ debugName: "searchResultCount" }] : []));
-        this.currentSearchValue = signal('', ...(ngDevMode ? [{ debugName: "currentSearchValue" }] : []));
-        this.resultsFoundText = signal('', ...(ngDevMode ? [{ debugName: "resultsFoundText" }] : []));
-        //#endregion
-        //#region ----   Private Properties   ----
-        this.loadingTimeoutId = null;
-        this.treeData = null;
-        this.treeConfig = null;
-        this.matchingNodeIds = new Set();
-        this.relevantNodeIds = new Set(); // For search filtering
-        this.nodeDataCache = new Map(); // Cache parent data from search results
-        this.expandedNodesBeforeSearch = [];
-        this.nodesExpandedDuringSearch = [];
-        this.currentSearchTerm = null;
-        //#endregion
-        //#region ----   Computed Properties   ----
-        this.textField = computed(() => this.vm().entityDef.category?.textField || DEFAULT_TEXT_FIELD, ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        this.valueField = computed(() => this.vm().entityDef.category?.valueField || DEFAULT_VALUE_FIELD, ...(ngDevMode ? [{ debugName: "valueField" }] : []));
-        /** When true, add/edit/delete category actions are hidden (from category plugin readonly option). */
-        this.categoryReadonly = computed(() => this.vm().entityDef?.extensions?.category?.readonly === true, ...(ngDevMode ? [{ debugName: "categoryReadonly" }] : []));
-        /**
-         * Computed property to check if we should show the "no search results" empty state.
-         * Returns true when search is active, not searching, and no results found.
-         */
-        this.showNoSearchResults = computed(() => {
-            const searchValue = this.currentSearchValue().trim();
-            const isSearching = this.isSearching();
-            const resultCount = this.searchResultCount();
-            return searchValue.length > 0 && !isSearching && resultCount === 0;
-        }, ...(ngDevMode ? [{ debugName: "showNoSearchResults" }] : []));
-        this.categoryEntityKey = computed(() => {
-            const key = this.vm().entityDef.category?.entity;
-            if (!key) {
-                throw new Error('Category entity is not configured');
-            }
-            return key;
-        }, ...(ngDevMode ? [{ debugName: "categoryEntityKey" }] : []));
-        // protected toggleExpand(e: AXTreeViewNodeDoubleClickEvent) {
-        //   (e.component as AXTreeViewComponent).toggleNodeExpansion(String(e.node[this.valueField()] ?? ''));
-        // }
-        //#endregion
-        //#region ----   Tree Data Source   ----
-        /**
-         * Datasource callback for tree-view component.
-         * Provides lazy loading support for tree nodes.
-         */
-        this.datasource = async (parentId) => {
-            console.log('datasource', parentId);
-            if (!this.isTreeInitialized()) {
-                return [];
-            }
-            // Load root nodes if no parent ID provided
-            if (!parentId) {
-                return await this.loadRootNodes();
-            }
-            // Load children for the specified parent
-            return await this.loadChildNodes(parentId);
-        };
-        afterNextRender(() => {
-            this.initializeTree();
-        });
-        this.workflow.events$
-            .pipe(ofType(AXPRefreshEvent))
-            .pipe(takeUntilDestroyed())
-            .subscribe((event) => {
-            this.tree()?.reloadData();
-            // this.tree()?.refresh();
-        });
-    }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Handles category search input changes - Uses server-side search for efficiency and reliability
-     */
-    async handleCategorySearchChange(event) {
-        if (!this.isTreeInitialized()) {
-            return;
-        }
-        const searchTerm = (event.value ?? '').trim().toLowerCase();
-        const previousSearchTerm = this.currentSearchValue();
-        // If search is cleared, reset tree
-        if (!searchTerm) {
-            if (previousSearchTerm || this.matchingNodeIds.size > 0) {
-                this.currentSearchValue.set('');
-                this.currentSearchTerm = null;
-                await this.resetSearch();
-            }
-            return;
-        }
-        // For non-empty search, only process user interactions
-        if (!event.isUserInteraction) {
-            return;
-        }
-        // Prevent concurrent searches
-        if (this.isSearching() && this.currentSearchTerm !== null) {
-            if (this.currentSearchTerm === searchTerm) {
-                return;
-            }
-        }
-        this.currentSearchValue.set(event.value ?? '');
-        this.currentSearchTerm = searchTerm;
-        const treeComponent = this.tree();
-        if (!treeComponent) {
-            return;
-        }
-        // Store expanded nodes before starting a new search (only on first search)
-        if (!previousSearchTerm && this.expandedNodesBeforeSearch.length === 0) {
-            const expandedNodes = treeComponent.getExpandedNodes();
-            this.expandedNodesBeforeSearch = expandedNodes
-                .map((node) => String(node['id'] ?? ''))
-                .filter((id) => id && id !== ROOT_NODE_ID);
-        }
-        // Collapse nodes from previous search before starting new search
-        if (previousSearchTerm && this.nodesExpandedDuringSearch.length > 0) {
-            const nodesToCollapse = [...this.nodesExpandedDuringSearch].reverse();
-            this.nodesExpandedDuringSearch = [];
-            for (const nodeId of nodesToCollapse) {
-                // Only collapse if it wasn't originally expanded before search
-                if (!this.expandedNodesBeforeSearch.includes(nodeId)) {
-                    try {
-                        treeComponent.collapseNode(nodeId);
-                    }
-                    catch {
-                        // Node might not exist anymore, ignore
-                    }
-                }
-            }
-        }
-        this.isSearching.set(true);
-        try {
-            // Step 1: Use server-side search to get matching items
-            const searchResults = await this.categoryTreeService.searchCategories(searchTerm, this.treeData, this.treeConfig);
-            // Check if search term changed during the API call
-            if (this.currentSearchTerm !== searchTerm) {
-                return;
-            }
-            if (!searchResults || searchResults.length === 0) {
-                this.matchingNodeIds.clear();
-                this.relevantNodeIds.clear();
-                this.searchResultCount.set(0);
-                await this.updateTranslatedMessages(0);
-                // Clear highlighting and reload tree to show all nodes
-                this.highlightService.clear();
-                await treeComponent.reloadData();
-                return;
-            }
-            // Store matching node IDs from search results
-            this.matchingNodeIds.clear();
-            const valueField = this.valueField();
-            searchResults.forEach((item) => {
-                const nodeId = String(item[valueField] ?? '');
-                if (nodeId) {
-                    this.matchingNodeIds.add(nodeId);
-                }
-            });
-            const resultCount = searchResults.length;
-            this.searchResultCount.set(resultCount);
-            // Update translated messages
-            await this.updateTranslatedMessages(resultCount);
-            // Step 2: Collect parent IDs (builds relevantNodeIds for filtering)
-            const parentsToExpand = await this.collectParentIds(searchResults);
-            // Step 2.5: Collect children IDs if searchWithChildren is enabled
-            if (this.searchWithChildren()) {
-                await this.collectChildrenIds(searchResults);
-            }
-            // Step 3: Reload tree to apply filtering
-            await treeComponent.reloadData();
-            // Step 4: Expand root node
-            if (!treeComponent.isNodeExpanded(ROOT_NODE_ID)) {
-                try {
-                    await treeComponent.expandNode(ROOT_NODE_ID);
-                    this.nodesExpandedDuringSearch.push(ROOT_NODE_ID);
-                }
-                catch {
-                    // Root might not exist
-                }
-            }
-            // Step 4: Expand all parent nodes in order (from root to leaves)
-            // Sort parents by their depth to expand in correct order
-            const sortedParents = await this.sortParentsByDepth(Array.from(parentsToExpand));
-            for (const parentId of sortedParents) {
-                // Only expand if not already expanded
-                if (!treeComponent.isNodeExpanded(parentId)) {
-                    try {
-                        await treeComponent.expandNode(parentId);
-                        this.nodesExpandedDuringSearch.push(parentId);
-                        // Small delay to prevent overwhelming the tree component
-                        await new Promise((resolve) => setTimeout(resolve, 10));
-                    }
-                    catch {
-                        // Node might not exist, ignore
-                    }
-                }
-            }
-            // Step 5: Apply highlighting after tree is rendered
-            // Use setTimeout to ensure DOM is updated after tree reload
-            setTimeout(() => {
-                if (this.currentSearchValue().trim()) {
-                    this.highlightService.highlight('ax-tree-view .ax-truncate', this.currentSearchValue().trim());
-                }
-            }, 100);
-        }
-        catch (error) {
-            console.error('Error searching categories:', error);
-            this.matchingNodeIds.clear();
-            this.relevantNodeIds.clear();
-            this.searchResultCount.set(0);
-            this.highlightService.clear();
-            // Reload tree to clear any filters
-            const treeComponent = this.tree();
-            if (treeComponent) {
-                await treeComponent.reloadData();
-            }
-        }
-        finally {
-            if (this.currentSearchTerm === searchTerm) {
-                this.currentSearchTerm = null;
-            }
-            this.isSearching.set(false);
-        }
-    }
-    /**
-     * Collects all parent IDs for the given search results
-     * Handles both nested 'parent' object and 'parentId' field in search results
-     * Recursively fetches parent nodes to build the full parent chain
-     */
-    async collectParentIds(items) {
-        const parentsToExpand = new Set();
-        const valueField = this.valueField();
-        const parentKey = this.treeData?.categoryEntityDef?.parentKey || 'parentId';
-        // Build relevantNodeIds = matching nodes + all parents
-        this.relevantNodeIds.clear();
-        this.matchingNodeIds.forEach((id) => this.relevantNodeIds.add(id));
-        // Recursively extract all parent IDs
-        const extractParentIds = async (item) => {
-            // First, try to get parent from nested 'parent' object (if available)
-            const parent = item['parent'];
-            if (parent) {
-                const parentId = String(parent[valueField] ?? parent['id'] ?? '');
-                if (parentId && parentId !== ROOT_NODE_ID) {
-                    parentsToExpand.add(parentId);
-                    this.relevantNodeIds.add(parentId); // Add to filter set
-                    this.nodeDataCache.set(parentId, parent);
-                    await extractParentIds(parent);
-                }
-            }
-            else {
-                // Fallback: use parentId field and fetch parent from server
-                // Try both parentKey from entity definition and common 'parentId' field
-                const parentIdValue = item[parentKey] ?? item['parentId'];
-                if (parentIdValue) {
-                    const parentId = String(parentIdValue);
-                    if (parentId && parentId !== ROOT_NODE_ID) {
-                        // Add to sets first
-                        parentsToExpand.add(parentId);
-                        this.relevantNodeIds.add(parentId);
-                        // Fetch parent from server if not already cached
-                        if (!this.nodeDataCache.has(parentId)) {
-                            const parentItem = await this.fetchItemById(parentId);
-                            if (parentItem) {
-                                this.nodeDataCache.set(parentId, parentItem);
-                                // Recursively fetch parent's parent
-                                await extractParentIds(parentItem);
-                            }
-                        }
-                        else {
-                            // Parent already in cache, recursively process it
-                            const cachedParent = this.nodeDataCache.get(parentId);
-                            if (cachedParent) {
-                                await extractParentIds(cachedParent);
-                            }
-                        }
-                    }
-                }
-            }
-        };
-        // Process all items
-        for (const item of items) {
-            await extractParentIds(item);
-        }
-        return parentsToExpand;
-    }
-    /**
-     * Collects children IDs for matching search results recursively
-     * Adds all descendants (children, grandchildren, etc.) to relevantNodeIds so they appear in the filtered tree
-     */
-    async collectChildrenIds(items) {
-        if (!this.treeData?.categoryEntityQueryFunc || !this.treeConfig) {
-            return;
-        }
-        const valueField = this.valueField();
-        const parentKey = this.treeData.categoryEntityDef?.parentKey;
-        if (!parentKey) {
-            return;
-        }
-        // For each matching node, recursively fetch all its descendants
-        for (const item of items) {
-            const nodeId = String(item[valueField] ?? '');
-            if (!nodeId || nodeId === ROOT_NODE_ID) {
-                continue;
-            }
-            await this.collectChildrenRecursively(nodeId, valueField, parentKey);
-        }
-    }
-    /**
-     * Recursively collects all descendant IDs for a given node
-     */
-    async collectChildrenRecursively(nodeId, valueField, parentKey) {
-        if (!this.treeData?.categoryEntityQueryFunc) {
-            return;
-        }
-        try {
-            // Fetch children for this node
-            const event = {
-                ...this.treeData.basicQueryEvent,
-                filter: {
-                    field: parentKey,
-                    value: nodeId,
-                    operator: { type: 'equal' },
-                },
-            };
-            const res = await this.treeData.categoryEntityQueryFunc(event);
-            if (res?.items && res.items.length > 0) {
-                // Add children IDs to relevantNodeIds so they appear in filtered tree
-                for (const child of res.items) {
-                    const childId = String(child[valueField] ?? '');
-                    if (childId && childId !== ROOT_NODE_ID) {
-                        this.relevantNodeIds.add(childId);
-                        // Cache child data
-                        this.nodeDataCache.set(childId, child);
-                        // Recursively fetch children of this child
-                        await this.collectChildrenRecursively(childId, valueField, parentKey);
-                    }
-                }
-            }
-        }
-        catch (error) {
-            console.error(`Error fetching children for node ${nodeId}:`, error);
-        }
-    }
-    /**
-     * Fetches a single item by ID from the server
-     */
-    async fetchItemById(id) {
-        if (!this.treeData?.categoryEntityQueryFunc) {
-            return null;
-        }
-        try {
-            const valueField = this.valueField();
-            const event = {
-                ...this.treeData.basicQueryEvent,
-                filter: {
-                    field: valueField,
-                    value: id,
-                    operator: { type: 'equal' },
-                },
-            };
-            const res = await this.treeData.categoryEntityQueryFunc(event);
-            return res?.items?.[0] ?? null;
-        }
-        catch (error) {
-            console.error('Error fetching item by ID:', error);
-            return null;
-        }
-    }
-    /**
-     * Sorts parent IDs by their depth (root first, leaves last)
-     * Uses cached data from collectParentIds
-     */
-    async sortParentsByDepth(parentIds) {
-        const parentKey = this.treeData?.categoryEntityDef?.parentKey;
-        if (!parentKey || parentIds.length === 0) {
-            return parentIds;
-        }
-        // Build depth map using cached data
-        const depthMap = new Map();
-        for (const parentId of parentIds) {
-            if (depthMap.has(parentId)) {
-                continue;
-            }
-            let depth = 0;
-            let currentId = parentId;
-            const visited = new Set();
-            while (currentId && currentId !== ROOT_NODE_ID && !visited.has(currentId)) {
-                visited.add(currentId);
-                depth++;
-                // Use nodeDataCache which was populated by collectParentIds
-                const item = this.nodeDataCache.get(currentId);
-                if (item) {
-                    currentId = item[parentKey] ? String(item[parentKey]) : null;
-                }
-                else {
-                    break;
-                }
-            }
-            depthMap.set(parentId, depth);
-        }
-        // Sort by depth (lower depth = closer to root = expand first)
-        return parentIds.sort((a, b) => {
-            const depthA = depthMap.get(a) ?? 0;
-            const depthB = depthMap.get(b) ?? 0;
-            return depthA - depthB;
-        });
-    }
-    /**
-     * Updates translated messages for search results
-     */
-    async updateTranslatedMessages(resultCount) {
-        if (resultCount > 0) {
-            const key = resultCount === 1
-                ? '@general:terms.interface.category.search.results-found.singular'
-                : '@general:terms.interface.category.search.results-found.plural';
-            const text = await this.translate.translateAsync(key, { params: { count: resultCount } });
-            this.resultsFoundText.set(text);
-        }
-        else {
-            this.resultsFoundText.set('');
-        }
-    }
-    /**
-     * Resets search state and restores tree to original expanded state
-     */
-    async resetSearch() {
-        this.searchResultCount.set(0);
-        this.resultsFoundText.set('');
-        this.currentSearchTerm = null;
-        this.isSearching.set(false);
-        this.matchingNodeIds.clear();
-        this.relevantNodeIds.clear();
-        this.nodeDataCache.clear();
-        // Clear highlighting
-        this.highlightService.clear();
-        const treeComponent = this.tree();
-        if (!treeComponent) {
-            this.expandedNodesBeforeSearch = [];
-            this.nodesExpandedDuringSearch = [];
-            return;
-        }
-        // Reload tree to show all nodes (no filtering)
-        await treeComponent.reloadData();
-        // Collapse nodes that were expanded during search (in reverse order - leaves first)
-        const nodesToCollapse = [...this.nodesExpandedDuringSearch].reverse();
-        this.nodesExpandedDuringSearch = [];
-        for (const nodeId of nodesToCollapse) {
-            // Only collapse if it wasn't originally expanded before search
-            if (!this.expandedNodesBeforeSearch.includes(nodeId)) {
-                try {
-                    treeComponent.collapseNode(nodeId);
-                }
-                catch {
-                    // Node might not exist anymore, ignore
-                }
-            }
-        }
-        // Clear the stored expanded nodes
-        this.expandedNodesBeforeSearch = [];
-    }
-    /**
-     * Checks if a node matches the current search term
-     */
-    isMatchingNode(nodeId) {
-        return this.matchingNodeIds.has(nodeId);
-    }
-    /**
-     * Handles node click events to apply category filters and track selected category for create command
-     */
-    handleNodeClick(node) {
-        const nodeData = this.extractNodeData(node);
-        const applyConditions = this.vm().entityDef.category?.applyConditions || [];
-        const valueField = this.valueField();
-        const textField = this.textField();
-        const nodeId = String(nodeData[valueField] ?? node['id'] ?? '');
-        // Track selected category for default category when creating new entities
-        if (nodeId === 'all' || !nodeId) {
-            this.vm().setSelectedCategory(null);
-        }
-        else {
-            this.vm().setSelectedCategory({
-                id: nodeId,
-                title: String(nodeData[textField] ?? node['title'] ?? ''),
-            });
-        }
-        const categoryFilters = this.buildCategoryFilters(nodeData, applyConditions);
-        const viewFilters = this.buildViewFilters();
-        this.vm().dataSource.filter({
-            filters: [...viewFilters, ...categoryFilters],
-            logic: 'and',
-        });
-        this.vm().dataSource.refresh();
-    }
-    /**
-     * Handles node toggle events (expansion/collapse)
-     */
-    async onNodeToggle(_event) {
-        // Tree component handles lazy loading via datasource callback
-    }
-    //#endregion
-    //#region ----   CRUD Operations   ----
-    /**
-     * Creates a new root category node
-     */
-    async handleCreateRootClick(event) {
-        this.preventDefaultAndStopPropagation(event);
-        try {
-            const context = await this.executeCreateWorkflow(undefined);
-            await this.handleCreateResult(context, undefined);
-        }
-        catch (error) {
-            console.error('Error creating root category:', error);
-        }
-    }
-    /**
-     * Creates a new child category under the given parent node
-     */
-    async handleCreateChildClick(node, event) {
-        this.preventDefaultAndStopPropagation(event);
-        try {
-            const parentId = this.extractNodeId(node);
-            const context = await this.executeCreateWorkflow(parentId);
-            await this.handleCreateResult(context, parentId);
-        }
-        catch (error) {
-            console.error('Error creating child category:', error);
-        }
-    }
-    /**
-     * Updates an existing category node
-     */
-    async handleEditNodeClick(node, event) {
-        this.preventDefaultAndStopPropagation(event);
-        try {
-            const nodeData = this.extractNodeData(node);
-            const context = await this.executeModifyWorkflow(nodeData);
-            await this.handleModifyResult(context, node);
-        }
-        catch (error) {
-            console.error('Error editing category:', error);
-        }
-    }
-    /**
-     * Deletes a category node
-     */
-    async handleDeleteNodeClick(node, event) {
-        this.preventDefaultAndStopPropagation(event);
-        try {
-            const nodeData = this.extractNodeData(node);
-            const context = await this.executeDeleteWorkflow(nodeData);
-            await this.handleDeleteResult(context, node);
-        }
-        catch (error) {
-            console.error('Error deleting category:', error);
-        }
-    }
-    //#endregion
-    //#region ----   Private Tree Management Methods   ----
-    /**
-     * Initializes the category tree data structure
-     */
-    async initializeTree() {
-        this.setLoadingWithDelay(true);
-        try {
-            const entityKey = this.categoryEntityKey();
-            this.treeConfig = {
-                entityKey,
-                textField: this.textField(),
-                valueField: this.valueField(),
-            };
-            this.treeData = await this.categoryTreeService.initializeCategoryTree(this.treeConfig);
-            if (!this.treeData) {
-                this.clearLoadingState();
-                return;
-            }
-            // Set parent key from entity definition
-            if (this.treeData.categoryEntityDef?.parentKey) {
-                this.treeConfig.parentKey = this.treeData.categoryEntityDef.parentKey;
-            }
-        }
-        catch (error) {
-            console.error('Error loading categories:', error);
-        }
-        finally {
-            this.clearLoadingState();
-        }
-    }
-    /**
-     * Loads root nodes for the tree
-     */
-    async loadRootNodes() {
-        if (!this.isTreeInitialized()) {
-            return [];
-        }
-        // Load root categories
-        const items = await this.categoryTreeService.loadRootCategories(this.treeData, this.treeConfig);
-        if (!items) {
-            return [];
-        }
-        const rootNode = await this.categoryTreeService.createRootNode(items, this.treeConfig);
-        // Filter root's children when search is active
-        if (this.relevantNodeIds.size > 0 && rootNode['children']) {
-            rootNode['children'] = rootNode['children'].filter((child) => {
-                const childId = String(child['id'] ?? '');
-                return this.relevantNodeIds.has(childId);
-            });
-            rootNode['childrenCount'] = rootNode['children'].length;
-        }
-        return [rootNode];
-    }
-    /**
-     * Loads child nodes for a given parent ID
-     */
-    async loadChildNodes(parentId) {
-        if (!this.isTreeInitialized()) {
-            return [];
-        }
-        // Create minimal node object - loadChildren only needs node.id
-        const targetNode = {
-            id: parentId,
-        };
-        let children = await this.categoryTreeService.loadChildren(targetNode, this.treeData, this.treeConfig);
-        // Filter children when search is active
-        if (this.relevantNodeIds.size > 0) {
-            children = children.filter((child) => {
-                const childId = String(child['id'] ?? '');
-                return this.relevantNodeIds.has(childId);
-            });
-        }
-        return children;
-    }
-    /**
-     * Refreshes the tree view component
-     */
-    refreshTree() {
-        const treeComponent = this.tree();
-        if (treeComponent) {
-            treeComponent.refresh();
-        }
-    }
-    /**
-     * Refreshes tree after CRUD operations
-     */
-    async refreshAfterChange(parentId) {
-        this.refreshTree();
-    }
-    /**
-     * Adds a new node to the tree after create operation
-     */
-    async addNodeToTree(entityData, parentId) {
-        if (!this.isTreeInitialized()) {
-            return;
-        }
-        const treeComponent = this.tree();
-        if (!treeComponent) {
-            return;
-        }
-        const newNode = this.categoryTreeService.convertToTreeNode(entityData, this.treeConfig);
-        if (parentId) {
-            await this.addChildNode(treeComponent, parentId, newNode);
-        }
-        else {
-            await this.addRootNode(treeComponent, newNode);
-        }
-    }
-    /**
-     * Adds a child node to a parent node
-     */
-    async addChildNode(treeComponent, parentId, newNode) {
-        const parentNode = treeComponent.findNode(parentId);
-        if (!parentNode) {
-            await this.refreshAfterChange(parentId);
-            return;
-        }
-        if (!treeComponent.isNodeExpanded(parentId)) {
-            await treeComponent.expandNode(parentId);
-        }
-        treeComponent.addChild(parentId, newNode);
-    }
-    /**
-     * Adds a root node to the tree
-     */
-    async addRootNode(treeComponent, newNode) {
-        const rootNode = treeComponent.findNode(ROOT_NODE_ID);
-        if (!rootNode) {
-            await this.refreshAfterChange();
-            return;
-        }
-        if (!treeComponent.isNodeExpanded(ROOT_NODE_ID)) {
-            await treeComponent.expandNode(ROOT_NODE_ID);
-        }
-        treeComponent.addChild(ROOT_NODE_ID, newNode);
-    }
-    /**
-     * Updates an existing node in the tree after edit operation
-     */
-    async updateNodeInTree(nodeId, entityData) {
-        if (!this.isTreeInitialized()) {
-            return;
-        }
-        const treeComponent = this.tree();
-        if (!treeComponent) {
-            return;
-        }
-        const existingNode = treeComponent.findNode(nodeId);
-        if (!existingNode) {
-            await this.refreshNodeParent(entityData);
-            return;
-        }
-        // Check if parent changed
-        const parentKey = this.treeData?.categoryEntityDef?.parentKey;
-        let newParentId = undefined;
-        if (parentKey && entityData[parentKey]) {
-            const parentValue = String(entityData[parentKey]);
-            // 'all' means root, so treat it as undefined
-            newParentId = parentValue !== 'all' && parentValue !== '' ? parentValue : undefined;
-        }
-        const currentParent = treeComponent.getParent(nodeId);
-        const currentParentId = currentParent ? String(currentParent['id'] ?? '') : undefined;
-        // Normalize current parent: 'all' means root (undefined)
-        const normalizedCurrentParentId = currentParentId === 'all' || currentParentId === '' ? undefined : currentParentId;
-        // Handle parent change: move node to new parent if parent changed
-        if (newParentId !== normalizedCurrentParentId) {
-            // If parent changed, move the node first
-            const moved = treeComponent.moveNode(nodeId, newParentId);
-            if (!moved) {
-                // If move failed, refresh the tree to ensure consistency
-                await this.refreshNodeParent(entityData);
-                return;
-            }
-            // After moving, we need to ensure the new parent is expanded
-            if (newParentId) {
-                if (!treeComponent.isNodeExpanded(newParentId)) {
-                    await treeComponent.expandNode(newParentId);
-                }
-            }
-            else {
-                // Moving to root - ensure root is expanded
-                if (!treeComponent.isNodeExpanded(ROOT_NODE_ID)) {
-                    await treeComponent.expandNode(ROOT_NODE_ID);
-                }
-            }
-        }
-        // Update node properties (title, data, etc.)
-        const updatedNode = this.categoryTreeService.convertToTreeNode(entityData, this.treeConfig);
-        const updates = {
-            ['title']: updatedNode['title'],
-            ['data']: updatedNode['data'],
-            ['childrenCount']: updatedNode['childrenCount'],
-            ['icon']: updatedNode['icon'],
-        };
-        treeComponent.editNode(nodeId, updates);
-    }
-    /**
-     * Removes a node from the tree after delete operation
-     */
-    async removeNodeFromTree(nodeId) {
-        const treeComponent = this.tree();
-        if (!treeComponent) {
-            return;
-        }
-        const nodeToDelete = treeComponent.findNode(nodeId);
-        if (!nodeToDelete) {
-            await this.refreshAfterChange();
-            return;
-        }
-        treeComponent.removeNode(nodeId);
-    }
-    //#endregion
-    //#region ----   Workflow Execution Methods   ----
-    /**
-     * Executes the create entity workflow
-     */
-    async executeCreateWorkflow(parentId) {
-        const entityKey = this.categoryEntityKey();
-        const workflowData = {};
-        if (parentId && this.treeData?.categoryEntityDef?.parentKey) {
-            workflowData[this.treeData.categoryEntityDef.parentKey] = parentId;
-        }
-        return await this.workflow.execute('create-entity', {
-            entity: entityKey,
-            data: Object.keys(workflowData).length > 0 ? workflowData : undefined,
-            options: { process: { redirect: false, canCreateNewOne: !!parentId } },
-        });
-    }
-    /**
-     * Executes the modify entity workflow
-     */
-    async executeModifyWorkflow(nodeData) {
-        return await this.workflow.execute('quick-modify-entity', {
-            entity: this.categoryEntityKey(),
-            data: nodeData,
-            options: { layout: { size: 'md' } },
-        });
-    }
-    /**
-     * Executes the delete entity workflow
-     */
-    async executeDeleteWorkflow(nodeData) {
-        return await this.workflow.execute('delete-entity', {
-            entity: this.categoryEntityKey(),
-            data: nodeData,
-            options: { process: { showResult: true } },
-        });
-    }
-    /**
-     * Handles the result of a create operation
-     */
-    async handleCreateResult(context, parentId) {
-        const result = context.getOutput('result');
-        if (!result || !this.isTreeInitialized()) {
-            await this.refreshAfterChange(parentId);
-            return;
-        }
-        const newEntityData = context.getVariable('data');
-        if (newEntityData) {
-            await this.addNodeToTree(newEntityData, parentId);
-        }
-        else {
-            await this.refreshAfterChange(parentId);
-        }
-    }
-    /**
-     * Handles the result of a modify operation
-     */
-    async handleModifyResult(context, node) {
-        const result = context.getOutput('result');
-        if (!result || !this.isTreeInitialized()) {
-            await this.refreshNodeParent(this.extractNodeData(node));
-            return;
-        }
-        const updatedEntityData = context.getVariable('data');
-        if (updatedEntityData) {
-            await this.updateNodeInTree(this.extractNodeId(node), updatedEntityData);
-        }
-        else {
-            await this.refreshNodeParent(this.extractNodeData(node));
-        }
-    }
-    /**
-     * Handles the result of a delete operation
-     */
-    async handleDeleteResult(context, node) {
-        const result = context.getOutput('result');
-        if (result) {
-            await this.removeNodeFromTree(this.extractNodeId(node));
-        }
-        else {
-            await this.refreshNodeParent(this.extractNodeData(node));
-        }
-    }
-    //#endregion
-    //#region ----   Utility Methods   ----
-    /**
-     * Checks if tree data and config are initialized
-     */
-    isTreeInitialized() {
-        return !!(this.treeData && this.treeConfig);
-    }
-    /**
-     * Extracts node data from a tree node
-     */
-    extractNodeData(node) {
-        return (node['data'] || node);
-    }
-    /**
-     * Extracts node ID from a tree node
-     */
-    extractNodeId(node) {
-        return String(node['id'] ?? '');
-    }
-    /**
-     * Builds category filters from node data and apply conditions
-     */
-    buildCategoryFilters(nodeData, applyConditions) {
-        return applyConditions
-            .map((condition) => {
-            const value = nodeData[condition.value];
-            if (value === 'all' || value == null) {
-                return null;
-            }
-            return {
-                field: condition.name,
-                value,
-                operator: condition.operator,
-            };
-        })
-            .filter((item) => item !== null);
-    }
-    /**
-     * Builds view filters from view conditions
-     */
-    buildViewFilters() {
-        return this.vm()
-            .view()
-            .conditions.map((condition) => ({ ...condition, field: condition.name }));
-    }
-    /**
-     * Refreshes the parent node of the given entity data
-     */
-    async refreshNodeParent(entityData) {
-        const parentKey = this.treeData?.categoryEntityDef?.parentKey;
-        const parentId = parentKey && entityData[parentKey] ? entityData[parentKey] : undefined;
-        await this.refreshAfterChange(parentId);
-    }
-    /**
-     * Prevents default behavior and stops event propagation
-     */
-    preventDefaultAndStopPropagation(event) {
-        event.nativeEvent.preventDefault();
-        event.nativeEvent.stopPropagation();
-    }
-    //#endregion
-    //#region ----   Loading State Management   ----
-    /**
-     * Sets loading state with delay to avoid flickering for fast responses
-     */
-    setLoadingWithDelay(loading) {
-        if (!loading) {
-            return;
-        }
-        if (this.loadingTimeoutId) {
-            clearTimeout(this.loadingTimeoutId);
-        }
-        this.loadingTimeoutId = setTimeout(() => {
-            this.isLoading.set(true);
-            this.loadingTimeoutId = null;
-        }, LOADING_DELAY_MS);
-    }
-    /**
-     * Clears loading state and cancels any pending timeout
-     */
-    clearLoadingState() {
-        if (this.loadingTimeoutId) {
-            clearTimeout(this.loadingTimeoutId);
-            this.loadingTimeoutId = null;
-        }
-        this.isLoading.set(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPEntityCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 itemTitle = item[textField] || node.title;\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\">{{ itemTitle }}</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.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$1.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.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPEntityCategoryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-category', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        AXDecoratorModule,
-                        AXTreeViewModule,
-                        AXTreeViewComponent,
-                        AXSkeletonModule,
-                        AXPThemeLayoutBlockComponent,
-                        AXSearchBoxModule,
-                        AXPThemeLayoutHeaderComponent,
-                        AXPThemeLayoutToolbarComponent,
-                        AXTranslationModule,
-                        AXButtonModule,
-                        AXDropdownModule,
-                        AXPStateMessageComponent,
-                    ], 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 itemTitle = item[textField] || node.title;\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\">{{ itemTitle }}</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>" }]
-        }], 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 {
-    constructor() {
-        this.layoutService = inject(AXPLayoutThemeService);
-        this.deviceService = inject(AXPDeviceService);
-        this.parent = inject(AXPEntityMasterListViewComponent);
-        this.router = inject(Router);
-        this.activeRoute = inject(ActivatedRoute);
-        this.settingsService = inject(AXPSettingsService);
-        this.isInitializing = false;
-        this.pendingInitialFilters = true;
-        this.pendingInitialSorts = true;
-        this.filterTriggerMode = 'manual';
-        this.previousFilterQueries = signal([], ...(ngDevMode ? [{ debugName: "previousFilterQueries" }] : []));
-        this.initialFilters = signal([], ...(ngDevMode ? [{ debugName: "initialFilters" }] : []));
-        this.filtersDefinitions = signal([], ...(ngDevMode ? [{ debugName: "filtersDefinitions" }] : []));
-        this.viewQueries = computed(() => this.vm.views().map((v) => ({
-            name: v.name,
-            fixed: false,
-            title: v.title,
-            columns: v.columns,
-            conditions: v.conditions.map((c) => ({
-                field: c.name,
-                operator: c.operator,
-                value: c.value,
-            })),
-            sorts: v.sorts,
-        })), ...(ngDevMode ? [{ debugName: "viewQueries" }] : []));
-        this.selectedViewQuery = computed(() => ({
-            name: this.vm.view().name,
-            fixed: false,
-            title: this.vm.view().title,
-            columns: this.vm.view().columns,
-            conditions: this.vm.view().conditions.map((c) => ({
-                field: c.name,
-                operator: c.operator,
-                value: c.value,
-            })),
-            sorts: this.vm.view().sorts,
-        }), ...(ngDevMode ? [{ debugName: "selectedViewQuery" }] : []));
-        this.isFiltersDirty = computed(() => !isEqual(this.vm.filterQueries(), this.previousFilterQueries()), ...(ngDevMode ? [{ debugName: "isFiltersDirty" }] : []));
-        // Debounced apply to coalesce multiple UI changes (filters/sorts/columns)
-        this.applyTimer = null;
-        this.#effect = effect(() => {
-            // Keep definitions up to date; initial filters are set explicitly from settings or view
-            this.filtersDefinitions.set(this.vm.filtersDef);
-        }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
-        this.sortQueries = computed(() => this.vm
-            .sortedFields()
-            .filter((s) => !!s.dir)
-            .map((s) => ({ name: s.name, dir: s.dir })), ...(ngDevMode ? [{ debugName: "sortQueries" }] : []));
-        this.sortDefinitions = computed(() => this.vm.sortableFields().map((s) => ({
-            name: s.name,
-            title: s.title,
-            dir: s.dir,
-        })), ...(ngDevMode ? [{ debugName: "sortDefinitions" }] : []));
-    }
-    async ngOnInit() {
-        // Prefer saved settings (view/columns/sorts/filters) if available, then apply
-        await this.loadSettings();
-        await this.vm.setView();
-        this.filtersDefinitions.set(this.vm.filtersDef);
-        this.isInitializing = true;
-        // this.pendingInitialFilters = true;
-        // this.pendingInitialSorts = true;
-        this.setInitialFiltersFromSettingsOrView();
-        // Ensure initial load even when filters/sorts are absent
-        setTimeout(() => {
-            this.isInitializing = false;
-            this.scheduleApply();
-        }, 0);
-    }
-    async loadSettings() {
-        const filterTriggerMode = await this.settingsService.get(AXPCommonSettings.EntityFilterApplyMode);
-        this.filterTriggerMode = (filterTriggerMode?.value ?? 'auto');
-    }
-    scheduleApply() {
-        clearTimeout(this.applyTimer);
-        this.applyTimer = setTimeout(() => {
-            this.vm.applyFilterAndSort();
-        }, 50);
-    }
-    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;
-        this.setInitialFiltersFromSettingsOrView();
-        // Ensure initial load after view change
-        setTimeout(() => {
-            this.isInitializing = false;
-            this.scheduleApply();
-        }, 0);
-    }
-    #effect;
-    setInitialFiltersFromSettingsOrView() {
-        const saved = this.vm.filterQueries();
-        this.previousFilterQueries.set(saved);
-        const viewConditions = this.vm.view().conditions.map((c) => c.name);
-        if (saved && saved.length) {
-            this.initialFilters.set(saved.map((s) => ({ ...s, hidden: viewConditions.includes(s.field) })));
-            return;
-        }
-        this.initialFilters.set(this.vm.view().conditions.map((c) => ({
-            field: c.name,
-            operator: c.operator,
-            value: c.value,
-            hidden: true,
-        })));
-    }
-    onFiltersChanged(filters) {
-        if (this.isInitializing || this.pendingInitialFilters) {
-            this.pendingInitialFilters = false;
-            return;
-        }
-        this.vm.filterQueries.set(filters);
-        if (this.filterTriggerMode === 'auto') {
-            this.applyFilters();
-        }
-    }
-    applyFilters() {
-        this.previousFilterQueries.set(this.vm.filterQueries());
-        this.vm.saveSettings('filters', this.vm.filterQueries());
-        this.scheduleApply();
-    }
-    onSortQueriesChange(e) {
-        if (this.isInitializing || this.pendingInitialSorts) {
-            this.pendingInitialSorts = false;
-            return;
-        }
-        this.vm.sortedFields.set(e.map((s) => ({
-            name: s.name,
-            title: s.name,
-            dir: s.dir,
-        })));
-        // Persist sorts per module/entity/view
-        this.vm.saveSettings('sorts', e);
-        this.scheduleApply();
-    }
-    onColumnsChange(columns) {
-        const keyOf = (c) => c.column?.options?.dataPath ?? c.name;
-        this.vm.columns.update((prev) => {
-            const byKey = new Map(prev.map((c) => [keyOf(c), c]));
-            return columns.map((newColumn) => {
-                const existing = byKey.get(keyOf(newColumn));
-                return new AXPEntityListViewColumnViewModel(existing.property, {
-                    ...existing.column,
-                    options: {
-                        ...existing.column.options,
-                        visible: newColumn.visible,
-                    },
-                });
-            });
-        });
-        // Persist column order/visibility
-        this.vm.onColumnsChanged(this.vm.columns());
-        // 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.3.16", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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-2 md:ax-gap-2\">\n    @if (filterTriggerMode === 'manual' && isFiltersDirty()) {\n      <ax-button\n        id=\"axp-toolbar-btn-filter\"\n        [title]=\"'@general:actions.apply.title'\"\n        [iconOnly]=\"true\"\n        #filterButton\n        [color]=\"'primary'\"\n        (onClick)=\"applyFilters()\"\n      >\n        <ax-prefix>\n          <i class=\"fa-light fa-search\"></i>\n        </ax-prefix>\n      </ax-button>\n    }\n    <div>\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]=\"10\"\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    </div>\n\n    @if (vm.canSort()) {\n      <div>\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      </div>\n    }\n    @if (deviceService.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.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$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "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.3.16", ngImport: i0, type: AXPEntityMasterToolbarViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-master-toolbar-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXTranslationModule,
-                        AXPQueryFiltersComponent,
-                        AXPopoverModule,
-                        AXPQuerySortsComponent,
-                        AXPQueryViewsComponent,
-                        AXPQueryColumnsComponent,
-                    ], host: {
-                        class: 'ax-w-full',
-                    }, 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-2 md:ax-gap-2\">\n    @if (filterTriggerMode === 'manual' && isFiltersDirty()) {\n      <ax-button\n        id=\"axp-toolbar-btn-filter\"\n        [title]=\"'@general:actions.apply.title'\"\n        [iconOnly]=\"true\"\n        #filterButton\n        [color]=\"'primary'\"\n        (onClick)=\"applyFilters()\"\n      >\n        <ax-prefix>\n          <i class=\"fa-light fa-search\"></i>\n        </ax-prefix>\n      </ax-button>\n    }\n    <div>\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]=\"10\"\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    </div>\n\n    @if (vm.canSort()) {\n      <div>\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      </div>\n    }\n    @if (deviceService.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']
-            }] } });
-
-class AXPEntityMasterListViewComponent extends AXPPageLayoutBaseComponent {
-    constructor(platform) {
-        super();
-        this.platform = platform;
-        this.activeRoute = inject(ActivatedRoute);
-        this.router = inject(Router);
-        this.vm = this.activeRoute.snapshot.data['vm'];
-        //
-        this.store = inject(AXPLayoutThemeService);
-        //
-        this.searchBarShown = signal(true, ...(ngDevMode ? [{ debugName: "searchBarShown" }] : []));
-        this.activeEndSideView = signal('column', ...(ngDevMode ? [{ debugName: "activeEndSideView" }] : []));
-        this.categorySearchValue = signal('', ...(ngDevMode ? [{ debugName: "categorySearchValue" }] : []));
-        // @ViewChild('grid', { static: true}) grid: AXDataTableComponent;
-        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
-        this.initializedFromRoute = false;
-        this.commandRowItems = computed(() => {
-            return this.vm.primaryRowActions().map((c) => {
-                return {
-                    icon: c.icon,
-                    name: c.name,
-                    text: translateSync(c.title),
-                    color: c.color,
-                    disabled: c.disabled,
-                    default: c.default,
-                };
-            });
-        }, ...(ngDevMode ? [{ debugName: "commandRowItems" }] : []));
-        this.getDropdownRowItems = (rowData) => {
-            return Promise.resolve(this.dropdownRowItems(rowData));
-        };
-        this.getCommandRowItems = () => {
-            return this.commandRowItems();
-        };
-        effect(() => {
-            if (this.grid()) {
-                this.grid().selectedRows = this.vm.selectedItems();
-            }
-        });
-        //
-        this.vm.events$.subscribe(async (e) => {
-            const refreshTargetId = e.meta?.refreshTargetId;
-            const resetPagination = e.meta?.resetPagination === true;
-            if (e.action == 'refresh') {
-                if (refreshTargetId) {
-                    await this.grid()?.refreshItemChildren(refreshTargetId);
-                    this.updateParentHasChildAfterRefresh(refreshTargetId);
-                }
-                else {
-                    this.grid()?.refresh({
-                        reset: resetPagination,
-                    });
-                }
-            }
-        });
-        // 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);
-        });
-    }
-    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;
-    }
-    onColumnSizeChanged(e) {
-        if (e.isUserInteraction && e.type === 'end') {
-            this.vm.saveSettings('columnSizes', e.data);
-        }
-    }
-    onPageChanged(e) {
-        if (e.isUserInteraction) {
-            const pageSizeChanged = e.take != this.vm.dataSource.pageSize;
-            if (pageSizeChanged) {
-                this.vm.saveSettings('pageSize', e.take);
-            }
-        }
-    }
-    onColumnsOrderChanged(e) {
-        if (e.isUserInteraction) {
-            this.vm.onColumnsOrderChanged(e.data.event);
-        }
-    }
-    async dropdownRowItems(rowData) {
-        return (await this.vm.secondaryRowActions(rowData)).map((c) => ({
-            icon: c.icon,
-            name: c.name,
-            text: c.title,
-            color: c.color,
-            disabled: c.disabled,
-            default: c.default,
-            divided: c.separated,
-        }));
-    }
-    async handleRowDbClick(e) {
-        if (this.grid()?.dataSource.isLoading) {
-            return;
-        }
-        const allItems = [...this.commandRowItems(), ...(await this.dropdownRowItems(e.data))];
-        // 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') && !c.disabled;
-        });
-        if (!defaultAction) {
-            return;
-        }
-        const d = {
-            component: e.component,
-            name: defaultAction.name,
-            data: e.data,
-        };
-        this.handleRowCommandClick(d);
-    }
-    async handleRowCommandClick(e) {
-        if (this.grid()?.dataSource.isLoading) {
-            return;
-        }
-        if (e.setLoading) {
-            e.setLoading(true);
-        }
-        await this.vm.executeCommand(e.name, e.data);
-        if (e.setLoading) {
-            e.setLoading(false);
-        }
-    }
-    async handleSelectedRowsChange(rows) {
-        this.vm.selectedItems.set(rows);
-    }
-    /**
-     * After refreshing a row's children (e.g. when a new child was created), update the parent row's
-     * hasChild so the expand icon is shown. The list query sets hasChild from childrenCount only on
-     * initial load; refreshItemChildren does not re-fetch the parent, so we patch it here.
-     */
-    updateParentHasChildAfterRefresh(parentId) {
-        const gridRef = this.grid();
-        const ds = gridRef?.dataSource;
-        if (!ds?.cachedItems?.length) {
-            return;
-        }
-        const key = ds.config?.key ?? 'id';
-        const parent = this.findItemById(ds.cachedItems, String(parentId), key);
-        if (parent && typeof parent === 'object') {
-            parent['hasChild'] = true;
-        }
-    }
-    findItemById(items, id, key) {
-        for (const item of items) {
-            if (item && typeof item === 'object' && String(item[key]) === id) {
-                return item;
-            }
-            const rec = item;
-            const metaChildren = rec?.['__meta__']?.['children'];
-            const directChildren = rec?.['children'];
-            const childArr = Array.isArray(metaChildren)
-                ? metaChildren
-                : Array.isArray(directChildren)
-                    ? directChildren
-                    : null;
-            if (childArr?.length) {
-                const found = this.findItemById(childArr, id, key);
-                if (found)
-                    return found;
-            }
-        }
-        return null;
-    }
-    makeResponsive(value) {
-        if (this.platform.is('Mobile') || this.platform.is('SM')) {
-            return '';
-        }
-        else {
-            return value;
-        }
-    }
-    toggleSideBar(sideBar) {
-        this.toggleEndSide();
-        if (sideBar) {
-            this.activeEndSideView.set(sideBar);
-        }
-    }
-    toggleSearchBar() {
-        this.searchBarShown.update((v) => !v);
-    }
-    handleResetClick(sideBar) {
-        switch (sideBar) {
-            case 'filter': {
-                this.vm.resetFilters();
-                break;
-            }
-            case 'sort': {
-                this.vm.resetSorts();
-                break;
-            }
-            case 'column': {
-                this.vm.resetColumns();
-                break;
-            }
-        }
-    }
-    // protected handleDiscardClick(sideBar: 'filter' | 'sort' | 'column') {
-    //   switch (sideBar) {
-    //     case 'filter': {
-    //       this.vm.discardFilters();
-    //       break;
-    //     }
-    //     case 'sort': {
-    //       this.vm.resetSorts();
-    //       break;
-    //     }
-    //     case 'column': {
-    //       this.vm.resetColumns();
-    //       break;
-    //     }
-    //   }
-    // }
-    handleApplyClick(sideBar) {
-        this.vm.applyFilterAndSort();
-        this.toggleEndSide();
-    }
-    ngOnDestroy() {
-        this.queryParamSub?.unsubscribe();
-        this.vm.destroy();
-    }
-    toggleCategoryDrawer() {
-        this.toggleStartSide();
-    }
-    getPageTitle() {
-        return this.vm.title();
-    }
-    async getPageDescription() {
-        const description = this.vm.description();
-        if (description) {
-            return this.translateService.translateAsync(description);
-        }
-        return '';
-    }
-    getPageBreadcrumbs() {
-        return this.vm.beardcrumbs();
-    }
-    async getPrimaryMenuItems() {
-        return (await this.vm.getPrimaryActions())
-            .filter((tr) => !tr.isChild)
-            .map((tr) => ({
-            name: tr.name,
-            title: tr.title,
-            icon: tr.icon,
-            color: tr.color,
-            disabled: tr.disabled,
-            items: tr.items?.map((sub) => ({
-                name: sub.name,
-                title: sub.title,
-                icon: sub.icon,
-                color: sub.color,
-                disabled: sub.disabled,
-                command: {
-                    name: sub.name,
-                    options: sub.options,
-                    metadata: sub.metadata,
-                },
-            })),
-            command: {
-                name: tr.name,
-                options: tr.options,
-                metadata: tr.metadata,
-            },
-        }));
-    }
-    async getSecondaryMenuItems() {
-        return (await this.vm.getSecondaryActions()).map((tr) => ({
-            name: tr.name,
-            title: tr.title,
-            icon: tr.icon,
-            color: tr.color,
-            disabled: tr.disabled,
-            separated: tr.separated,
-            command: {
-                name: tr.name,
-                options: tr.options,
-                metadata: tr.metadata,
-            },
-        }));
-    }
-    async execute(command) {
-        if (command) {
-            this.vm.execute(command);
-        }
-    }
-    handleUnselectAll() {
-        this.vm.selectedItems.set([]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 id=\"axp-entity-category-drawer\">\n    <axp-entity-category id=\"axp-entity-category\" class=\"ax-w-80\" [vm]=\"vm\"\n      [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-toolbar\">\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-overflow-auto ax-pt-0\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\">\n      <span>{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table id=\"axp-entity-table\" [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\" #grid [showFooter]=\"false\" class=\"ax-flex-1\"\n      [paging]=\"true\" [fetchDataMode]=\"'manual'\" [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\" (onPageChanged)=\"onPageChanged($event)\">\n      @if (vm.view().indexCol === true) {\n      <ax-index-column 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 [attr.id]=\"'axp-table-col-' + col.name\"\n        [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\" [caption]=\"(col.title | translate | async)!\"\n        [node]=\"col.node()\" [customWidth]=\"col.width\"></axp-widget-column-renderer>\n      }\n      }\n      @if (getCommandRowItems().length) {\n      <ax-command-column id=\"axp-table-col-commands\" fixed=\"end\" [width]=\"getCommandRowItems().length * 70 + 'px'\"\n        [items]=\"getCommandRowItems()\" (onItemClick)=\"handleRowCommandClick($event)\"></ax-command-column>\n      }\n      <ax-dropdown-command-column id=\"axp-table-col-dropdown-commands\" fixed=\"end\" [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\" (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i7.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowDetailsTemplate", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i7.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i7.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i7.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i7.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "emptyStateTemplate", "emptyStateText", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i10.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
-                //
-                AXPWidgetCoreModule }, { kind: "component", type: i7$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "component", type: 
-                //
-                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", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "searchWithChildren"] }, { 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.3.16", ngImport: i0, type: AXPEntityMasterListViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-master-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        FormsModule,
-                        RouterModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXBadgeModule,
-                        AXDropdownModule,
-                        AXPopoverModule,
-                        AXFormModule,
-                        AXActionSheetModule,
-                        AXDrawerModule,
-                        AXDialogModule,
-                        AXLoadingModule,
-                        AXTabsModule,
-                        AXTooltipModule,
-                        AXBreadcrumbsModule,
-                        AXDropdownButtonModule,
-                        AXSearchBoxModule,
-                        AXDataTableModule,
-                        AXTranslationModule,
-                        DragDropModule,
-                        //
-                        AXPWidgetCoreModule,
-                        AXPWidgetsModule,
-                        AXPAuthModule,
-                        //
-                        AXPEntityMasterToolbarViewComponent,
-                        //
-                        AXPPageLayoutComponent,
-                        AXPThemeLayoutBlockComponent,
-                        AXDropdownButtonModule,
-                        AXPThemeLayoutStartSideComponent,
-                        AXPEntityCategoryComponent,
-                    ], providers: [
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXPEntityMasterListViewComponent,
-                        },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.entityDef.category) {\n  <axp-layout-start-side id=\"axp-entity-category-drawer\">\n    <axp-entity-category id=\"axp-entity-category\" class=\"ax-w-80\" [vm]=\"vm\"\n      [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar id=\"axp-entity-toolbar\">\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content class=\"ax-overflow-auto ax-pt-0\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-1 ax-pb-1 ax-text-muted ax-text-sm\"\n      [class.ax-invisible]=\"!grid.selectedRows.length\">\n      <span>{{ grid.selectedRows.length }}\n        <span>{{ '@general:terms.interface.items-selected' | translate | async }}</span>\n      </span>\n      <ax-button text=\"@general:terms.interface.unselect-all\" class=\"ax-xs\" (onClick)=\"handleUnselectAll()\"></ax-button>\n    </div>\n    <ax-data-table id=\"axp-entity-table\" [allowReordering]=\"true\"\n      (onColumnsOrderChanged)=\"onColumnsOrderChanged($event)\" #grid [showFooter]=\"false\" class=\"ax-flex-1\"\n      [paging]=\"true\" [fetchDataMode]=\"'manual'\" [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\" [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\" (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\" (onPageChanged)=\"onPageChanged($event)\">\n      @if (vm.view().indexCol === true) {\n      <ax-index-column 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 [attr.id]=\"'axp-table-col-' + col.name\"\n        [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\" [caption]=\"(col.title | translate | async)!\"\n        [node]=\"col.node()\" [customWidth]=\"col.width\"></axp-widget-column-renderer>\n      }\n      }\n      @if (getCommandRowItems().length) {\n      <ax-command-column id=\"axp-table-col-commands\" fixed=\"end\" [width]=\"getCommandRowItems().length * 70 + 'px'\"\n        [items]=\"getCommandRowItems()\" (onItemClick)=\"handleRowCommandClick($event)\"></ax-command-column>\n      }\n      <ax-dropdown-command-column id=\"axp-table-col-dropdown-commands\" fixed=\"end\" [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\" (onItemClick)=\"handleRowCommandClick($event)\"></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-entity-master-list axp-layout-header{padding-bottom:.25rem!important}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.AXPlatform }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
-
-export { AXPEntityMasterListViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-BhDLyC5P.mjs.map