@acorex/platform 20.5.0-next.2 → 20.5.1

package/fesm2022/acorex-platform-layout-components.mjs

@@ -49,6 +49,7 @@ import { AXDataTableModule } from '@acorex/components/data-table';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXPopupService } from '@acorex/components/popup';
+import { moveItemInArray as moveItemInArray$1, AXDragDirective, AXDragHandleDirective, AXDropListDirective } from '@acorex/cdk/drag-drop';
 import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import * as i5$2 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -1739,6 +1740,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }] });
 
+class AXPDragDropListComponent {
+    constructor() {
+        // Inputs
+        this.items = model([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.listId = input('', ...(ngDevMode ? [{ debugName: "listId" }] : []));
+        this.dropListGroup = input('', ...(ngDevMode ? [{ debugName: "dropListGroup" }] : []));
+        this.orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+        this.emptyMessage = input('No items', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+        this.disable = input(false, ...(ngDevMode ? [{ debugName: "disable" }] : []));
+        // Outputs
+        this.itemClick = output();
+        this.dropListDropped = output();
+    }
+    // Drag and drop handler - handles both reorder and transfer
+    onDrop(event) {
+        // Emit event for parent component
+        this.dropListDropped.emit(event);
+        // Handle reorder within same list automatically
+        if (event.previousContainer === event.container) {
+            const itemsCopy = [...this.items()];
+            moveItemInArray$1(itemsCopy, event.previousIndex, event.currentIndex);
+            this.items.set(itemsCopy);
+        }
+        // Transfers between lists are handled by parent component via the event
+    }
+    onItemClick(item) {
+        if (!item.disabled) {
+            this.itemClick.emit(item);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPDragDropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPDragDropListComponent, isStandalone: true, selector: "axp-drag-drop-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, listId: { classPropertyName: "listId", publicName: "listId", isSignal: true, isRequired: false, transformFunction: null }, dropListGroup: { classPropertyName: "dropListGroup", publicName: "dropListGroup", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", itemClick: "itemClick", dropListDropped: "dropListDropped" }, host: { classAttribute: "axp-drag-drop-list" }, ngImport: i0, template: "<div\n  class=\"axp-drag-drop-list-container ax-divide-y\"\n  [attr.id]=\"listId()\"\n  [attr.data-orientation]=\"orientation()\"\n  axDropList\n  [dropListGroup]=\"dropListGroup()\"\n  [dropListOrientation]=\"orientation()\"\n  (dropListDropped)=\"onDrop($event)\"\n  [sortingDisabled]=\"disable()\"\n>\n  @if (items().length === 0) {\n    <div class=\"axp-drag-drop-list-empty\">\n      <span class=\"axp-drag-drop-list-empty-message\">{{ emptyMessage() }}</span>\n    </div>\n  }\n\n  @for (item of items(); track item.id; let i = $index) {\n    <div\n      class=\"axp-drag-drop-list-item\"\n      [class.axp-drag-drop-list-item-disabled]=\"item.disabled\"\n      [class]=\"item.cssClass\"\n      axDrag\n      [dragDisabled]=\"item.disabled || false\"\n      (click)=\"onItemClick(item)\"\n    >\n      <div class=\"axp-drag-drop-list-item-handle\" axDragHandle>\n        <i class=\"fa-solid fa-bars\"></i>\n      </div>\n\n      <div class=\"axp-drag-drop-list-item-content\">\n        {{ item.content }}\n      </div>\n    </div>\n  }\n</div>\n", styles: [".axp-drag-drop-list{display:block;width:100%}.axp-drag-drop-list-container{display:flex;flex-direction:column;gap:.5rem;min-height:3rem;padding:.5rem;border-radius:.25rem;background-color:rgb(var(--ax-sys-color-lightest-surface));border-width:1px}.axp-drag-drop-list-container[data-orientation=horizontal]{flex-direction:row}.axp-drag-drop-list-container[data-orientation=vertical]{flex-direction:column}.axp-drag-drop-list-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:1rem}.axp-drag-drop-list-empty-message{color:var(--ax-text-secondary-color, #9e9e9e);font-size:.875rem;font-style:italic}.axp-drag-drop-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:rgb(var(--ax-sys-color-lightest-surface));cursor:move;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.axp-drag-drop-list-item.cdk-drag-preview{box-shadow:0 5px 10px rgba(0,0,0,.2);opacity:.9}.axp-drag-drop-list-item.cdk-drag-placeholder{opacity:.3;border-style:dashed}.axp-drag-drop-list-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.axp-drag-drop-list-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-drag-drop-list-item-handle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;cursor:grab;transition:color .2s ease}.axp-drag-drop-list-item-handle:active{cursor:grabbing}.axp-drag-drop-list-item-handle svg{width:100%;height:100%}.axp-drag-drop-list-item-content{flex:1;padding-bottom:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.cdk-drop-list-dragging .axp-drag-drop-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.axp-drag-drop-list .cdk-drop-list-receiving{background-color:rgb(var(--ax-sys-color-primary-400))}.axp-drag-drop-list-item.cdk-drag-preview,.axp-drag-drop-list-item.ax-drag-preview{border:1px dashed rgb(var(--ax-sys-color-primary-400))!important;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped"], exportAs: ["axDropList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPDragDropListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-drag-drop-list', standalone: true, imports: [CommonModule, AXDragDirective, AXDragHandleDirective, AXDropListDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'axp-drag-drop-list',
+                    }, template: "<div\n  class=\"axp-drag-drop-list-container ax-divide-y\"\n  [attr.id]=\"listId()\"\n  [attr.data-orientation]=\"orientation()\"\n  axDropList\n  [dropListGroup]=\"dropListGroup()\"\n  [dropListOrientation]=\"orientation()\"\n  (dropListDropped)=\"onDrop($event)\"\n  [sortingDisabled]=\"disable()\"\n>\n  @if (items().length === 0) {\n    <div class=\"axp-drag-drop-list-empty\">\n      <span class=\"axp-drag-drop-list-empty-message\">{{ emptyMessage() }}</span>\n    </div>\n  }\n\n  @for (item of items(); track item.id; let i = $index) {\n    <div\n      class=\"axp-drag-drop-list-item\"\n      [class.axp-drag-drop-list-item-disabled]=\"item.disabled\"\n      [class]=\"item.cssClass\"\n      axDrag\n      [dragDisabled]=\"item.disabled || false\"\n      (click)=\"onItemClick(item)\"\n    >\n      <div class=\"axp-drag-drop-list-item-handle\" axDragHandle>\n        <i class=\"fa-solid fa-bars\"></i>\n      </div>\n\n      <div class=\"axp-drag-drop-list-item-content\">\n        {{ item.content }}\n      </div>\n    </div>\n  }\n</div>\n", styles: [".axp-drag-drop-list{display:block;width:100%}.axp-drag-drop-list-container{display:flex;flex-direction:column;gap:.5rem;min-height:3rem;padding:.5rem;border-radius:.25rem;background-color:rgb(var(--ax-sys-color-lightest-surface));border-width:1px}.axp-drag-drop-list-container[data-orientation=horizontal]{flex-direction:row}.axp-drag-drop-list-container[data-orientation=vertical]{flex-direction:column}.axp-drag-drop-list-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:1rem}.axp-drag-drop-list-empty-message{color:var(--ax-text-secondary-color, #9e9e9e);font-size:.875rem;font-style:italic}.axp-drag-drop-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:rgb(var(--ax-sys-color-lightest-surface));cursor:move;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.axp-drag-drop-list-item.cdk-drag-preview{box-shadow:0 5px 10px rgba(0,0,0,.2);opacity:.9}.axp-drag-drop-list-item.cdk-drag-placeholder{opacity:.3;border-style:dashed}.axp-drag-drop-list-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.axp-drag-drop-list-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-drag-drop-list-item-handle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;cursor:grab;transition:color .2s ease}.axp-drag-drop-list-item-handle:active{cursor:grabbing}.axp-drag-drop-list-item-handle svg{width:100%;height:100%}.axp-drag-drop-list-item-content{flex:1;padding-bottom:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.cdk-drop-list-dragging .axp-drag-drop-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.axp-drag-drop-list .cdk-drop-list-receiving{background-color:rgb(var(--ax-sys-color-primary-400))}.axp-drag-drop-list-item.cdk-drag-preview,.axp-drag-drop-list-item.ax-drag-preview{border:1px dashed rgb(var(--ax-sys-color-primary-400))!important;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:.9}\n"] }]
+        }] });
+
 class AXPWidgetPropertyViewerService {
     constructor() {
         //#region ----   Services & Dependencies   ----
@@ -4482,561 +4523,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }] });
 
-class AXPTreeListItemComponent {
-    constructor() {
-        // Inputs
-        this.node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
-        this.level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
-        this.look = input('default', ...(ngDevMode ? [{ debugName: "look" }] : []));
-        this.expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
-        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
-        this.dragState = input.required(...(ngDevMode ? [{ debugName: "dragState" }] : []));
-        this.expandedNodes = input.required(...(ngDevMode ? [{ debugName: "expandedNodes" }] : []));
-        this.selectedNodes = input.required(...(ngDevMode ? [{ debugName: "selectedNodes" }] : []));
-        this.isLastChild = input(false, ...(ngDevMode ? [{ debugName: "isLastChild" }] : []));
-        // Outputs
-        this.dragStart = output();
-        this.dragOver = output();
-        this.dragEnd = output();
-        this.dragCancel = output();
-        this.nodeClick = output();
-        this.toggle = output();
-        this.select = output();
-        // Internal state
-        this.dropPosition = signal(null, ...(ngDevMode ? [{ debugName: "dropPosition" }] : []));
-        this.dragOverZone = signal(null, ...(ngDevMode ? [{ debugName: "dragOverZone" }] : []));
-        // Computed
-        this.hasChildren = computed(() => {
-            const children = this.node().children;
-            return children && children.length > 0;
-        }, ...(ngDevMode ? [{ debugName: "hasChildren" }] : []));
-        this.isDragging = computed(() => {
-            const state = this.dragState();
-            return state.isDragging && state.dragNode?.id === this.node().id;
-        }, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
-        this.isDragOver = computed(() => {
-            const state = this.dragState();
-            return state.isDragging && state.dropTarget?.id === this.node().id;
-        }, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
-        this.canDrop = computed(() => {
-            const state = this.dragState();
-            return this.isDragOver() && state.canDrop;
-        }, ...(ngDevMode ? [{ debugName: "canDrop" }] : []));
-        this.indentStyle = computed(() => ({
-            paddingLeft: `${this.level() * this.config().indentSize}px`,
-        }), ...(ngDevMode ? [{ debugName: "indentStyle" }] : []));
-        this.showExpandIcon = computed(() => {
-            return this.config().expandable && this.hasChildren();
-        }, ...(ngDevMode ? [{ debugName: "showExpandIcon" }] : []));
-        this.visibleActions = computed(() => {
-            return this.node().actions?.filter((action) => action.visible !== false) || [];
-        }, ...(ngDevMode ? [{ debugName: "visibleActions" }] : []));
-    }
-    // Checkbox model for two-way binding
-    get checkboxValue() {
-        return this.selected();
-    }
-    set checkboxValue(value) {
-        if (value !== this.selected()) {
-            this.select.emit(this.node());
-        }
-    }
-    // Drag and drop handlers
-    onDragStart(event) {
-        if (!this.config().dragEnabled || this.node().disabled || this.node().draggable === false) {
-            event.preventDefault();
-            return;
-        }
-        event.stopPropagation();
-        if (event.dataTransfer) {
-            event.dataTransfer.effectAllowed = 'move';
-            event.dataTransfer.setData('text/plain', this.node().id);
-            // Create drag image from the entire item content
-            const itemContent = event.target.closest('.axp-tree-list-item-content');
-            if (itemContent) {
-                const dragImage = itemContent.cloneNode(true);
-                dragImage.style.position = 'absolute';
-                dragImage.style.top = '-9999px';
-                dragImage.style.opacity = '0.8';
-                dragImage.style.pointerEvents = 'none';
-                document.body.appendChild(dragImage);
-                event.dataTransfer.setDragImage(dragImage, 20, 20);
-                setTimeout(() => document.body.removeChild(dragImage), 0);
-            }
-        }
-        this.dragStart.emit(this.node());
-    }
-    onDragOver(event) {
-        if (!this.config().dragEnabled) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        const state = this.dragState();
-        if (!state.isDragging || !state.dragNode) {
-            return;
-        }
-        // Calculate drop position based on mouse position
-        const rect = event.currentTarget.getBoundingClientRect();
-        const y = event.clientY - rect.top;
-        const height = rect.height;
-        const threshold = height / 3;
-        let position;
-        let zone;
-        if (y < threshold) {
-            position = 'before';
-            zone = 'top';
-        }
-        else if (y > height - threshold) {
-            position = 'after';
-            zone = 'bottom';
-        }
-        else {
-            position = 'inside';
-            zone = 'middle';
-        }
-        // Don't allow dropping inside if node doesn't accept children
-        if (position === 'inside' && this.node().droppable === false) {
-            position = y < height / 2 ? 'before' : 'after';
-            zone = y < height / 2 ? 'top' : 'bottom';
-        }
-        this.dropPosition.set(position);
-        this.dragOverZone.set(zone);
-        this.dragOver.emit({ node: this.node(), position });
-        if (event.dataTransfer) {
-            event.dataTransfer.dropEffect = state.canDrop ? 'move' : 'none';
-        }
-    }
-    onDragLeave(event) {
-        event.stopPropagation();
-        // Only clear if we're actually leaving this element
-        const relatedTarget = event.relatedTarget;
-        if (!relatedTarget || !event.currentTarget.contains(relatedTarget)) {
-            this.dropPosition.set(null);
-            this.dragOverZone.set(null);
-        }
-    }
-    onDrop(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.dropPosition.set(null);
-        this.dragOverZone.set(null);
-        this.dragEnd.emit();
-    }
-    onDragEnd(event) {
-        event.stopPropagation();
-        this.dropPosition.set(null);
-        this.dragOverZone.set(null);
-        this.dragEnd.emit();
-    }
-    // Node interaction handlers
-    onToggleClick(event) {
-        event.stopPropagation();
-        if (this.config().expandable && this.hasChildren()) {
-            this.toggle.emit(this.node());
-        }
-    }
-    onContentClick(event) {
-        if (!this.node().disabled) {
-            this.nodeClick.emit(this.node());
-            if (this.node().selectable !== false) {
-                this.select.emit(this.node());
-            }
-        }
-    }
-    onActionClick(event, action) {
-        event.stopPropagation();
-        if (!action.disabled && action.onClick) {
-            action.onClick(this.node());
-        }
-    }
-    // Helper methods
-    getDropIndicatorClass() {
-        const zone = this.dragOverZone();
-        const canDrop = this.canDrop();
-        if (!zone || !canDrop) {
-            return '';
-        }
-        return `axp-tree-list-item-drop-${zone}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTreeListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTreeListItemComponent, isStandalone: true, selector: "axp-tree-list-item", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, dragState: { classPropertyName: "dragState", publicName: "dragState", isSignal: true, isRequired: true, transformFunction: null }, expandedNodes: { classPropertyName: "expandedNodes", publicName: "expandedNodes", isSignal: true, isRequired: true, transformFunction: null }, selectedNodes: { classPropertyName: "selectedNodes", publicName: "selectedNodes", isSignal: true, isRequired: true, transformFunction: null }, isLastChild: { classPropertyName: "isLastChild", publicName: "isLastChild", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragOver: "dragOver", dragEnd: "dragEnd", dragCancel: "dragCancel", nodeClick: "nodeClick", toggle: "toggle", select: "select" }, host: { properties: { "class.axp-tree-list-item-expanded": "expanded()", "class.axp-tree-list-item-collapsed": "!expanded() && hasChildren()", "class.axp-tree-list-item-selected": "selected()", "class.axp-tree-list-item-disabled": "node().disabled", "class.axp-tree-list-item-dragging": "isDragging()", "class.axp-tree-list-item-drag-over": "isDragOver()", "class.axp-tree-list-item-can-drop": "canDrop()", "attr.data-level": "level()", "attr.data-node-id": "node().id" }, classAttribute: "axp-tree-list-item" }, ngImport: i0, template: "<div\n  class=\"axp-tree-list-item-wrapper\"\n  [class]=\"getDropIndicatorClass()\"\n  [style.--indent]=\"level() * config().indentSize + 'px'\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <!-- Tree lines -->\n  @if (config().showLines && level() > 0) {\n    <div class=\"axp-tree-list-item-lines\">\n      <!-- Vertical line -->\n      <div\n        class=\"axp-tree-list-item-line-vertical\"\n        [class.last-child]=\"isLastChild()\"\n        [style.left.px]=\"(level() - 1) * config().indentSize + 12\"\n      ></div>\n      <!-- Horizontal line -->\n      <div class=\"axp-tree-list-item-line-horizontal\" [style.left.px]=\"(level() - 1) * config().indentSize + 12\"></div>\n    </div>\n  }\n\n  <div class=\"axp-tree-list-item-content\" [ngStyle]=\"indentStyle()\" (click)=\"onContentClick($event)\">\n    <!-- Expand/Collapse Icon -->\n    @if (showExpandIcon()) {\n      <ax-button\n        class=\"axp-tree-list-item-toggle\"\n        [class.axp-tree-list-item-toggle-expanded]=\"expanded()\"\n        (click)=\"onToggleClick($event)\"\n        mode=\"text\"\n        size=\"sm\"\n      >\n        <i class=\"fa-light\" [class.fa-chevron-right]=\"!expanded()\" [class.fa-chevron-down]=\"expanded()\"></i>\n      </ax-button>\n    } @else if (config().expandable) {\n      <span class=\"axp-tree-list-item-toggle-placeholder\"></span>\n    }\n\n    <!-- Drag Indicator -->\n    @if (config().dragEnabled && config().showDragIndicator && !node().disabled && node().draggable !== false) {\n      <div\n        class=\"axp-tree-list-item-drag-handle\"\n        [attr.draggable]=\"true\"\n        (dragstart)=\"onDragStart($event)\"\n        (dragend)=\"onDragEnd($event)\"\n      >\n        <i class=\"fa-light fa-grip-vertical\"></i>\n      </div>\n    }\n\n    <!-- Checkbox -->\n    @if (config().showCheckboxes) {\n      <div class=\"axp-tree-list-item-checkbox\" (click)=\"$event.stopPropagation()\">\n        <ax-check-box [(ngModel)]=\"checkboxValue\" />\n      </div>\n    }\n\n    <!-- Icon -->\n    @if (config().showIcons && node().icon) {\n      <div class=\"axp-tree-list-item-icon\">\n        <i [class]=\"node().icon\"></i>\n      </div>\n    }\n\n    <!-- Content -->\n    <div class=\"axp-tree-list-item-main\">\n      <div class=\"axp-tree-list-item-title\">\n        <span>{{ node().title }}</span>\n\n        <!-- Badge -->\n        @if (config().showBadges && node().badge) {\n          <ax-badge [color]=\"node().badge?.color || 'primary'\" [text]=\"node().badge?.text ?? ''\"></ax-badge>\n        }\n      </div>\n\n      <!-- Description -->\n      @if (config().showDescription && node().description) {\n        <div class=\"axp-tree-list-item-description\">\n          {{ node().description }}\n        </div>\n      }\n    </div>\n\n    <!-- Actions -->\n    @if (config().showActions && visibleActions().length > 0) {\n      <div class=\"axp-tree-list-item-actions\">\n        @for (action of visibleActions(); track action.id) {\n          <ax-button\n            class=\"axp-tree-list-item-action\"\n            [disabled]=\"action.disabled\"\n            [color]=\"action.color || 'secondary'\"\n            [title]=\"action.text\"\n            (click)=\"onActionClick($event, action)\"\n            mode=\"text\"\n            size=\"sm\"\n          >\n            @if (action.icon) {\n              <i [class]=\"action.icon\"></i>\n            }\n          </ax-button>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Drop Indicators -->\n  @if (canDrop()) {\n    <div class=\"axp-tree-list-item-drop-indicator\" [attr.data-position]=\"dropPosition()\"></div>\n  }\n</div>\n\n<!-- Children -->\n@if (hasChildren() && expanded()) {\n  <div class=\"axp-tree-list-item-children\">\n    @for (child of node().children; track child.id; let isLast = $last) {\n      <axp-tree-list-item\n        [node]=\"child\"\n        [level]=\"level() + 1\"\n        [config]=\"config()\"\n        [look]=\"look()\"\n        [expanded]=\"expandedNodes().has(child.id)\"\n        [selected]=\"selectedNodes().has(child.id)\"\n        [dragState]=\"dragState()\"\n        [expandedNodes]=\"expandedNodes()\"\n        [selectedNodes]=\"selectedNodes()\"\n        [isLastChild]=\"isLast\"\n        (dragStart)=\"dragStart.emit($event)\"\n        (dragOver)=\"dragOver.emit($event)\"\n        (dragEnd)=\"dragEnd.emit()\"\n        (dragCancel)=\"dragCancel.emit()\"\n        (nodeClick)=\"nodeClick.emit($event)\"\n        (toggle)=\"toggle.emit($event)\"\n        (select)=\"select.emit($event)\"\n      />\n    }\n  </div>\n}\n", styles: [".axp-tree-list-item{display:block;position:relative}.axp-tree-list-item-wrapper{position:relative;transition:all .2s ease}.axp-tree-list-item-content{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-height:2.5rem;cursor:pointer;transition:all .15s ease;border-radius:4px;position:relative;z-index:1}.axp-tree-list-item-content:hover{background-color:var(--ax-color-hover)}.axp-tree-list-item-content:active{background-color:var(--ax-color-active)}.axp-tree-list-item-selected .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary);font-weight:500}.axp-tree-list-item-disabled .axp-tree-list-item-content{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-tree-list-item-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:none;cursor:pointer;color:var(--ax-color-text-secondary);transition:all .15s ease;border-radius:2px;flex-shrink:0}.axp-tree-list-item-toggle:hover{background-color:var(--ax-color-hover);color:var(--ax-color-text-primary)}.axp-tree-list-item-toggle i{font-size:.75rem;transition:transform .2s ease}.axp-tree-list-item-toggle-expanded i{transform:rotate(0)}.axp-tree-list-item-toggle-placeholder{width:1.25rem;height:1.25rem;flex-shrink:0}.axp-tree-list-item-drag-handle{display:flex;align-items:center;justify-content:center;width:1rem;color:var(--ax-color-text-tertiary);cursor:grab;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.axp-tree-list-item-drag-handle:active{cursor:grabbing}.axp-tree-list-item-drag-handle i{font-size:.975rem;pointer-events:none}.axp-tree-list-item-dragging{opacity:.5}.axp-tree-list-item-dragging .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);border:2px dashed var(--ax-color-primary)}.axp-tree-list-item-drag-over .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-5)}.axp-tree-list-item-checkbox{display:flex;align-items:center;flex-shrink:0}.axp-tree-list-item-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.axp-tree-list-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--ax-color-text-secondary);flex-shrink:0}.axp-tree-list-item-icon i{font-size:1.125rem}.axp-tree-list-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.axp-tree-list-item-title{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.axp-tree-list-item-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-tree-list-item-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;flex-shrink:0}.axp-tree-list-item-badge[data-color=primary]{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary)}.axp-tree-list-item-badge[data-color=secondary]{background-color:var(--ax-color-secondary-alpha-10);color:var(--ax-color-secondary)}.axp-tree-list-item-badge[data-color=success]{background-color:var(--ax-color-success-alpha-10);color:var(--ax-color-success)}.axp-tree-list-item-badge[data-color=danger]{background-color:var(--ax-color-danger-alpha-10);color:var(--ax-color-danger)}.axp-tree-list-item-badge[data-color=warning]{background-color:var(--ax-color-warning-alpha-10);color:var(--ax-color-warning)}.axp-tree-list-item-badge[data-color=info]{background-color:var(--ax-color-info-alpha-10);color:var(--ax-color-info)}.axp-tree-list-item-description{font-size:.75rem;line-height:1rem;color:var(--ax-color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-tree-list-item-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .15s ease}.axp-tree-list-item-content:hover .axp-tree-list-item-actions{opacity:1}.axp-tree-list-item-action{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .15s ease;color:var(--ax-color-text-secondary)}.axp-tree-list-item-action:hover{background-color:var(--ax-color-hover);color:var(--ax-color-text-primary)}.axp-tree-list-item-action[data-color=danger]:hover{background-color:var(--ax-color-danger-alpha-10);color:var(--ax-color-danger)}.axp-tree-list-item-action[data-color=success]:hover{background-color:var(--ax-color-success-alpha-10);color:var(--ax-color-success)}.axp-tree-list-item-action[data-color=warning]:hover{background-color:var(--ax-color-warning-alpha-10);color:var(--ax-color-warning)}.axp-tree-list-item-action[data-color=primary]:hover{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary)}.axp-tree-list-item-action-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-tree-list-item-action i{font-size:.975rem}.axp-tree-list-item-children{overflow:hidden;animation:expandCollapse .2s ease}.axp-tree-list-item-drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--ax-color-primary);pointer-events:none;z-index:10}.axp-tree-list-item-drop-indicator:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--ax-color-primary)}.axp-tree-list-item-drop-indicator[data-position=before]{top:-1px}.axp-tree-list-item-drop-indicator[data-position=after]{bottom:-1px}.axp-tree-list-item-drop-indicator[data-position=inside]{display:none}.axp-tree-list-item-drop-top{border-top:2px solid var(--ax-color-primary)}.axp-tree-list-item-drop-bottom{border-bottom:2px solid var(--ax-color-primary)}.axp-tree-list-item-drop-middle.axp-tree-list-item-can-drop .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);border:2px dashed var(--ax-color-primary)}.axp-tree-list-lines .axp-tree-list-item,.axp-tree-list-item-children{position:relative}.axp-tree-list-item-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.axp-tree-list-item-line-vertical{position:absolute;top:0;bottom:0;width:1px;background-color:var(--ax-color-border, #d0d0d0)}.axp-tree-list-item-line-vertical.last-child{bottom:50%}.axp-tree-list-item-line-horizontal{position:absolute;top:50%;width:12px;height:1px;background-color:var(--ax-color-border, #d0d0d0)}@keyframes expandCollapse{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "component", type: AXPTreeListItemComponent, selector: "axp-tree-list-item", inputs: ["node", "level", "config", "look", "expanded", "selected", "dragState", "expandedNodes", "selectedNodes", "isLastChild"], outputs: ["dragStart", "dragOver", "dragEnd", "dragCancel", "nodeClick", "toggle", "select"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i8.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTreeListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-tree-list-item', standalone: true, imports: [CommonModule, FormsModule, AXButtonModule, AXCheckBoxModule, AXBadgeModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: 'axp-tree-list-item',
-                        '[class.axp-tree-list-item-expanded]': 'expanded()',
-                        '[class.axp-tree-list-item-collapsed]': '!expanded() && hasChildren()',
-                        '[class.axp-tree-list-item-selected]': 'selected()',
-                        '[class.axp-tree-list-item-disabled]': 'node().disabled',
-                        '[class.axp-tree-list-item-dragging]': 'isDragging()',
-                        '[class.axp-tree-list-item-drag-over]': 'isDragOver()',
-                        '[class.axp-tree-list-item-can-drop]': 'canDrop()',
-                        '[attr.data-level]': 'level()',
-                        '[attr.data-node-id]': 'node().id',
-                    }, template: "<div\n  class=\"axp-tree-list-item-wrapper\"\n  [class]=\"getDropIndicatorClass()\"\n  [style.--indent]=\"level() * config().indentSize + 'px'\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <!-- Tree lines -->\n  @if (config().showLines && level() > 0) {\n    <div class=\"axp-tree-list-item-lines\">\n      <!-- Vertical line -->\n      <div\n        class=\"axp-tree-list-item-line-vertical\"\n        [class.last-child]=\"isLastChild()\"\n        [style.left.px]=\"(level() - 1) * config().indentSize + 12\"\n      ></div>\n      <!-- Horizontal line -->\n      <div class=\"axp-tree-list-item-line-horizontal\" [style.left.px]=\"(level() - 1) * config().indentSize + 12\"></div>\n    </div>\n  }\n\n  <div class=\"axp-tree-list-item-content\" [ngStyle]=\"indentStyle()\" (click)=\"onContentClick($event)\">\n    <!-- Expand/Collapse Icon -->\n    @if (showExpandIcon()) {\n      <ax-button\n        class=\"axp-tree-list-item-toggle\"\n        [class.axp-tree-list-item-toggle-expanded]=\"expanded()\"\n        (click)=\"onToggleClick($event)\"\n        mode=\"text\"\n        size=\"sm\"\n      >\n        <i class=\"fa-light\" [class.fa-chevron-right]=\"!expanded()\" [class.fa-chevron-down]=\"expanded()\"></i>\n      </ax-button>\n    } @else if (config().expandable) {\n      <span class=\"axp-tree-list-item-toggle-placeholder\"></span>\n    }\n\n    <!-- Drag Indicator -->\n    @if (config().dragEnabled && config().showDragIndicator && !node().disabled && node().draggable !== false) {\n      <div\n        class=\"axp-tree-list-item-drag-handle\"\n        [attr.draggable]=\"true\"\n        (dragstart)=\"onDragStart($event)\"\n        (dragend)=\"onDragEnd($event)\"\n      >\n        <i class=\"fa-light fa-grip-vertical\"></i>\n      </div>\n    }\n\n    <!-- Checkbox -->\n    @if (config().showCheckboxes) {\n      <div class=\"axp-tree-list-item-checkbox\" (click)=\"$event.stopPropagation()\">\n        <ax-check-box [(ngModel)]=\"checkboxValue\" />\n      </div>\n    }\n\n    <!-- Icon -->\n    @if (config().showIcons && node().icon) {\n      <div class=\"axp-tree-list-item-icon\">\n        <i [class]=\"node().icon\"></i>\n      </div>\n    }\n\n    <!-- Content -->\n    <div class=\"axp-tree-list-item-main\">\n      <div class=\"axp-tree-list-item-title\">\n        <span>{{ node().title }}</span>\n\n        <!-- Badge -->\n        @if (config().showBadges && node().badge) {\n          <ax-badge [color]=\"node().badge?.color || 'primary'\" [text]=\"node().badge?.text ?? ''\"></ax-badge>\n        }\n      </div>\n\n      <!-- Description -->\n      @if (config().showDescription && node().description) {\n        <div class=\"axp-tree-list-item-description\">\n          {{ node().description }}\n        </div>\n      }\n    </div>\n\n    <!-- Actions -->\n    @if (config().showActions && visibleActions().length > 0) {\n      <div class=\"axp-tree-list-item-actions\">\n        @for (action of visibleActions(); track action.id) {\n          <ax-button\n            class=\"axp-tree-list-item-action\"\n            [disabled]=\"action.disabled\"\n            [color]=\"action.color || 'secondary'\"\n            [title]=\"action.text\"\n            (click)=\"onActionClick($event, action)\"\n            mode=\"text\"\n            size=\"sm\"\n          >\n            @if (action.icon) {\n              <i [class]=\"action.icon\"></i>\n            }\n          </ax-button>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Drop Indicators -->\n  @if (canDrop()) {\n    <div class=\"axp-tree-list-item-drop-indicator\" [attr.data-position]=\"dropPosition()\"></div>\n  }\n</div>\n\n<!-- Children -->\n@if (hasChildren() && expanded()) {\n  <div class=\"axp-tree-list-item-children\">\n    @for (child of node().children; track child.id; let isLast = $last) {\n      <axp-tree-list-item\n        [node]=\"child\"\n        [level]=\"level() + 1\"\n        [config]=\"config()\"\n        [look]=\"look()\"\n        [expanded]=\"expandedNodes().has(child.id)\"\n        [selected]=\"selectedNodes().has(child.id)\"\n        [dragState]=\"dragState()\"\n        [expandedNodes]=\"expandedNodes()\"\n        [selectedNodes]=\"selectedNodes()\"\n        [isLastChild]=\"isLast\"\n        (dragStart)=\"dragStart.emit($event)\"\n        (dragOver)=\"dragOver.emit($event)\"\n        (dragEnd)=\"dragEnd.emit()\"\n        (dragCancel)=\"dragCancel.emit()\"\n        (nodeClick)=\"nodeClick.emit($event)\"\n        (toggle)=\"toggle.emit($event)\"\n        (select)=\"select.emit($event)\"\n      />\n    }\n  </div>\n}\n", styles: [".axp-tree-list-item{display:block;position:relative}.axp-tree-list-item-wrapper{position:relative;transition:all .2s ease}.axp-tree-list-item-content{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-height:2.5rem;cursor:pointer;transition:all .15s ease;border-radius:4px;position:relative;z-index:1}.axp-tree-list-item-content:hover{background-color:var(--ax-color-hover)}.axp-tree-list-item-content:active{background-color:var(--ax-color-active)}.axp-tree-list-item-selected .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary);font-weight:500}.axp-tree-list-item-disabled .axp-tree-list-item-content{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-tree-list-item-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:none;cursor:pointer;color:var(--ax-color-text-secondary);transition:all .15s ease;border-radius:2px;flex-shrink:0}.axp-tree-list-item-toggle:hover{background-color:var(--ax-color-hover);color:var(--ax-color-text-primary)}.axp-tree-list-item-toggle i{font-size:.75rem;transition:transform .2s ease}.axp-tree-list-item-toggle-expanded i{transform:rotate(0)}.axp-tree-list-item-toggle-placeholder{width:1.25rem;height:1.25rem;flex-shrink:0}.axp-tree-list-item-drag-handle{display:flex;align-items:center;justify-content:center;width:1rem;color:var(--ax-color-text-tertiary);cursor:grab;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.axp-tree-list-item-drag-handle:active{cursor:grabbing}.axp-tree-list-item-drag-handle i{font-size:.975rem;pointer-events:none}.axp-tree-list-item-dragging{opacity:.5}.axp-tree-list-item-dragging .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);border:2px dashed var(--ax-color-primary)}.axp-tree-list-item-drag-over .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-5)}.axp-tree-list-item-checkbox{display:flex;align-items:center;flex-shrink:0}.axp-tree-list-item-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.axp-tree-list-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--ax-color-text-secondary);flex-shrink:0}.axp-tree-list-item-icon i{font-size:1.125rem}.axp-tree-list-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.axp-tree-list-item-title{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.axp-tree-list-item-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-tree-list-item-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;flex-shrink:0}.axp-tree-list-item-badge[data-color=primary]{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary)}.axp-tree-list-item-badge[data-color=secondary]{background-color:var(--ax-color-secondary-alpha-10);color:var(--ax-color-secondary)}.axp-tree-list-item-badge[data-color=success]{background-color:var(--ax-color-success-alpha-10);color:var(--ax-color-success)}.axp-tree-list-item-badge[data-color=danger]{background-color:var(--ax-color-danger-alpha-10);color:var(--ax-color-danger)}.axp-tree-list-item-badge[data-color=warning]{background-color:var(--ax-color-warning-alpha-10);color:var(--ax-color-warning)}.axp-tree-list-item-badge[data-color=info]{background-color:var(--ax-color-info-alpha-10);color:var(--ax-color-info)}.axp-tree-list-item-description{font-size:.75rem;line-height:1rem;color:var(--ax-color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-tree-list-item-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .15s ease}.axp-tree-list-item-content:hover .axp-tree-list-item-actions{opacity:1}.axp-tree-list-item-action{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .15s ease;color:var(--ax-color-text-secondary)}.axp-tree-list-item-action:hover{background-color:var(--ax-color-hover);color:var(--ax-color-text-primary)}.axp-tree-list-item-action[data-color=danger]:hover{background-color:var(--ax-color-danger-alpha-10);color:var(--ax-color-danger)}.axp-tree-list-item-action[data-color=success]:hover{background-color:var(--ax-color-success-alpha-10);color:var(--ax-color-success)}.axp-tree-list-item-action[data-color=warning]:hover{background-color:var(--ax-color-warning-alpha-10);color:var(--ax-color-warning)}.axp-tree-list-item-action[data-color=primary]:hover{background-color:var(--ax-color-primary-alpha-10);color:var(--ax-color-primary)}.axp-tree-list-item-action-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.axp-tree-list-item-action i{font-size:.975rem}.axp-tree-list-item-children{overflow:hidden;animation:expandCollapse .2s ease}.axp-tree-list-item-drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--ax-color-primary);pointer-events:none;z-index:10}.axp-tree-list-item-drop-indicator:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--ax-color-primary)}.axp-tree-list-item-drop-indicator[data-position=before]{top:-1px}.axp-tree-list-item-drop-indicator[data-position=after]{bottom:-1px}.axp-tree-list-item-drop-indicator[data-position=inside]{display:none}.axp-tree-list-item-drop-top{border-top:2px solid var(--ax-color-primary)}.axp-tree-list-item-drop-bottom{border-bottom:2px solid var(--ax-color-primary)}.axp-tree-list-item-drop-middle.axp-tree-list-item-can-drop .axp-tree-list-item-content{background-color:var(--ax-color-primary-alpha-10);border:2px dashed var(--ax-color-primary)}.axp-tree-list-lines .axp-tree-list-item,.axp-tree-list-item-children{position:relative}.axp-tree-list-item-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.axp-tree-list-item-line-vertical{position:absolute;top:0;bottom:0;width:1px;background-color:var(--ax-color-border, #d0d0d0)}.axp-tree-list-item-line-vertical.last-child{bottom:50%}.axp-tree-list-item-line-horizontal{position:absolute;top:50%;width:12px;height:1px;background-color:var(--ax-color-border, #d0d0d0)}@keyframes expandCollapse{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
-        }] });
-
-/**
- * Helper functions for tree-list node operations
- */
-class AXPTreeListHelper {
-    /**
-     * Find a node by its ID in the tree
-     */
-    static findNodeById(nodes, nodeId) {
-        for (const node of nodes) {
-            if (node.id === nodeId) {
-                return node;
-            }
-            if (node.children) {
-                const found = this.findNodeById(node.children, nodeId);
-                if (found) {
-                    return found;
-                }
-            }
-        }
-        return null;
-    }
-    /**
-     * Find a node's parent and index in the tree
-     */
-    static findNodeParentAndIndex(nodes, nodeId, parent = null) {
-        for (let i = 0; i < nodes.length; i++) {
-            const node = nodes[i];
-            if (node.id === nodeId) {
-                return { parent, index: i };
-            }
-            if (node.children) {
-                const result = this.findNodeParentAndIndex(node.children, nodeId, node);
-                if (result.parent !== null || result.index !== -1) {
-                    return result;
-                }
-            }
-        }
-        return { parent: null, index: -1 };
-    }
-    /**
-     * Remove a node from the tree by its ID
-     */
-    static removeNode(nodes, nodeId) {
-        return nodes
-            .filter((node) => node.id !== nodeId)
-            .map((node) => ({
-            ...node,
-            children: node.children ? this.removeNode(node.children, nodeId) : undefined,
-        }));
-    }
-    /**
-     * Check if a node is a descendant of another node
-     */
-    static isDescendant(parent, child) {
-        if (parent.id === child.id) {
-            return true;
-        }
-        if (!parent.children) {
-            return false;
-        }
-        for (const node of parent.children) {
-            if (this.isDescendant(node, child)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    /**
-     * Get all node IDs from the tree
-     */
-    static getAllNodeIds(nodes) {
-        const ids = [];
-        this.traverseNodes(nodes, (node) => ids.push(node.id));
-        return ids;
-    }
-    /**
-     * Traverse all nodes in the tree and apply a callback
-     */
-    static traverseNodes(nodes, callback) {
-        for (const node of nodes) {
-            callback(node);
-            if (node.children) {
-                this.traverseNodes(node.children, callback);
-            }
-        }
-    }
-    /**
-     * Validate if drop is allowed
-     */
-    static validateDrop(dragNode, dropNode, position, config) {
-        // Check if dropping to root is allowed
-        if (dropNode === null && !config.allowDragToRoot) {
-            return false;
-        }
-        // Check if target node accepts drops
-        if (dropNode && dropNode.droppable === false) {
-            return false;
-        }
-        // Check custom validation
-        if (config.validateDrop && !config.validateDrop(dragNode, dropNode, position)) {
-            return false;
-        }
-        return true;
-    }
-    /**
-     * Perform the drop operation on the nodes array
-     */
-    static performDrop(nodes, dragNode, dropNode, position) {
-        const { parent: oldParent, index: oldIndex } = this.findNodeParentAndIndex(nodes, dragNode.id);
-        // Remove from old position
-        const newNodes = this.removeNode(nodes, dragNode.id);
-        // Insert at new position
-        let newParent = null;
-        let newIndex = 0;
-        if (dropNode === null) {
-            // Drop at root level
-            newIndex = position === 'before' ? 0 : newNodes.length;
-            newNodes.splice(newIndex, 0, dragNode);
-        }
-        else if (position === 'inside') {
-            // Drop inside target node - need to find the node in newNodes tree
-            const targetNode = this.findNodeById(newNodes, dropNode.id);
-            if (targetNode) {
-                newParent = targetNode;
-                if (!targetNode.children) {
-                    targetNode.children = [];
-                }
-                newIndex = targetNode.children.length;
-                targetNode.children.push(dragNode);
-            }
-        }
-        else {
-            // Drop before or after target node
-            const { parent, index } = this.findNodeParentAndIndex(newNodes, dropNode.id);
-            newParent = parent;
-            newIndex = position === 'before' ? index : index + 1;
-            if (parent) {
-                parent.children.splice(newIndex, 0, dragNode);
-            }
-            else {
-                newNodes.splice(newIndex, 0, dragNode);
-            }
-        }
-        return {
-            newNodes,
-            oldParent,
-            newParent,
-            oldIndex,
-            newIndex,
-        };
-    }
-}
-
-class AXPTreeListComponent {
-    constructor() {
-        // Inputs
-        this.nodes = model([], ...(ngDevMode ? [{ debugName: "nodes" }] : []));
-        this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
-        this.look = input('default', ...(ngDevMode ? [{ debugName: "look" }] : []));
-        // Outputs
-        this.nodeDrop = output();
-        this.nodeClick = output();
-        this.nodeExpand = output();
-        this.nodeSelect = output();
-        // Internal state
-        this.dragState = signal({
-            isDragging: false,
-            dragNode: null,
-            dropTarget: null,
-            dropPosition: null,
-            canDrop: false,
-        }, ...(ngDevMode ? [{ debugName: "dragState" }] : []));
-        this.expandedNodes = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedNodes" }] : []));
-        this.selectedNodes = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedNodes" }] : []));
-        // Computed
-        this.mergedConfig = computed(() => ({
-            dragEnabled: this.config().dragEnabled ?? false,
-            showDragIndicator: this.config().showDragIndicator ?? true,
-            expandable: this.config().expandable ?? true,
-            showLines: this.config().showLines ?? false,
-            defaultExpanded: this.config().defaultExpanded ?? false,
-            multiSelect: this.config().multiSelect ?? false,
-            showCheckboxes: this.config().showCheckboxes ?? false,
-            showIcons: this.config().showIcons ?? true,
-            showActions: this.config().showActions ?? true,
-            showDescription: this.config().showDescription ?? true,
-            showBadges: this.config().showBadges ?? true,
-            indentSize: this.config().indentSize ?? 24,
-            animationDuration: this.config().animationDuration ?? 200,
-            allowDragToRoot: this.config().allowDragToRoot ?? true,
-            allowDragBetweenLevels: this.config().allowDragBetweenLevels ?? true,
-            validateDrop: this.config().validateDrop ?? (() => true),
-        }), ...(ngDevMode ? [{ debugName: "mergedConfig" }] : []));
-        // Initialize expanded state based on defaultExpanded
-        effect(() => {
-            const config = this.mergedConfig();
-            if (config.defaultExpanded) {
-                this.expandAll();
-            }
-        });
-    }
-    // Public API methods
-    expandAll() {
-        const allIds = AXPTreeListHelper.getAllNodeIds(this.nodes());
-        this.expandedNodes.set(new Set(allIds));
-    }
-    collapseAll() {
-        this.expandedNodes.set(new Set());
-    }
-    expandNode(nodeId) {
-        this.expandedNodes.update((set) => {
-            const newSet = new Set(set);
-            newSet.add(nodeId);
-            return newSet;
-        });
-    }
-    collapseNode(nodeId) {
-        this.expandedNodes.update((set) => {
-            const newSet = new Set(set);
-            newSet.delete(nodeId);
-            return newSet;
-        });
-    }
-    toggleNode(nodeId) {
-        if (this.expandedNodes().has(nodeId)) {
-            this.collapseNode(nodeId);
-        }
-        else {
-            this.expandNode(nodeId);
-        }
-    }
-    selectNode(nodeId, multiSelect = false) {
-        this.selectedNodes.update((set) => {
-            const newSet = multiSelect ? new Set(set) : new Set();
-            if (newSet.has(nodeId)) {
-                newSet.delete(nodeId);
-            }
-            else {
-                newSet.add(nodeId);
-            }
-            return newSet;
-        });
-    }
-    clearSelection() {
-        this.selectedNodes.set(new Set());
-    }
-    getSelectedNodes() {
-        const selected = [];
-        const selectedIds = this.selectedNodes();
-        AXPTreeListHelper.traverseNodes(this.nodes(), (node) => {
-            if (selectedIds.has(node.id)) {
-                selected.push(node);
-            }
-        });
-        return selected;
-    }
-    // Drag and drop handlers
-    onDragStart(node) {
-        const config = this.mergedConfig();
-        if (!config.dragEnabled || node.disabled || node.draggable === false) {
-            return;
-        }
-        this.dragState.set({
-            isDragging: true,
-            dragNode: node,
-            dropTarget: null,
-            dropPosition: null,
-            canDrop: false,
-        });
-    }
-    onDragOver(node, position) {
-        const state = this.dragState();
-        if (!state.isDragging || !state.dragNode) {
-            return;
-        }
-        // Prevent dropping on itself or its descendants
-        if (node && AXPTreeListHelper.isDescendant(state.dragNode, node)) {
-            this.dragState.update((s) => ({ ...s, dropTarget: null, dropPosition: null, canDrop: false }));
-            return;
-        }
-        // Validate drop
-        const canDrop = AXPTreeListHelper.validateDrop(state.dragNode, node, position, this.mergedConfig());
-        this.dragState.update((s) => ({
-            ...s,
-            dropTarget: node,
-            dropPosition: position,
-            canDrop,
-        }));
-    }
-    onDragEnd() {
-        const state = this.dragState();
-        if (state.isDragging && state.dragNode && state.canDrop && state.dropTarget !== undefined && state.dropPosition) {
-            this.performDrop(state.dragNode, state.dropTarget, state.dropPosition);
-        }
-        this.dragState.set({
-            isDragging: false,
-            dragNode: null,
-            dropTarget: null,
-            dropPosition: null,
-            canDrop: false,
-        });
-    }
-    onDragCancel() {
-        this.dragState.set({
-            isDragging: false,
-            dragNode: null,
-            dropTarget: null,
-            dropPosition: null,
-            canDrop: false,
-        });
-    }
-    // Node event handlers
-    onNodeClick(node, event) {
-        this.nodeClick.emit({ node, event });
-    }
-    onNodeToggle(node) {
-        this.toggleNode(node.id);
-        this.nodeExpand.emit({ node, expanded: this.expandedNodes().has(node.id) });
-    }
-    onNodeSelect(node) {
-        const multiSelect = this.mergedConfig().multiSelect;
-        this.selectNode(node.id, multiSelect);
-        this.nodeSelect.emit({
-            node,
-            selected: this.selectedNodes().has(node.id),
-            selectedNodes: this.getSelectedNodes(),
-        });
-    }
-    // Helper methods
-    performDrop(dragNode, dropNode, position) {
-        const result = AXPTreeListHelper.performDrop(this.nodes(), dragNode, dropNode, position);
-        // Auto-expand the target node if dropping inside
-        if (position === 'inside' && dropNode) {
-            this.expandNode(dropNode.id);
-        }
-        this.nodes.set([...result.newNodes]);
-        this.nodeDrop.emit({
-            dragNode,
-            dropNode,
-            position,
-            oldParent: result.oldParent,
-            newParent: result.newParent,
-            oldIndex: result.oldIndex,
-            newIndex: result.newIndex,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTreeListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTreeListComponent, isStandalone: true, selector: "axp-tree-list", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodes: "nodesChange", nodeDrop: "nodeDrop", nodeClick: "nodeClick", nodeExpand: "nodeExpand", nodeSelect: "nodeSelect" }, host: { properties: { "class.axp-tree-list-dragging": "dragState().isDragging", "attr.data-look": "look()" }, classAttribute: "axp-tree-list" }, ngImport: i0, template: "<div class=\"axp-tree-list-container\">\n  @for (node of nodes(); track node.id; let isLast = $last) {\n    <axp-tree-list-item\n      [node]=\"node\"\n      [level]=\"0\"\n      [config]=\"mergedConfig()\"\n      [look]=\"look()\"\n      [expanded]=\"expandedNodes().has(node.id)\"\n      [selected]=\"selectedNodes().has(node.id)\"\n      [dragState]=\"dragState()\"\n      [isLastChild]=\"isLast\"\n      (dragStart)=\"onDragStart($event)\"\n      (dragOver)=\"onDragOver($event.node, $event.position)\"\n      (dragEnd)=\"onDragEnd()\"\n      (dragCancel)=\"onDragCancel()\"\n      (nodeClick)=\"onNodeClick($event, $any($event))\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\"\n      [expandedNodes]=\"expandedNodes()\"\n      [selectedNodes]=\"selectedNodes()\"\n    />\n  }\n\n  @if (nodes().length === 0) {\n    <div class=\"axp-tree-list-empty\">\n      <i class=\"fa-light fa-folder-open\"></i>\n      <span>No items to display</span>\n    </div>\n  }\n</div>\n", styles: [".axp-tree-list{display:block;width:100%}.axp-tree-list-container{display:flex;flex-direction:column;gap:2px}.axp-tree-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ax-color-text-secondary);gap:.5rem}.axp-tree-list-empty i{font-size:2rem;opacity:.5}.axp-tree-list-empty span{font-size:.875rem}.axp-tree-list-dragging{-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;cursor:grabbing}.axp-tree-list[data-look=folder] .axp-tree-list-item-content{border-radius:0;border-left:3px solid transparent}.axp-tree-list[data-look=folder] .axp-tree-list-item-content:hover{border-left-color:var(--ax-color-primary)}.axp-tree-list[data-look=folder] .axp-tree-list-item-selected .axp-tree-list-item-content{border-left-color:var(--ax-color-primary);background-color:var(--ax-color-primary-alpha-10)}.axp-tree-list[data-look=card] .axp-tree-list-item-content{border:1px solid var(--ax-color-border);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.axp-tree-list[data-look=card] .axp-tree-list-item-content:hover{box-shadow:0 2px 6px rgba(0,0,0,.1)}.axp-tree-list[data-look=card] .axp-tree-list-item-selected .axp-tree-list-item-content{border-color:var(--ax-color-primary);box-shadow:0 0 0 2px var(--ax-color-primary-alpha-20)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPTreeListItemComponent, selector: "axp-tree-list-item", inputs: ["node", "level", "config", "look", "expanded", "selected", "dragState", "expandedNodes", "selectedNodes", "isLastChild"], outputs: ["dragStart", "dragOver", "dragEnd", "dragCancel", "nodeClick", "toggle", "select"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTreeListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-tree-list', standalone: true, imports: [CommonModule, AXPTreeListItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: 'axp-tree-list',
-                        '[class.axp-tree-list-dragging]': 'dragState().isDragging',
-                        '[attr.data-look]': 'look()',
-                    }, template: "<div class=\"axp-tree-list-container\">\n  @for (node of nodes(); track node.id; let isLast = $last) {\n    <axp-tree-list-item\n      [node]=\"node\"\n      [level]=\"0\"\n      [config]=\"mergedConfig()\"\n      [look]=\"look()\"\n      [expanded]=\"expandedNodes().has(node.id)\"\n      [selected]=\"selectedNodes().has(node.id)\"\n      [dragState]=\"dragState()\"\n      [isLastChild]=\"isLast\"\n      (dragStart)=\"onDragStart($event)\"\n      (dragOver)=\"onDragOver($event.node, $event.position)\"\n      (dragEnd)=\"onDragEnd()\"\n      (dragCancel)=\"onDragCancel()\"\n      (nodeClick)=\"onNodeClick($event, $any($event))\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\"\n      [expandedNodes]=\"expandedNodes()\"\n      [selectedNodes]=\"selectedNodes()\"\n    />\n  }\n\n  @if (nodes().length === 0) {\n    <div class=\"axp-tree-list-empty\">\n      <i class=\"fa-light fa-folder-open\"></i>\n      <span>No items to display</span>\n    </div>\n  }\n</div>\n", styles: [".axp-tree-list{display:block;width:100%}.axp-tree-list-container{display:flex;flex-direction:column;gap:2px}.axp-tree-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ax-color-text-secondary);gap:.5rem}.axp-tree-list-empty i{font-size:2rem;opacity:.5}.axp-tree-list-empty span{font-size:.875rem}.axp-tree-list-dragging{-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;cursor:grabbing}.axp-tree-list[data-look=folder] .axp-tree-list-item-content{border-radius:0;border-left:3px solid transparent}.axp-tree-list[data-look=folder] .axp-tree-list-item-content:hover{border-left-color:var(--ax-color-primary)}.axp-tree-list[data-look=folder] .axp-tree-list-item-selected .axp-tree-list-item-content{border-left-color:var(--ax-color-primary);background-color:var(--ax-color-primary-alpha-10)}.axp-tree-list[data-look=card] .axp-tree-list-item-content{border:1px solid var(--ax-color-border);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.axp-tree-list[data-look=card] .axp-tree-list-item-content:hover{box-shadow:0 2px 6px rgba(0,0,0,.1)}.axp-tree-list[data-look=card] .axp-tree-list-item-selected .axp-tree-list-item-content{border-color:var(--ax-color-primary);box-shadow:0 0 0 2px var(--ax-color-primary-alpha-20)}\n"] }]
-        }], ctorParameters: () => [] });
-
 const AXP_USER_AVATAR_PROVIDER = new InjectionToken('AXP_USER_AVATAR_PROVIDER');
 
 class AXPUserAvatarService {
@@ -5347,5 +4833,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPColorPalettePickerComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDynamicFormDesignerComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPImageEditorPopupComponent, AXPImageEditorService, AXPMenuBadgeHelper, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPStateMessageComponent, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPTreeListComponent, AXPTreeListHelper, AXPTreeListItemComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXPWidgetPropertyViewerPopupComponent, AXPWidgetPropertyViewerService, AXP_EXTRA_PROPERTY_TYPES, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER, convertDesignerFieldToFormField, convertDesignerGroupToFormGroup, convertDesignerStateToFormDefinition };
+export { AXPActivityLogComponent, AXPCategoryTreeComponent, AXPColorPalettePickerComponent, AXPCompareViewComponent, AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataSelectorComponent, AXPDataSelectorService, AXPDragDropListComponent, AXPDynamicFormDesignerComponent, AXPExtraPropertiesComponent, AXPExtraPropertiesSchemaComponent, AXPExtraPropertiesValuesComponent, AXPImageEditorPopupComponent, AXPImageEditorService, AXPMenuBadgeHelper, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewsComponent, AXPStateMessageComponent, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXPWidgetPropertyViewerPopupComponent, AXPWidgetPropertyViewerService, AXP_EXTRA_PROPERTY_TYPES, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER, convertDesignerFieldToFormField, convertDesignerGroupToFormGroup, convertDesignerStateToFormDefinition };
 //# sourceMappingURL=acorex-platform-layout-components.mjs.map