@acorex/modules 20.5.0-next.0 → 20.5.0-next.1

package/fesm2022/acorex-modules-application-management-menu-list.component-BMbl5rtn.mjs

@@ -1,1046 +0,0 @@
-import { CdkDrag, CdkDragHandle, CdkDropList, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, output, signal, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, Injectable } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import * as i1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXDialogService } from '@acorex/components/dialog';
-import { AXToastService } from '@acorex/components/toast';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
-import { AXPPlatformScope } from '@acorex/platform/core';
-import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
-import { AXPThemeLayoutBlockComponent, AXPStateMessageComponent } from '@acorex/platform/layout/components';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXPSettingService, AXPMenuProviderService, AXPMenuService } from '@acorex/platform/common';
-import { cloneDeep, sortBy } from 'lodash-es';
-import { A as AXP_MENU_CUSTOMIZATION_KEY, a as AXP_MENU_CUSTOMIZATION_DEFAULT } from './acorex-modules-application-management-acorex-modules-application-management-CQMnhxLa.mjs';
-
-//#region ----   Menu Tree Item Component   ----
-class AXMMenuTreeItemComponent {
-    constructor() {
-        //#region ----   Inputs   ----
-        this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
-        this.level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
-        this.canDelete = input(false, ...(ngDevMode ? [{ debugName: "canDelete" }] : []));
-        this.connectedDropLists = input([], ...(ngDevMode ? [{ debugName: "connectedDropLists" }] : []));
-        this.canMoveUp = input(false, ...(ngDevMode ? [{ debugName: "canMoveUp" }] : []));
-        this.canMoveDown = input(false, ...(ngDevMode ? [{ debugName: "canMoveDown" }] : []));
-        this.canMoveToParent = input(false, ...(ngDevMode ? [{ debugName: "canMoveToParent" }] : []));
-        //#endregion
-        //#region ----   Outputs   ----
-        this.actionTriggered = output();
-        this.itemDropped = output();
-        //#endregion
-        //#region ----   Component State   ----
-        this.isExpanded = signal(true, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
-    }
-    //#endregion
-    //#region ----   Helper Methods   ----
-    /**
-     * Get unique drop list ID for this item's children
-     */
-    getDropListId() {
-        const item = this.item();
-        return `menu-${item.name || item.path || 'unnamed'}`;
-    }
-    /**
-     * Get children array, ensuring it's always initialized
-     * This allows drop zones to exist even for items with no children yet
-     */
-    getChildrenArray() {
-        const item = this.item();
-        if (!item.children) {
-            // Initialize children array if it doesn't exist
-            item.children = [];
-        }
-        return item.children;
-    }
-    //#endregion
-    //#region ----   Event Handlers   ----
-    /**
-     * Toggle expand/collapse
-     */
-    toggleExpand() {
-        this.isExpanded.update((expanded) => !expanded);
-    }
-    /**
-     * Handle action trigger
-     */
-    onAction(action) {
-        this.actionTriggered.emit({ action, item: this.item() });
-    }
-    /**
-     * Handle drop event
-     */
-    onDrop(event) {
-        this.itemDropped.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMMenuTreeItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXMMenuTreeItemComponent, isStandalone: true, selector: "axm-menu-tree-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, canDelete: { classPropertyName: "canDelete", publicName: "canDelete", isSignal: true, isRequired: false, transformFunction: null }, connectedDropLists: { classPropertyName: "connectedDropLists", publicName: "connectedDropLists", isSignal: true, isRequired: false, transformFunction: null }, canMoveUp: { classPropertyName: "canMoveUp", publicName: "canMoveUp", isSignal: true, isRequired: false, transformFunction: null }, canMoveDown: { classPropertyName: "canMoveDown", publicName: "canMoveDown", isSignal: true, isRequired: false, transformFunction: null }, canMoveToParent: { classPropertyName: "canMoveToParent", publicName: "canMoveToParent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", itemDropped: "itemDropped" }, host: { classAttribute: "axm-menu-tree-item" }, ngImport: i0, template: "<div class=\"axm-menu-tree-item__container\" [style.padding-left.rem]=\"level()\">\n  <div\n    class=\"axm-menu-tree-item__content\"\n    cdkDrag\n    [cdkDragData]=\"item()\"\n    [class.--hidden]=\"item().isHidden\"\n    [class.--custom]=\"item().isCustom\"\n  >\n    <!-- Drag Handle -->\n    <div class=\"axm-menu-tree-item__drag-handle\" cdkDragHandle>\n      <i class=\"fa-light fa-grip-dots-vertical\"></i>\n    </div>\n\n    <!-- Expand/Collapse Button -->\n    @if (item().children && item().children!.length > 0) {\n      <ax-button class=\"axm-menu-tree-item__expand-btn\" [look]=\"'blank'\" [size]=\"'sm'\" (onClick)=\"toggleExpand()\">\n        <i [class]=\"isExpanded() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-right'\"></i>\n      </ax-button>\n    } @else {\n      <div class=\"axm-menu-tree-item__spacer\"></div>\n    }\n\n    <!-- Icon -->\n    @if (item().icon) {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item().icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item().text) {\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item().text | translate | async }}\n      </span>\n    } @else if (item().path) {\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item().path }}\n      </span>\n    } @else {\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@application-management:menu-management.badge.divider' | translate | async }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item().name) {\n      <code class=\"axm-menu-tree-item__name\">\n        {{ item().name }}\n      </code>\n    }\n\n    <!-- Actions Dropdown -->\n    <ax-button class=\"axm-menu-tree-item__actions\" [look]=\"'blank'\" [size]=\"'sm'\" [iconOnly]=\"true\">\n      <ax-prefix>\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n      </ax-prefix>\n\n      <ax-dropdown-panel #panel>\n        <ax-button-item-list>\n          <!-- Show/Hide (only for items with names) -->\n          @if (item().name && item().isBuiltIn) {\n            @if (item().isHidden) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.show' | translate | async)!\"\n                (onClick)=\"onAction('show'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-eye\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            } @else {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.hide' | translate | async)!\"\n                (onClick)=\"onAction('hide'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-eye-slash\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n          }\n\n          <!-- Edit (only for items with names) -->\n          @if (item().name) {\n            <ax-button-item\n              [text]=\"('@general:actions.edit.title' | translate | async)!\"\n              (onClick)=\"onAction('edit'); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Add Child -->\n          <ax-button-item\n            [text]=\"('@application-management:menu-management.actions.add-child' | translate | async)!\"\n            (onClick)=\"onAction('add-child'); panel.close()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-plus\"></i>\n            </ax-prefix>\n          </ax-button-item>\n\n          <!-- Move Actions -->\n          @if (canMoveUp() || canMoveDown() || canMoveToParent()) {\n            <ax-divider></ax-divider>\n\n            <!-- Move Up -->\n            @if (canMoveUp()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-up' | translate | async)!\"\n                (onClick)=\"onAction('move-up'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-arrow-up\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n\n            <!-- Move Down -->\n            @if (canMoveDown()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-down' | translate | async)!\"\n                (onClick)=\"onAction('move-down'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-arrow-down\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n\n            <!-- Move to Parent -->\n            @if (canMoveToParent()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-to-parent' | translate | async)!\"\n                (onClick)=\"onAction('move-to-parent'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-level-up\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item().name && item().isCustom && canDelete()) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete'); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-trash\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Info message for items without names -->\n          @if (!item().name) {\n            <ax-divider></ax-divider>\n            <div class=\"ax-p-2 ax-text-xs ax-text-neutral-500 ax-italic\">\n              {{ '@application-management:menu-management.messages.no-name-info' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n\n  <!-- Children Drop Zone - Always render the drop list even when collapsed -->\n  <!-- The drop list must exist for items to be draggable FROM this container -->\n  <div\n    class=\"axm-menu-tree-item__children\"\n    cdkDropList\n    [id]=\"getDropListId()\"\n    [cdkDropListData]=\"getChildrenArray()\"\n    [cdkDropListConnectedTo]=\"connectedDropLists()\"\n    (cdkDropListDropped)=\"onDrop($event)\"\n    [class.--collapsed]=\"!isExpanded()\"\n  >\n    @if (isExpanded()) {\n      @for (child of getChildrenArray(); track child.name || child.path || $index; let i = $index) {\n        <axm-menu-tree-item\n          [item]=\"child\"\n          [level]=\"level() + 1\"\n          [canDelete]=\"canDelete()\"\n          [connectedDropLists]=\"connectedDropLists()\"\n          [canMoveUp]=\"i > 0\"\n          [canMoveDown]=\"i < getChildrenArray().length - 1\"\n          [canMoveToParent]=\"true\"\n          (actionTriggered)=\"actionTriggered.emit($event)\"\n          (itemDropped)=\"itemDropped.emit($event)\"\n        />\n      }\n    }\n  </div>\n</div>\n", styles: [".axm-menu-tree-item__container{display:flex;flex-direction:column}.axm-menu-tree-item__content{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;padding:.5rem;border-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));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.axm-menu-tree-item__content:hover{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-menu-tree-item__content.--hidden{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1));opacity:.5;--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.axm-menu-tree-item__content.--hidden .axm-menu-tree-item__icon{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__content.--hidden .axm-menu-tree-item__name{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__content.--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-tree-item__content.cdk-drag-preview{--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-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));border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-tree-item__drag-handle{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));cursor:move}.axm-menu-tree-item__drag-handle:hover{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__expand-btn{height:1.5rem;width:1.5rem}.axm-menu-tree-item__spacer{width:1.5rem}.axm-menu-tree-item__icon{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-tree-item__divider,.axm-menu-tree-item__path{display:flex;flex:1 1 0%;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__divider i,.axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__name{display:flex;align-items:center;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.axm-menu-tree-item__actions{margin-left:.5rem}.axm-menu-tree-item__children{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-left:1rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.axm-menu-tree-item__children.--collapsed{display:none}\n"], dependencies: [{ kind: "component", type: AXMMenuTreeItemComponent, selector: "axm-menu-tree-item", inputs: ["item", "level", "canDelete", "connectedDropLists", "canMoveUp", "canMoveDown", "canMoveToParent"], outputs: ["actionTriggered", "itemDropped"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { 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: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMMenuTreeItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-menu-tree-item', imports: [
-                        CommonModule,
-                        CdkDrag,
-                        CdkDragHandle,
-                        CdkDropList,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXDropdownModule,
-                        AXTranslationModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axm-menu-tree-item' }, template: "<div class=\"axm-menu-tree-item__container\" [style.padding-left.rem]=\"level()\">\n  <div\n    class=\"axm-menu-tree-item__content\"\n    cdkDrag\n    [cdkDragData]=\"item()\"\n    [class.--hidden]=\"item().isHidden\"\n    [class.--custom]=\"item().isCustom\"\n  >\n    <!-- Drag Handle -->\n    <div class=\"axm-menu-tree-item__drag-handle\" cdkDragHandle>\n      <i class=\"fa-light fa-grip-dots-vertical\"></i>\n    </div>\n\n    <!-- Expand/Collapse Button -->\n    @if (item().children && item().children!.length > 0) {\n      <ax-button class=\"axm-menu-tree-item__expand-btn\" [look]=\"'blank'\" [size]=\"'sm'\" (onClick)=\"toggleExpand()\">\n        <i [class]=\"isExpanded() ? 'fa-light fa-chevron-down' : 'fa-light fa-chevron-right'\"></i>\n      </ax-button>\n    } @else {\n      <div class=\"axm-menu-tree-item__spacer\"></div>\n    }\n\n    <!-- Icon -->\n    @if (item().icon) {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item().icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item().text) {\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item().text | translate | async }}\n      </span>\n    } @else if (item().path) {\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item().path }}\n      </span>\n    } @else {\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@application-management:menu-management.badge.divider' | translate | async }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item().name) {\n      <code class=\"axm-menu-tree-item__name\">\n        {{ item().name }}\n      </code>\n    }\n\n    <!-- Actions Dropdown -->\n    <ax-button class=\"axm-menu-tree-item__actions\" [look]=\"'blank'\" [size]=\"'sm'\" [iconOnly]=\"true\">\n      <ax-prefix>\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n      </ax-prefix>\n\n      <ax-dropdown-panel #panel>\n        <ax-button-item-list>\n          <!-- Show/Hide (only for items with names) -->\n          @if (item().name && item().isBuiltIn) {\n            @if (item().isHidden) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.show' | translate | async)!\"\n                (onClick)=\"onAction('show'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-eye\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            } @else {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.hide' | translate | async)!\"\n                (onClick)=\"onAction('hide'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-eye-slash\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n          }\n\n          <!-- Edit (only for items with names) -->\n          @if (item().name) {\n            <ax-button-item\n              [text]=\"('@general:actions.edit.title' | translate | async)!\"\n              (onClick)=\"onAction('edit'); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Add Child -->\n          <ax-button-item\n            [text]=\"('@application-management:menu-management.actions.add-child' | translate | async)!\"\n            (onClick)=\"onAction('add-child'); panel.close()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-plus\"></i>\n            </ax-prefix>\n          </ax-button-item>\n\n          <!-- Move Actions -->\n          @if (canMoveUp() || canMoveDown() || canMoveToParent()) {\n            <ax-divider></ax-divider>\n\n            <!-- Move Up -->\n            @if (canMoveUp()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-up' | translate | async)!\"\n                (onClick)=\"onAction('move-up'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-arrow-up\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n\n            <!-- Move Down -->\n            @if (canMoveDown()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-down' | translate | async)!\"\n                (onClick)=\"onAction('move-down'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-arrow-down\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n\n            <!-- Move to Parent -->\n            @if (canMoveToParent()) {\n              <ax-button-item\n                [text]=\"('@application-management:menu-management.actions.move-to-parent' | translate | async)!\"\n                (onClick)=\"onAction('move-to-parent'); panel.close()\"\n              >\n                <ax-prefix>\n                  <i class=\"fa-light fa-level-up\"></i>\n                </ax-prefix>\n              </ax-button-item>\n            }\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item().name && item().isCustom && canDelete()) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete'); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-trash\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Info message for items without names -->\n          @if (!item().name) {\n            <ax-divider></ax-divider>\n            <div class=\"ax-p-2 ax-text-xs ax-text-neutral-500 ax-italic\">\n              {{ '@application-management:menu-management.messages.no-name-info' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n\n  <!-- Children Drop Zone - Always render the drop list even when collapsed -->\n  <!-- The drop list must exist for items to be draggable FROM this container -->\n  <div\n    class=\"axm-menu-tree-item__children\"\n    cdkDropList\n    [id]=\"getDropListId()\"\n    [cdkDropListData]=\"getChildrenArray()\"\n    [cdkDropListConnectedTo]=\"connectedDropLists()\"\n    (cdkDropListDropped)=\"onDrop($event)\"\n    [class.--collapsed]=\"!isExpanded()\"\n  >\n    @if (isExpanded()) {\n      @for (child of getChildrenArray(); track child.name || child.path || $index; let i = $index) {\n        <axm-menu-tree-item\n          [item]=\"child\"\n          [level]=\"level() + 1\"\n          [canDelete]=\"canDelete()\"\n          [connectedDropLists]=\"connectedDropLists()\"\n          [canMoveUp]=\"i > 0\"\n          [canMoveDown]=\"i < getChildrenArray().length - 1\"\n          [canMoveToParent]=\"true\"\n          (actionTriggered)=\"actionTriggered.emit($event)\"\n          (itemDropped)=\"itemDropped.emit($event)\"\n        />\n      }\n    }\n  </div>\n</div>\n", styles: [".axm-menu-tree-item__container{display:flex;flex-direction:column}.axm-menu-tree-item__content{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;padding:.5rem;border-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));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.axm-menu-tree-item__content:hover{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-menu-tree-item__content.--hidden{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1));opacity:.5;--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.axm-menu-tree-item__content.--hidden .axm-menu-tree-item__icon{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__content.--hidden .axm-menu-tree-item__name{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__content.--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-tree-item__content.cdk-drag-preview{--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-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));border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-tree-item__drag-handle{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));cursor:move}.axm-menu-tree-item__drag-handle:hover{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__expand-btn{height:1.5rem;width:1.5rem}.axm-menu-tree-item__spacer{width:1.5rem}.axm-menu-tree-item__icon{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-tree-item__divider,.axm-menu-tree-item__path{display:flex;flex:1 1 0%;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__divider i,.axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-tree-item__name{display:flex;align-items:center;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.axm-menu-tree-item__actions{margin-left:.5rem}.axm-menu-tree-item__children{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-left:1rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.axm-menu-tree-item__children.--collapsed{display:none}\n"] }]
-        }] });
-
-//#region ----   Menu Management Service   ----
-class AXPMenuManagementService {
-    constructor() {
-        //#region ----   Dependencies   ----
-        this.settingService = inject(AXPSettingService);
-        this.menuProviderService = inject(AXPMenuProviderService);
-        this.menuService = inject(AXPMenuService);
-    }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Get all menu items with customization metadata
-     */
-    async getMenuTree(scope) {
-        // Get RAW menu items (all items including hidden ones) - NO middleware to avoid duplicates
-        const rawItems = await this.menuProviderService.rawItems();
-        // Load customizations for the given scope
-        const customization = await this.loadCustomization(scope);
-        // Convert raw items to nodes
-        const nodes = this.convertToNodes(rawItems, customization);
-        // Add custom items to the management view
-        const customNodes = this.convertCustomItemsToNodes(customization.customItems, customization);
-        nodes.push(...customNodes);
-        // Apply parent overrides to restructure the tree (this will move Sample 1 under Profile)
-        const finalNodes = this.applyParentOverrides(nodes, customization);
-        // Apply the EXACT same sorting logic as the sidebar for perfect synchronization
-        const sortedNodes = this.applySidebarSorting(finalNodes);
-        return sortedNodes;
-    }
-    /**
-     * Load menu customization for a specific scope
-     */
-    async loadCustomization(scope) {
-        try {
-            const scopedSettings = this.settingService.scope(scope);
-            const saved = await scopedSettings.get(AXP_MENU_CUSTOMIZATION_KEY);
-            if (saved && saved.version) {
-                return saved;
-            }
-            return cloneDeep(AXP_MENU_CUSTOMIZATION_DEFAULT);
-        }
-        catch (error) {
-            return cloneDeep(AXP_MENU_CUSTOMIZATION_DEFAULT);
-        }
-    }
-    /**
-     * Save menu customization for a specific scope
-     */
-    async saveCustomization(scope, customization) {
-        const scopedSettings = this.settingService.scope(scope);
-        await scopedSettings.set(AXP_MENU_CUSTOMIZATION_KEY, customization);
-        // Clear menu cache to force reload
-        this.menuProviderService.clearCache();
-        // Refresh the menu store to update the sidebar immediately
-        const freshItems = await this.menuProviderService.items();
-        this.menuService.setMenuItems(freshItems);
-        // Force a small delay to ensure the signal update propagates
-        await new Promise(resolve => setTimeout(resolve, 100));
-    }
-    /**
-     * Hide a menu item
-     */
-    async hideMenuItem(scope, menuName) {
-        if (!menuName) {
-            throw new Error('Menu item must have a name to be hidden');
-        }
-        const customization = await this.loadCustomization(scope);
-        if (!customization.overrides[menuName]) {
-            customization.overrides[menuName] = {};
-        }
-        customization.overrides[menuName].hidden = true;
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Show a menu item
-     */
-    async showMenuItem(scope, menuName) {
-        if (!menuName) {
-            throw new Error('Menu item must have a name to be shown');
-        }
-        const customization = await this.loadCustomization(scope);
-        if (customization.overrides[menuName]) {
-            delete customization.overrides[menuName].hidden;
-            // Clean up if no other overrides exist
-            if (Object.keys(customization.overrides[menuName]).length === 0) {
-                delete customization.overrides[menuName];
-            }
-        }
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Update menu item priority
-     */
-    async updateMenuPriority(scope, menuName, priority) {
-        const customization = await this.loadCustomization(scope);
-        if (!customization.overrides[menuName]) {
-            customization.overrides[menuName] = {};
-        }
-        customization.overrides[menuName].priority = priority;
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Move menu item to different parent
-     */
-    async moveMenuItem(scope, menuName, newParentName) {
-        const customization = await this.loadCustomization(scope);
-        if (!customization.overrides[menuName]) {
-            customization.overrides[menuName] = {};
-        }
-        if (newParentName) {
-            customization.overrides[menuName].parentName = newParentName;
-        }
-        else {
-            delete customization.overrides[menuName].parentName;
-        }
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Update menu item properties
-     */
-    async updateMenuProperties(scope, menuName, properties) {
-        const customization = await this.loadCustomization(scope);
-        if (!customization.overrides[menuName]) {
-            customization.overrides[menuName] = {};
-        }
-        customization.overrides[menuName].properties = {
-            ...customization.overrides[menuName].properties,
-            ...properties,
-        };
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Add custom menu item
-     */
-    async addCustomMenuItem(scope, menuItem) {
-        const customization = await this.loadCustomization(scope);
-        // Generate unique name if not provided
-        if (!menuItem.name) {
-            menuItem.name = `custom-menu-${Date.now()}`;
-        }
-        customization.customItems.push(menuItem);
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Add custom menu item as child of existing item
-     */
-    async addCustomMenuItemAsChild(scope, menuItem, parentName) {
-        const customization = await this.loadCustomization(scope);
-        // Generate unique name if not provided
-        if (!menuItem.name) {
-            menuItem.name = `custom-menu-${Date.now()}`;
-        }
-        // Add custom item
-        customization.customItems.push(menuItem);
-        // Set parent override to move it under the specified parent
-        if (!customization.overrides[menuItem.name]) {
-            customization.overrides[menuItem.name] = {};
-        }
-        customization.overrides[menuItem.name].parentName = parentName;
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Update custom menu item
-     */
-    async updateCustomMenuItem(scope, menuName, menuItem) {
-        const customization = await this.loadCustomization(scope);
-        const index = customization.customItems.findIndex((item) => item.name === menuName);
-        if (index !== -1) {
-            customization.customItems[index] = menuItem;
-            await this.saveCustomization(scope, customization);
-        }
-    }
-    /**
-     * Delete custom menu item
-     */
-    async deleteCustomMenuItem(scope, menuName) {
-        const customization = await this.loadCustomization(scope);
-        customization.customItems = customization.customItems.filter((item) => item.name !== menuName);
-        await this.saveCustomization(scope, customization);
-    }
-    /**
-     * Reset all customizations for a scope
-     */
-    async resetCustomizations(scope) {
-        await this.saveCustomization(scope, cloneDeep(AXP_MENU_CUSTOMIZATION_DEFAULT));
-    }
-    /**
-     * Reorder menu items based on drag-drop
-     */
-    async reorderMenuItems(scope, items, parentName) {
-        const customization = await this.loadCustomization(scope);
-        // Update priorities for all items at this level (only for items with names)
-        items.forEach((item, index) => {
-            if (item.name) {
-                if (!customization.overrides[item.name]) {
-                    customization.overrides[item.name] = {};
-                }
-                // Set priority based on index
-                customization.overrides[item.name].priority = index * 100;
-                // Update parentName to reflect the new parent
-                // Use empty string for root level, actual name for nested items
-                customization.overrides[item.name].parentName = parentName || '';
-            }
-        });
-        await this.saveCustomization(scope, customization);
-    }
-    //#endregion
-    //#region ----   Private Methods   ----
-    /**
-     * Apply the EXACT same sorting logic as the sidebar for perfect synchronization
-     * Uses the same sortBy logic: [(c) => c.priority ?? 0, (c) => c.text]
-     */
-    applySidebarSorting(nodes) {
-        return sortBy(nodes, [(c) => c.priority ?? 0, (c) => c.text]).map(node => ({
-            ...node,
-            children: node.children ? this.applySidebarSorting(node.children) : undefined
-        }));
-    }
-    /**
-     * Convert custom items to nodes with metadata
-     */
-    convertCustomItemsToNodes(customItems, customization) {
-        return customItems.map((item) => {
-            const override = item.name ? customization.overrides[item.name] : undefined;
-            const node = {
-                ...item,
-                name: item.name,
-                isBuiltIn: false,
-                isCustom: true,
-                isHidden: override?.hidden || false,
-                originalPriority: item.priority,
-                originalParentName: undefined,
-                // Apply priority override if it exists
-                priority: override?.priority !== undefined ? override.priority : item.priority,
-                // Apply icon override if it exists
-                icon: override?.properties?.icon !== undefined ? override.properties.icon : item.icon,
-                // Apply text override if it exists
-                text: override?.properties?.text !== undefined ? override.properties.text : item.text,
-                // Apply path override if it exists
-                path: override?.properties?.path !== undefined ? override.properties.path : item.path,
-                children: item.children ? this.convertToNodes(item.children, customization) : undefined,
-            };
-            return node;
-        });
-    }
-    /**
-     * Apply parentName overrides to restructure the tree
-     */
-    applyParentOverrides(nodes, customization) {
-        // Check if there are any parentName overrides (even if value is undefined)
-        const hasParentOverrides = Object.values(customization.overrides).some((override) => 'parentName' in override);
-        if (!hasParentOverrides) {
-            return nodes;
-        }
-        // Clone the tree to avoid mutations
-        const clonedNodes = this.deepCloneNodes(nodes);
-        // Find items that need to be moved based on parentName overrides
-        Object.entries(customization.overrides).forEach(([itemName, override]) => {
-            // Check if the override has a parentName property (even if it's an empty string)
-            if ('parentName' in override) {
-                const isRootLevel = !override.parentName || override.parentName === '';
-                // Find and remove the item from its current location
-                const removedItem = this.removeAndReturnNode(clonedNodes, itemName);
-                if (removedItem) {
-                    if (isRootLevel) {
-                        // Move to root level
-                        clonedNodes.push(removedItem);
-                    }
-                    else {
-                        // Move to specified parent
-                        const newParent = this.findNodeByName(clonedNodes, override.parentName);
-                        if (newParent) {
-                            if (!newParent.children) {
-                                newParent.children = [];
-                            }
-                            newParent.children.push(removedItem);
-                        }
-                        else {
-                            // Fallback: add to root if parent not found
-                            clonedNodes.push(removedItem);
-                        }
-                    }
-                }
-            }
-        });
-        // Re-sort after restructuring
-        this.sortNodesRecursive(clonedNodes);
-        return clonedNodes;
-    }
-    /**
-     * Remove a node from tree and return it
-     */
-    removeAndReturnNode(nodes, name) {
-        for (let i = 0; i < nodes.length; i++) {
-            if (nodes[i].name === name) {
-                const [removed] = nodes.splice(i, 1);
-                return removed;
-            }
-            if (nodes[i].children) {
-                const found = this.removeAndReturnNode(nodes[i].children, name);
-                if (found) {
-                    return found;
-                }
-            }
-        }
-        return null;
-    }
-    /**
-     * Deep clone nodes array
-     */
-    deepCloneNodes(nodes) {
-        return nodes.map((node) => ({
-            ...node,
-            children: node.children ? this.deepCloneNodes(node.children) : undefined,
-        }));
-    }
-    /**
-     * Find a node by name in the tree
-     */
-    findNodeByName(nodes, name) {
-        for (const node of nodes) {
-            if (node.name === name) {
-                return node;
-            }
-            if (node.children) {
-                const found = this.findNodeByName(node.children, name);
-                if (found) {
-                    return found;
-                }
-            }
-        }
-        return null;
-    }
-    /**
-     * Sort nodes recursively by priority first, then by text (same as sidebar)
-     */
-    sortNodesRecursive(nodes) {
-        // Sort by priority first, then by text (same as sidebar)
-        const sorted = sortBy(nodes, [(c) => c.priority ?? 0, (c) => c.text]);
-        nodes.length = 0;
-        nodes.push(...sorted);
-        nodes.forEach((node) => {
-            if (node.children) {
-                this.sortNodesRecursive(node.children);
-            }
-        });
-    }
-    /**
-     * Convert menu items to nodes with metadata
-     */
-    convertToNodes(items, customization) {
-        const nodes = items.map((item) => {
-            // Only use items that have a proper name property
-            const itemName = item.name;
-            const override = itemName ? customization.overrides[itemName] : undefined;
-            const isCustom = itemName ? customization.customItems.some((ci) => ci.name === itemName) : false;
-            const node = {
-                ...item,
-                name: itemName,
-                isBuiltIn: !isCustom,
-                isCustom,
-                isHidden: override?.hidden || false,
-                originalPriority: item.priority,
-                originalParentName: undefined,
-                // Apply priority override if it exists
-                priority: override?.priority !== undefined ? override.priority : item.priority,
-                // Apply icon override if it exists
-                icon: override?.properties?.icon !== undefined ? override.properties.icon : item.icon,
-                // Apply text override if it exists
-                text: override?.properties?.text !== undefined ? override.properties.text : item.text,
-                // Apply path override if it exists
-                path: override?.properties?.path !== undefined ? override.properties.path : item.path,
-                children: item.children ? this.convertToNodes(item.children, customization) : undefined,
-            };
-            return node;
-        });
-        // Don't sort here - sorting is applied at the top level in getMenuTree
-        return nodes;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMenuManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMenuManagementService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMenuManagementService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-//#region ----   Menu List Component   ----
-class AXMMenuListComponent extends AXPPageLayoutBaseComponent {
-    constructor() {
-        super(...arguments);
-        //#region ----   Dependencies   ----
-        this.menuManagementService = inject(AXPMenuManagementService);
-        this.layoutBuilder = inject(AXPLayoutBuilderService);
-        this.dialogService = inject(AXDialogService);
-        this.toastService = inject(AXToastService);
-        this.translationService = inject(AXTranslationService);
-        this.route = inject(ActivatedRoute);
-        //#endregion
-        //#region ----   Component State   ----
-        this.menuItems = signal([], ...(ngDevMode ? [{ debugName: "menuItems" }] : []));
-        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
-        this.currentScope = signal(AXPPlatformScope.User, ...(ngDevMode ? [{ debugName: "currentScope" }] : []));
-        this.allDropListIds = signal([], ...(ngDevMode ? [{ debugName: "allDropListIds" }] : []));
-    }
-    //#endregion
-    //#region ----   Lifecycle   ----
-    async ngOnInit() {
-        await super.ngOnInit();
-        // Get scope from route
-        this.route.params.subscribe(async (params) => {
-            const scope = params['scope'];
-            if (scope) {
-                this.currentScope.set(scope);
-                await this.loadMenuItems();
-                this.recompute(); // Update page header after loading
-            }
-        });
-    }
-    //#endregion
-    //#region ----   Data Loading   ----
-    /**
-     * Load menu items for current scope
-     */
-    async loadMenuItems() {
-        try {
-            this.isLoading.set(true);
-            this.error.set('');
-            const items = await this.menuManagementService.getMenuTree(this.currentScope());
-            this.menuItems.set(items);
-            // Collect all drop list IDs for connecting them
-            const dropListIds = this.collectDropListIds(items);
-            this.allDropListIds.set(dropListIds);
-            this.recompute();
-        }
-        catch (error) {
-            this.error.set(error instanceof Error ? error.message : 'Failed to load menu items');
-            this.toastService.danger('@application-management:menu-management.messages.load-error');
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    /**
-     * Recursively collect all drop list IDs from menu tree
-     * Includes drop zones for all items, even those without children
-     */
-    collectDropListIds(items, ids = []) {
-        // Add root only once at the start
-        if (ids.length === 0) {
-            ids.push('menu-root');
-        }
-        items.forEach((item) => {
-            // Add drop list ID for every item (they all can have children dropped into them)
-            const dropListId = `menu-${item.name || item.path || 'unnamed'}`;
-            if (!ids.includes(dropListId)) {
-                ids.push(dropListId);
-            }
-            // Recursively collect from children if they exist
-            if (item.children && item.children.length > 0) {
-                this.collectDropListIds(item.children, ids);
-            }
-        });
-        return ids;
-    }
-    //#endregion
-    //#region ----   Page Layout Interface   ----
-    /**
-     * Get page title
-     */
-    async getPageTitle() {
-        const scopeName = this.currentScope();
-        const scopeKey = scopeName === AXPPlatformScope.User ? 'user' : 'tenant';
-        return this.translationService.translateAsync(`@application-management:menu-management.${scopeKey}.title`);
-    }
-    /**
-     * Get page description
-     */
-    async getPageDescription() {
-        return this.translationService.translateAsync('@application-management:menu-management.description');
-    }
-    /**
-     * Get primary menu items (actions)
-     */
-    async getPrimaryMenuItems() {
-        return [
-            {
-                title: await this.translationService.translateAsync('@application-management:menu-management.actions.add-root'),
-                icon: 'fa-light fa-plus',
-                color: 'primary',
-                command: { name: 'add-root' },
-            },
-        ];
-    }
-    /**
-     * Get secondary menu items
-     */
-    async getSecondaryMenuItems() {
-        return [
-            {
-                title: await this.translationService.translateAsync('@application-management:menu-management.actions.reset'),
-                icon: 'fa-light fa-rotate-left',
-                color: 'danger',
-                command: { name: 'reset' },
-            },
-        ];
-    }
-    /**
-     * Execute commands from page actions
-     */
-    async execute(command) {
-        switch (command.name) {
-            case 'add-root':
-                await this.addRootMenuItem();
-                break;
-            case 'reset':
-                await this.resetCustomizations();
-                break;
-        }
-    }
-    //#endregion
-    //#region ----   Event Handlers   ----
-    /**
-     * Handle menu item action
-     */
-    async onActionTriggered(event) {
-        const { action, item } = event;
-        switch (action) {
-            case 'show':
-                await this.showMenuItem(item);
-                break;
-            case 'hide':
-                await this.hideMenuItem(item);
-                break;
-            case 'edit':
-                await this.editMenuItem(item);
-                break;
-            case 'delete':
-                await this.deleteMenuItem(item);
-                break;
-            case 'add-child':
-                await this.addChildMenuItem(item);
-                break;
-            case 'move-up':
-                await this.moveItemUp(item);
-                break;
-            case 'move-down':
-                await this.moveItemDown(item);
-                break;
-            case 'move-to-parent':
-                await this.moveItemToParent(item);
-                break;
-        }
-    }
-    /**
-     * Handle drag and drop
-     */
-    async onItemDropped(event) {
-        try {
-            // IMPORTANT: Find parent containers BEFORE modifying arrays
-            const targetParent = this.findParentOfContainer(event.container.data, this.menuItems());
-            const targetParentName = targetParent?.name ?? null;
-            const sourceParent = this.findParentOfContainer(event.previousContainer.data, this.menuItems());
-            const sourceParentName = sourceParent?.name ?? null;
-            // Now perform the array operations
-            if (event.previousContainer === event.container) {
-                // Same container - just reorder
-                moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
-            }
-            else {
-                // Different container - move between parents
-                transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
-            }
-            // Update signal to reflect the new order immediately
-            this.menuItems.set([...this.menuItems()]);
-            // Save the target container with correct parent context
-            await this.menuManagementService.reorderMenuItems(this.currentScope(), event.container.data, targetParentName);
-            // If moved between containers, also update the source container
-            if (event.previousContainer !== event.container) {
-                // Only reorder source if it still has items
-                if (event.previousContainer.data.length > 0) {
-                    await this.menuManagementService.reorderMenuItems(this.currentScope(), event.previousContainer.data, sourceParentName);
-                }
-            }
-            this.toastService.success('@application-management:menu-management.messages.reorder-success');
-            // Force change detection by updating the signal
-            // This ensures the UI reflects the changes without reloading from service
-            this.menuItems.set([...this.menuItems()]);
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.reorder-error');
-            // Reload on error to revert changes
-            await this.loadMenuItems();
-        }
-    }
-    /**
-     * Find the parent item that owns a given children array
-     * Returns the parent node, or null if the container is at root level
-     */
-    findParentOfContainer(containerData, items) {
-        // Check if this is the root level
-        if (containerData === items) {
-            return null; // Root level has no parent
-        }
-        // Recursively search for the parent
-        for (const item of items) {
-            // Check if this item's children array is the target container
-            if (item.children === containerData) {
-                return item;
-            }
-            // Recursively search in children
-            if (item.children && item.children.length > 0) {
-                const found = this.findParentOfContainer(containerData, item.children);
-                if (found !== null) {
-                    return found;
-                }
-            }
-        }
-        // Not found - this shouldn't happen in normal operation
-        return null;
-    }
-    /**
-     * Find an item in the tree and return its parent, container, and index
-     */
-    findItemAndParent(targetItem, items, parent = null) {
-        // Search in current level
-        const index = items.findIndex(item => item === targetItem);
-        if (index !== -1) {
-            return { parent, container: items, index };
-        }
-        // Search in children
-        for (const item of items) {
-            if (item.children && item.children.length > 0) {
-                const found = this.findItemAndParent(targetItem, item.children, item);
-                if (found) {
-                    return found;
-                }
-            }
-        }
-        return null;
-    }
-    /**
-     * Add new root menu item
-     */
-    async addRootMenuItem() {
-        await this.showMenuItemDialog(null);
-    }
-    /**
-     * Reset customizations
-     */
-    async resetCustomizations() {
-        const confirmed = await this.dialogService.confirm('@application-management:menu-management.reset.title', '@application-management:menu-management.reset.message');
-        if (!confirmed)
-            return;
-        try {
-            await this.menuManagementService.resetCustomizations(this.currentScope());
-            this.toastService.success('@application-management:menu-management.messages.reset-success');
-            await this.loadMenuItems();
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.reset-error');
-        }
-    }
-    //#endregion
-    //#region ----   Menu Item Actions   ----
-    /**
-     * Show menu item
-     */
-    async showMenuItem(item) {
-        try {
-            if (!item.name)
-                return;
-            await this.menuManagementService.showMenuItem(this.currentScope(), item.name);
-            this.toastService.success('@application-management:menu-management.messages.show-success');
-            await this.loadMenuItems();
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.show-error');
-        }
-    }
-    /**
-     * Hide menu item
-     */
-    async hideMenuItem(item) {
-        try {
-            if (!item.name)
-                return;
-            await this.menuManagementService.hideMenuItem(this.currentScope(), item.name);
-            this.toastService.success('@application-management:menu-management.messages.hide-success');
-            await this.loadMenuItems();
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.hide-error');
-        }
-    }
-    /**
-     * Edit menu item
-     */
-    async editMenuItem(item) {
-        await this.showMenuItemDialog(item);
-    }
-    /**
-     * Delete custom menu item
-     */
-    async deleteMenuItem(item) {
-        const confirmed = await this.dialogService.confirm('@general:actions.delete.title', '@application-management:menu-management.delete.message');
-        if (!confirmed)
-            return;
-        try {
-            if (!item.name)
-                return;
-            await this.menuManagementService.deleteCustomMenuItem(this.currentScope(), item.name);
-            this.toastService.success('@application-management:menu-management.messages.delete-success');
-            await this.loadMenuItems();
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.delete-error');
-        }
-    }
-    /**
-     * Add child menu item
-     */
-    async addChildMenuItem(parent) {
-        await this.showMenuItemDialog(null, parent);
-    }
-    /**
-     * Move item up in its parent container
-     */
-    async moveItemUp(item) {
-        try {
-            const result = this.findItemAndParent(item, this.menuItems());
-            if (!result)
-                return;
-            const { parent, container, index } = result;
-            if (index <= 0)
-                return; // Already at top
-            // Swap with previous item
-            moveItemInArray(container, index, index - 1);
-            // Update signal to reflect the change
-            this.menuItems.set([...this.menuItems()]);
-            // Save the reordered container
-            const parentName = parent?.name ?? null;
-            await this.menuManagementService.reorderMenuItems(this.currentScope(), container, parentName);
-            this.toastService.success('@application-management:menu-management.messages.reorder-success');
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.reorder-error');
-            await this.loadMenuItems();
-        }
-    }
-    /**
-     * Move item down in its parent container
-     */
-    async moveItemDown(item) {
-        try {
-            const result = this.findItemAndParent(item, this.menuItems());
-            if (!result)
-                return;
-            const { parent, container, index } = result;
-            if (index >= container.length - 1)
-                return; // Already at bottom
-            // Swap with next item
-            moveItemInArray(container, index, index + 1);
-            // Update signal to reflect the change
-            this.menuItems.set([...this.menuItems()]);
-            // Save the reordered container
-            const parentName = parent?.name ?? null;
-            await this.menuManagementService.reorderMenuItems(this.currentScope(), container, parentName);
-            this.toastService.success('@application-management:menu-management.messages.reorder-success');
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.reorder-error');
-            await this.loadMenuItems();
-        }
-    }
-    /**
-     * Move item to its parent's level (move out of nested level)
-     */
-    async moveItemToParent(item) {
-        try {
-            const result = this.findItemAndParent(item, this.menuItems());
-            if (!result || !result.parent)
-                return; // No parent to move to
-            const { parent, container, index } = result;
-            // Find the grandparent container
-            const grandParentResult = this.findItemAndParent(parent, this.menuItems());
-            const targetContainer = grandParentResult ? grandParentResult.container : this.menuItems();
-            const parentIndexInGrandparent = grandParentResult ? grandParentResult.index : this.menuItems().indexOf(parent);
-            // Remove from current container
-            const [movedItem] = container.splice(index, 1);
-            // Insert after parent in grandparent container
-            targetContainer.splice(parentIndexInGrandparent + 1, 0, movedItem);
-            // Update signal to reflect the change
-            this.menuItems.set([...this.menuItems()]);
-            // Save both containers
-            const parentName = parent?.name ?? null;
-            await this.menuManagementService.reorderMenuItems(this.currentScope(), container, parentName);
-            const grandParentName = grandParentResult?.parent?.name ?? null;
-            await this.menuManagementService.reorderMenuItems(this.currentScope(), targetContainer, grandParentName);
-            this.toastService.success('@application-management:menu-management.messages.reorder-success');
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.reorder-error');
-            await this.loadMenuItems();
-        }
-    }
-    //#endregion
-    //#region ----   Dialog Helpers   ----
-    /**
-     * Show menu item dialog (add/edit)
-     */
-    async showMenuItemDialog(item, parent) {
-        const isEdit = !!item;
-        const title = isEdit
-            ? '@application-management:menu-management.edit-dialog.title'
-            : '@application-management:menu-management.add-dialog.title';
-        const context = {
-            name: item?.name || '',
-            text: item?.text || '',
-            icon: item?.icon || '',
-            path: item?.path || '',
-            description: item?.description || '',
-        };
-        const dialogRef = await this.layoutBuilder
-            .create()
-            .dialog((dialog) => {
-            dialog
-                .setTitle(title)
-                .setContext(context)
-                .content((flex) => {
-                flex
-                    .setDirection('column')
-                    .formField('@application-management:menu-management.fields.name', (field) => {
-                    field.path('name');
-                    field.textBox({
-                        placeholder: '@application-management:menu-management.fields.name',
-                        validations: [{ rule: 'required' }],
-                        disabled: isEdit && item?.isBuiltIn,
-                    });
-                })
-                    .formField('@application-management:menu-management.fields.text', (field) => {
-                    field.path('text');
-                    field.textBox({
-                        placeholder: '@application-management:menu-management.fields.text',
-                        validations: [{ rule: 'required' }],
-                    });
-                })
-                    .formField('@application-management:menu-management.fields.icon', (field) => {
-                    field.path('icon');
-                    field.customWidget('icon-chooser', {});
-                })
-                    .formField('@application-management:menu-management.fields.path', (field) => {
-                    field.path('path');
-                    field.textBox({
-                        placeholder: '@application-management:menu-management.fields.path',
-                        disabled: isEdit && item?.isBuiltIn,
-                    });
-                })
-                    .formField('@application-management:menu-management.fields.description', (field) => {
-                    field.path('description');
-                    field.largeTextBox({
-                        placeholder: '@application-management:menu-management.fields.description',
-                        rows: 3,
-                    });
-                });
-            })
-                .setActions((actions) => {
-                actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');
-            });
-        })
-            .show();
-        const action = dialogRef.action();
-        if (action === 'cancel') {
-            dialogRef.close();
-            return;
-        }
-        const formData = dialogRef.context();
-        try {
-            if (isEdit && item?.name) {
-                // Update existing item
-                if (item.isCustom) {
-                    await this.menuManagementService.updateCustomMenuItem(this.currentScope(), item.name, formData);
-                }
-                else {
-                    await this.menuManagementService.updateMenuProperties(this.currentScope(), item.name, formData);
-                }
-            }
-            else {
-                // Add new custom item
-                const newItem = {
-                    name: formData.name,
-                    text: formData.text,
-                    icon: formData.icon,
-                    path: formData.path,
-                    priority: formData.priority,
-                    description: formData.description,
-                };
-                // If parent is specified, add as child
-                if (parent?.name) {
-                    // Add custom item as child of parent
-                    await this.menuManagementService.addCustomMenuItemAsChild(this.currentScope(), newItem, parent.name);
-                }
-                else {
-                    // Add as root level item
-                    await this.menuManagementService.addCustomMenuItem(this.currentScope(), newItem);
-                }
-            }
-            this.toastService.success('@application-management:menu-management.messages.save-success');
-            await this.loadMenuItems();
-            dialogRef.close();
-        }
-        catch (error) {
-            this.toastService.danger('@application-management:menu-management.messages.save-error');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMMenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXMMenuListComponent, isStandalone: true, selector: "axm-menu-list", host: { classAttribute: "axm-menu-list-page" }, providers: [
-            {
-                provide: AXPPageLayoutBase,
-                useExisting: AXMMenuListComponent,
-            },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout>\n  <axp-page-content>\n    @if (isLoading()) {\n      <!-- Loading State -->\n      <axp-state-message\n        mode=\"loading\"\n        icon=\"fa-light fa-spinner-third fa-spin\"\n        [title]=\"('@application-management:menu-management.loading.title' | translate | async) || 'Loading...'\"\n        [description]=\"\n          ('@application-management:menu-management.loading.description' | translate | async) || 'Please wait'\n        \"\n      />\n    } @else if (error()) {\n      <!-- Error State -->\n      <axp-state-message\n        mode=\"error\"\n        icon=\"fa-light fa-circle-exclamation\"\n        [title]=\"('@application-management:menu-management.error.title' | translate | async) || 'Error'\"\n        [description]=\"error() || 'An error occurred'\"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@general:actions.retry.title' | translate | async\"\n          [look]=\"'outline'\"\n          [color]=\"'primary'\"\n          (onClick)=\"loadMenuItems()\"\n        >\n          <i class=\"fa-light fa-rotate-left\"></i>\n        </ax-button>\n      </axp-state-message>\n    } @else if (menuItems().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"('@application-management:menu-management.empty-state.title' | translate | async) || 'No menu items'\"\n        [description]=\"\n          ('@application-management:menu-management.empty-state.description' | translate | async) ||\n          'Add a new menu item to get started'\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@application-management:menu-management.actions.add-root' | translate | async\"\n          [look]=\"'solid'\"\n          [color]=\"'primary'\"\n          (onClick)=\"addRootMenuItem()\"\n        >\n          <i class=\"fa-light fa-plus\"></i>\n        </ax-button>\n      </axp-state-message>\n    } @else {\n      <!-- Menu Tree Content -->\n      <div class=\"axm-menu-list__container\">\n        <!-- Menu Tree -->\n        <div\n          class=\"axm-menu-list__tree\"\n          cdkDropList\n          id=\"menu-root\"\n          [cdkDropListData]=\"menuItems()\"\n          [cdkDropListConnectedTo]=\"allDropListIds()\"\n          (cdkDropListDropped)=\"onItemDropped($event)\"\n        >\n          @for (item of menuItems(); track item.name || item.path || $index; let i = $index) {\n            <axm-menu-tree-item\n              [item]=\"item\"\n              [level]=\"0\"\n              [canDelete]=\"true\"\n              [connectedDropLists]=\"allDropListIds()\"\n              [canMoveUp]=\"i > 0\"\n              [canMoveDown]=\"i < menuItems().length - 1\"\n              [canMoveToParent]=\"false\"\n              (actionTriggered)=\"onActionTriggered($event)\"\n              (itemDropped)=\"onItemDropped($event)\"\n            />\n          }\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: [".axm-menu-list-page .axm-menu-list__container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.axm-menu-list-page .axm-menu-list__info-banner{display:flex;align-items:center;gap:.75rem;border-radius:.375rem;padding:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-500),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.axm-menu-list-page .axm-menu-list__info-banner i{font-size:1.125rem;line-height:1.75rem}.axm-menu-list-page .axm-menu-list__info-banner span{font-size:.875rem;line-height:1.25rem}.axm-menu-list-page .axm-menu-list__tree{display:flex;flex-direction:column;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXTranslationModule }, { 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: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "component", type: AXMMenuTreeItemComponent, selector: "axm-menu-tree-item", inputs: ["item", "level", "canDelete", "connectedDropLists", "canMoveUp", "canMoveDown", "canMoveToParent"], outputs: ["actionTriggered", "itemDropped"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMMenuListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-menu-list', standalone: true, imports: [
-                        CommonModule,
-                        CdkDropList,
-                        AXButtonModule,
-                        AXTranslationModule,
-                        AXPPageLayoutComponent,
-                        AXPThemeLayoutBlockComponent,
-                        AXPStateMessageComponent,
-                        AXMMenuTreeItemComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXMMenuListComponent,
-                        },
-                    ], host: { class: 'axm-menu-list-page' }, template: "<axp-page-layout>\n  <axp-page-content>\n    @if (isLoading()) {\n      <!-- Loading State -->\n      <axp-state-message\n        mode=\"loading\"\n        icon=\"fa-light fa-spinner-third fa-spin\"\n        [title]=\"('@application-management:menu-management.loading.title' | translate | async) || 'Loading...'\"\n        [description]=\"\n          ('@application-management:menu-management.loading.description' | translate | async) || 'Please wait'\n        \"\n      />\n    } @else if (error()) {\n      <!-- Error State -->\n      <axp-state-message\n        mode=\"error\"\n        icon=\"fa-light fa-circle-exclamation\"\n        [title]=\"('@application-management:menu-management.error.title' | translate | async) || 'Error'\"\n        [description]=\"error() || 'An error occurred'\"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@general:actions.retry.title' | translate | async\"\n          [look]=\"'outline'\"\n          [color]=\"'primary'\"\n          (onClick)=\"loadMenuItems()\"\n        >\n          <i class=\"fa-light fa-rotate-left\"></i>\n        </ax-button>\n      </axp-state-message>\n    } @else if (menuItems().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"('@application-management:menu-management.empty-state.title' | translate | async) || 'No menu items'\"\n        [description]=\"\n          ('@application-management:menu-management.empty-state.description' | translate | async) ||\n          'Add a new menu item to get started'\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@application-management:menu-management.actions.add-root' | translate | async\"\n          [look]=\"'solid'\"\n          [color]=\"'primary'\"\n          (onClick)=\"addRootMenuItem()\"\n        >\n          <i class=\"fa-light fa-plus\"></i>\n        </ax-button>\n      </axp-state-message>\n    } @else {\n      <!-- Menu Tree Content -->\n      <div class=\"axm-menu-list__container\">\n        <!-- Menu Tree -->\n        <div\n          class=\"axm-menu-list__tree\"\n          cdkDropList\n          id=\"menu-root\"\n          [cdkDropListData]=\"menuItems()\"\n          [cdkDropListConnectedTo]=\"allDropListIds()\"\n          (cdkDropListDropped)=\"onItemDropped($event)\"\n        >\n          @for (item of menuItems(); track item.name || item.path || $index; let i = $index) {\n            <axm-menu-tree-item\n              [item]=\"item\"\n              [level]=\"0\"\n              [canDelete]=\"true\"\n              [connectedDropLists]=\"allDropListIds()\"\n              [canMoveUp]=\"i > 0\"\n              [canMoveDown]=\"i < menuItems().length - 1\"\n              [canMoveToParent]=\"false\"\n              (actionTriggered)=\"onActionTriggered($event)\"\n              (itemDropped)=\"onItemDropped($event)\"\n            />\n          }\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: [".axm-menu-list-page .axm-menu-list__container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.axm-menu-list-page .axm-menu-list__info-banner{display:flex;align-items:center;gap:.75rem;border-radius:.375rem;padding:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-500),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.axm-menu-list-page .axm-menu-list__info-banner i{font-size:1.125rem;line-height:1.75rem}.axm-menu-list-page .axm-menu-list__info-banner span{font-size:.875rem;line-height:1.25rem}.axm-menu-list-page .axm-menu-list__tree{display:flex;flex-direction:column;gap:.5rem}\n"] }]
-        }] });
-
-export { AXMMenuListComponent };
-//# sourceMappingURL=acorex-modules-application-management-menu-list.component-BMbl5rtn.mjs.map