@acorex/modules 20.6.0-next.17 → 20.6.0-next.19

package/fesm2022/{acorex-modules-platform-management-list-version.component-um9dTYaN.mjs → acorex-modules-platform-management-list-version.component-DR6JzLzV.mjs}

@@ -13,7 +13,7 @@ import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
-import { c as AXMAppVersionService } from './acorex-modules-platform-management-acorex-modules-platform-management-B99sSLFQ.mjs';
+import { c as AXMAppVersionService } from './acorex-modules-platform-management-acorex-modules-platform-management-D3eLYk5B.mjs';
 import { DomSanitizer } from '@angular/platform-browser';
 
 class AXMListVersionComponent extends AXBasePageComponent {
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         }] });
 
 export { AXMListVersionComponent };
-//# sourceMappingURL=acorex-modules-platform-management-list-version.component-um9dTYaN.mjs.map
+//# sourceMappingURL=acorex-modules-platform-management-list-version.component-DR6JzLzV.mjs.map

package/fesm2022/{acorex-modules-platform-management-list-version.component-um9dTYaN.mjs.map → acorex-modules-platform-management-list-version.component-DR6JzLzV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-platform-management-list-version.component-um9dTYaN.mjs","sources":["../tmp-esm2022/platform-management/lib/features/app-version/components/list-versions/list-version.component.js"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTimeLineModule } from '@acorex/components/time-line';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFormatModule, AXFormatService } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { AXMAppVersionService } from '../../../../entities/app-version/app-version.service';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/time-line\";\nimport * as i2 from \"@acorex/components/decorators\";\nimport * as i3 from \"@acorex/components/button\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"@acorex/core/translation\";\nexport class AXMListVersionComponent extends AXBasePageComponent {\n    constructor() {\n        super(...arguments);\n        this.appVersionService = inject(AXMAppVersionService);\n        this.formatService = inject(AXFormatService);\n        this.sanitize = inject(DomSanitizer);\n        this.versions = signal([], ...(ngDevMode ? [{ debugName: \"versions\" }] : []));\n    }\n    async ngOnInit() {\n        const result = await this.appVersionService.query({\n            take: 1000,\n            skip: 0,\n        });\n        const mappedItems = result.items.map((item) => ({\n            id: item.id,\n            //TODO to translate\n            title: `Version ${item.versionNumber} Published  at ${this.formatService.format(item.publishDate, 'datetime', {\n                format: 'date',\n            })}`,\n            content: this.sanitize.bypassSecurityTrustHtml(item.changeLog) ?? '',\n        }));\n        this.versions.set(mappedItems);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXMListVersionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.12\", type: AXMListVersionComponent, isStandalone: true, selector: \"axm-list-version\", usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-px-12 ax-min-h-96\\\">\\n  <ax-time-line>\\n    @for (version of versions(); track version.id) {\\n      <ax-time-line-item [text]=\\\"version.title\\\" [isCollapsed]=\\\"$index == 0 ? false : true\\\">\\n        <ax-icon class=\\\"fa-solid fa-flag-checkered\\\"></ax-icon>\\n        <ax-content class=\\\"ax-px-8 ax-py-2 ax-text-base/6\\\" [innerHtml]=\\\"version.content\\\"></ax-content>\\n      </ax-time-line-item>\\n    }\\n  </ax-time-line>\\n</div>\\n<ax-footer class=\\\"ax-flex !ax-justify-end\\\"\\n  ><ax-button\\n    [text]=\\\"'@general:actions.ok.title' | translate | async\\\"\\n    color=\\\"primary\\\"\\n    (onClick)=\\\"this.close()\\\"\\n  ></ax-button\\n></ax-footer>\\n\", dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: AXTimeLineModule }, { kind: \"component\", type: i1.AXTimeLineComponent, selector: \"ax-time-line\", inputs: [\"mode\"] }, { kind: \"component\", type: i1.AXTimeLineItemComponent, selector: \"ax-time-line-item\", inputs: [\"text\", \"isActive\", \"isCollapsed\"], outputs: [\"isCollapsedChange\"] }, { kind: \"ngmodule\", type: AXDecoratorModule }, { kind: \"component\", type: i2.AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }, { 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: AXFormatModule }, { kind: \"ngmodule\", type: AXDateTimeModule }, { kind: \"ngmodule\", type: AXButtonModule }, { kind: \"component\", type: i3.AXButtonComponent, selector: \"ax-button\", inputs: [\"disabled\", \"size\", \"tabIndex\", \"color\", \"look\", \"text\", \"toggleable\", \"selected\", \"iconOnly\", \"type\", \"loadingText\"], outputs: [\"onBlur\", \"onFocus\", \"onClick\", \"selectedChange\", \"toggleableChange\", \"lookChange\", \"colorChange\", \"disabledChange\", \"loadingTextChange\"] }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"pipe\", type: i4.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i5.AXTranslatorPipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXMListVersionComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-list-version', imports: [\n                        CommonModule,\n                        AXTimeLineModule,\n                        AXDecoratorModule,\n                        AXFormatModule,\n                        AXDateTimeModule,\n                        AXButtonModule,\n                        AXTranslationModule,\n                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: \"<div class=\\\"ax-px-12 ax-min-h-96\\\">\\n  <ax-time-line>\\n    @for (version of versions(); track version.id) {\\n      <ax-time-line-item [text]=\\\"version.title\\\" [isCollapsed]=\\\"$index == 0 ? false : true\\\">\\n        <ax-icon class=\\\"fa-solid fa-flag-checkered\\\"></ax-icon>\\n        <ax-content class=\\\"ax-px-8 ax-py-2 ax-text-base/6\\\" [innerHtml]=\\\"version.content\\\"></ax-content>\\n      </ax-time-line-item>\\n    }\\n  </ax-time-line>\\n</div>\\n<ax-footer class=\\\"ax-flex !ax-justify-end\\\"\\n  ><ax-button\\n    [text]=\\\"'@general:actions.ok.title' | translate | async\\\"\\n    color=\\\"primary\\\"\\n    (onClick)=\\\"this.close()\\\"\\n  ></ax-button\\n></ax-footer>\\n\" }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12ZXJzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbW9kdWxlcy9wbGF0Zm9ybS1tYW5hZ2VtZW50L3NyYy9saWIvZmVhdHVyZXMvYXBwLXZlcnNpb24vY29tcG9uZW50cy9saXN0LXZlcnNpb25zL2xpc3QtdmVyc2lvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvcGxhdGZvcm0tbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2FwcC12ZXJzaW9uL2NvbXBvbmVudHMvbGlzdC12ZXJzaW9ucy9saXN0LXZlcnNpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFFNUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBZ0J6RCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsbUJBQW1CO0lBZGhFOztRQWVVLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2pELGtCQUFhLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ2hELGFBQVEsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDL0IsYUFBUSxHQUFzRCxNQUFNLENBQUMsRUFBRSxvREFBQyxDQUFDO0tBaUIxRTtJQWZvQixLQUFLLENBQUMsUUFBUTtRQUMvQixNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7WUFDaEQsSUFBSSxFQUFFLElBQUk7WUFDVixJQUFJLEVBQUUsQ0FBQztTQUNSLENBQUMsQ0FBQztRQUNILE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFrQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztZQUMvRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7WUFDWCxtQkFBbUI7WUFDbkIsS0FBSyxFQUFFLFdBQVcsSUFBSSxDQUFDLGFBQWEsa0JBQWtCLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsVUFBVSxFQUFFO2dCQUM1RyxNQUFNLEVBQUUsTUFBTTthQUNmLENBQUMsRUFBRTtZQUNKLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFO1NBQ3JFLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FwQlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsbUdDM0JwQyxncEJBaUJBLDJDRERJLFlBQVksOEJBQ1osZ0JBQWdCLG9TQUNoQixpQkFBaUIsc1ZBQ2pCLGNBQWMsOEJBQ2QsZ0JBQWdCLDhCQUNoQixjQUFjLDZYQUNkLG1CQUFtQjs7NEZBS1YsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUNFLGtCQUFrQixXQUNuQjt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsY0FBYzt3QkFDZCxtQkFBbUI7cUJBQ3BCLG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhCYXNlUGFnZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wYWdlJztcbmltcG9ydCB7IEFYVGltZUxpbmVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGltZS1saW5lJztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcbmltcG9ydCB7IEFYRm9ybWF0TW9kdWxlLCBBWEZvcm1hdFNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhNQXBwVmVyc2lvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9lbnRpdGllcy9hcHAtdmVyc2lvbi9hcHAtdmVyc2lvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEFYTUFwcFZlcnNpb25MaXN0Q29tcG9uZW50TW9kZWwgfSBmcm9tICcuLi8uLi8uLi8uLi9lbnRpdGllcy9hcHAtdmVyc2lvbi9hcHAtdmVyc2lvbi50eXBlcyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhtLWxpc3QtdmVyc2lvbicsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQVhUaW1lTGluZU1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBBWEZvcm1hdE1vZHVsZSxcbiAgICBBWERhdGVUaW1lTW9kdWxlLFxuICAgIEFYQnV0dG9uTW9kdWxlLFxuICAgIEFYVHJhbnNsYXRpb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZlcnNpb24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQVhNTGlzdFZlcnNpb25Db21wb25lbnQgZXh0ZW5kcyBBWEJhc2VQYWdlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBhcHBWZXJzaW9uU2VydmljZSA9IGluamVjdChBWE1BcHBWZXJzaW9uU2VydmljZSk7XG4gIHByaXZhdGUgZm9ybWF0U2VydmljZSA9IGluamVjdChBWEZvcm1hdFNlcnZpY2UpO1xuICBzYW5pdGl6ZSA9IGluamVjdChEb21TYW5pdGl6ZXIpXG4gIHZlcnNpb25zOiBXcml0YWJsZVNpZ25hbDxBWE1BcHBWZXJzaW9uTGlzdENvbXBvbmVudE1vZGVsW10+ID0gc2lnbmFsKFtdKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgbmdPbkluaXQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdGhpcy5hcHBWZXJzaW9uU2VydmljZS5xdWVyeSh7XG4gICAgICB0YWtlOiAxMDAwLFxuICAgICAgc2tpcDogMCxcbiAgICB9KTtcbiAgICBjb25zdCBtYXBwZWRJdGVtcyA9IHJlc3VsdC5pdGVtcy5tYXA8QVhNQXBwVmVyc2lvbkxpc3RDb21wb25lbnRNb2RlbD4oKGl0ZW0pID0+ICh7XG4gICAgICBpZDogaXRlbS5pZCxcbiAgICAgIC8vVE9ETyB0byB0cmFuc2xhdGVcbiAgICAgIHRpdGxlOiBgVmVyc2lvbiAke2l0ZW0udmVyc2lvbk51bWJlcn0gUHVibGlzaGVkICBhdCAke3RoaXMuZm9ybWF0U2VydmljZS5mb3JtYXQoaXRlbS5wdWJsaXNoRGF0ZSwgJ2RhdGV0aW1lJywge1xuICAgICAgICBmb3JtYXQ6ICdkYXRlJyxcbiAgICAgIH0pfWAsXG4gICAgICBjb250ZW50OiB0aGlzLnNhbml0aXplLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKGl0ZW0uY2hhbmdlTG9nKSA/PyAnJyxcbiAgICB9KSk7XG4gICAgdGhpcy52ZXJzaW9ucy5zZXQobWFwcGVkSXRlbXMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtcHgtMTIgYXgtbWluLWgtOTZcIj5cbiAgPGF4LXRpbWUtbGluZT5cbiAgICBAZm9yICh2ZXJzaW9uIG9mIHZlcnNpb25zKCk7IHRyYWNrIHZlcnNpb24uaWQpIHtcbiAgICAgIDxheC10aW1lLWxpbmUtaXRlbSBbdGV4dF09XCJ2ZXJzaW9uLnRpdGxlXCIgW2lzQ29sbGFwc2VkXT1cIiRpbmRleCA9PSAwID8gZmFsc2UgOiB0cnVlXCI+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtZmxhZy1jaGVja2VyZWRcIj48L2F4LWljb24+XG4gICAgICAgIDxheC1jb250ZW50IGNsYXNzPVwiYXgtcHgtOCBheC1weS0yIGF4LXRleHQtYmFzZS82XCIgW2lubmVySHRtbF09XCJ2ZXJzaW9uLmNvbnRlbnRcIj48L2F4LWNvbnRlbnQ+XG4gICAgICA8L2F4LXRpbWUtbGluZS1pdGVtPlxuICAgIH1cbiAgPC9heC10aW1lLWxpbmU+XG48L2Rpdj5cbjxheC1mb290ZXIgY2xhc3M9XCJheC1mbGV4ICFheC1qdXN0aWZ5LWVuZFwiXG4gID48YXgtYnV0dG9uXG4gICAgW3RleHRdPVwiJ0BnZW5lcmFsOmFjdGlvbnMub2sudGl0bGUnIHwgdHJhbnNsYXRlIHwgYXN5bmNcIlxuICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgKG9uQ2xpY2spPVwidGhpcy5jbG9zZSgpXCJcbiAgPjwvYXgtYnV0dG9uXG4+PC9heC1mb290ZXI+XG4iXX0="],"names":["i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-platform-management-list-version.component-DR6JzLzV.mjs","sources":["../tmp-esm2022/platform-management/lib/features/app-version/components/list-versions/list-version.component.js"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTimeLineModule } from '@acorex/components/time-line';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFormatModule, AXFormatService } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { AXMAppVersionService } from '../../../../entities/app-version/app-version.service';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/time-line\";\nimport * as i2 from \"@acorex/components/decorators\";\nimport * as i3 from \"@acorex/components/button\";\nimport * as i4 from \"@angular/common\";\nimport * as i5 from \"@acorex/core/translation\";\nexport class AXMListVersionComponent extends AXBasePageComponent {\n    constructor() {\n        super(...arguments);\n        this.appVersionService = inject(AXMAppVersionService);\n        this.formatService = inject(AXFormatService);\n        this.sanitize = inject(DomSanitizer);\n        this.versions = signal([], ...(ngDevMode ? [{ debugName: \"versions\" }] : []));\n    }\n    async ngOnInit() {\n        const result = await this.appVersionService.query({\n            take: 1000,\n            skip: 0,\n        });\n        const mappedItems = result.items.map((item) => ({\n            id: item.id,\n            //TODO to translate\n            title: `Version ${item.versionNumber} Published  at ${this.formatService.format(item.publishDate, 'datetime', {\n                format: 'date',\n            })}`,\n            content: this.sanitize.bypassSecurityTrustHtml(item.changeLog) ?? '',\n        }));\n        this.versions.set(mappedItems);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXMListVersionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.12\", type: AXMListVersionComponent, isStandalone: true, selector: \"axm-list-version\", usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-px-12 ax-min-h-96\\\">\\n  <ax-time-line>\\n    @for (version of versions(); track version.id) {\\n      <ax-time-line-item [text]=\\\"version.title\\\" [isCollapsed]=\\\"$index == 0 ? false : true\\\">\\n        <ax-icon class=\\\"fa-solid fa-flag-checkered\\\"></ax-icon>\\n        <ax-content class=\\\"ax-px-8 ax-py-2 ax-text-base/6\\\" [innerHtml]=\\\"version.content\\\"></ax-content>\\n      </ax-time-line-item>\\n    }\\n  </ax-time-line>\\n</div>\\n<ax-footer class=\\\"ax-flex !ax-justify-end\\\"\\n  ><ax-button\\n    [text]=\\\"'@general:actions.ok.title' | translate | async\\\"\\n    color=\\\"primary\\\"\\n    (onClick)=\\\"this.close()\\\"\\n  ></ax-button\\n></ax-footer>\\n\", dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: AXTimeLineModule }, { kind: \"component\", type: i1.AXTimeLineComponent, selector: \"ax-time-line\", inputs: [\"mode\"] }, { kind: \"component\", type: i1.AXTimeLineItemComponent, selector: \"ax-time-line-item\", inputs: [\"text\", \"isActive\", \"isCollapsed\"], outputs: [\"isCollapsedChange\"] }, { kind: \"ngmodule\", type: AXDecoratorModule }, { kind: \"component\", type: i2.AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }, { 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: AXFormatModule }, { kind: \"ngmodule\", type: AXDateTimeModule }, { kind: \"ngmodule\", type: AXButtonModule }, { kind: \"component\", type: i3.AXButtonComponent, selector: \"ax-button\", inputs: [\"disabled\", \"size\", \"tabIndex\", \"color\", \"look\", \"text\", \"toggleable\", \"selected\", \"iconOnly\", \"type\", \"loadingText\"], outputs: [\"onBlur\", \"onFocus\", \"onClick\", \"selectedChange\", \"toggleableChange\", \"lookChange\", \"colorChange\", \"disabledChange\", \"loadingTextChange\"] }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"pipe\", type: i4.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i5.AXTranslatorPipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXMListVersionComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-list-version', imports: [\n                        CommonModule,\n                        AXTimeLineModule,\n                        AXDecoratorModule,\n                        AXFormatModule,\n                        AXDateTimeModule,\n                        AXButtonModule,\n                        AXTranslationModule,\n                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: \"<div class=\\\"ax-px-12 ax-min-h-96\\\">\\n  <ax-time-line>\\n    @for (version of versions(); track version.id) {\\n      <ax-time-line-item [text]=\\\"version.title\\\" [isCollapsed]=\\\"$index == 0 ? false : true\\\">\\n        <ax-icon class=\\\"fa-solid fa-flag-checkered\\\"></ax-icon>\\n        <ax-content class=\\\"ax-px-8 ax-py-2 ax-text-base/6\\\" [innerHtml]=\\\"version.content\\\"></ax-content>\\n      </ax-time-line-item>\\n    }\\n  </ax-time-line>\\n</div>\\n<ax-footer class=\\\"ax-flex !ax-justify-end\\\"\\n  ><ax-button\\n    [text]=\\\"'@general:actions.ok.title' | translate | async\\\"\\n    color=\\\"primary\\\"\\n    (onClick)=\\\"this.close()\\\"\\n  ></ax-button\\n></ax-footer>\\n\" }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12ZXJzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbW9kdWxlcy9wbGF0Zm9ybS1tYW5hZ2VtZW50L3NyYy9saWIvZmVhdHVyZXMvYXBwLXZlcnNpb24vY29tcG9uZW50cy9saXN0LXZlcnNpb25zL2xpc3QtdmVyc2lvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvcGxhdGZvcm0tbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2FwcC12ZXJzaW9uL2NvbXBvbmVudHMvbGlzdC12ZXJzaW9ucy9saXN0LXZlcnNpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFFNUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBZ0J6RCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsbUJBQW1CO0lBZGhFOztRQWVVLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2pELGtCQUFhLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ2hELGFBQVEsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDL0IsYUFBUSxHQUFzRCxNQUFNLENBQUMsRUFBRSxvREFBQyxDQUFDO0tBaUIxRTtJQWZvQixLQUFLLENBQUMsUUFBUTtRQUMvQixNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7WUFDaEQsSUFBSSxFQUFFLElBQUk7WUFDVixJQUFJLEVBQUUsQ0FBQztTQUNSLENBQUMsQ0FBQztRQUNILE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFrQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztZQUMvRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7WUFDWCxtQkFBbUI7WUFDbkIsS0FBSyxFQUFFLFdBQVcsSUFBSSxDQUFDLGFBQWEsa0JBQWtCLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsVUFBVSxFQUFFO2dCQUM1RyxNQUFNLEVBQUUsTUFBTTthQUNmLENBQUMsRUFBRTtZQUNKLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFO1NBQ3JFLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FwQlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsbUdDM0JwQyxncEJBaUJBLDJDRERJLFlBQVksOEJBQ1osZ0JBQWdCLG9TQUNoQixpQkFBaUIsc1ZBQ2pCLGNBQWMsOEJBQ2QsZ0JBQWdCLDhCQUNoQixjQUFjLDZYQUNkLG1CQUFtQjs7NEZBS1YsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUNFLGtCQUFrQixXQUNuQjt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsY0FBYzt3QkFDZCxtQkFBbUI7cUJBQ3BCLG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhCYXNlUGFnZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wYWdlJztcbmltcG9ydCB7IEFYVGltZUxpbmVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGltZS1saW5lJztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcbmltcG9ydCB7IEFYRm9ybWF0TW9kdWxlLCBBWEZvcm1hdFNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhNQXBwVmVyc2lvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9lbnRpdGllcy9hcHAtdmVyc2lvbi9hcHAtdmVyc2lvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEFYTUFwcFZlcnNpb25MaXN0Q29tcG9uZW50TW9kZWwgfSBmcm9tICcuLi8uLi8uLi8uLi9lbnRpdGllcy9hcHAtdmVyc2lvbi9hcHAtdmVyc2lvbi50eXBlcyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhtLWxpc3QtdmVyc2lvbicsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQVhUaW1lTGluZU1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBBWEZvcm1hdE1vZHVsZSxcbiAgICBBWERhdGVUaW1lTW9kdWxlLFxuICAgIEFYQnV0dG9uTW9kdWxlLFxuICAgIEFYVHJhbnNsYXRpb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZlcnNpb24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQVhNTGlzdFZlcnNpb25Db21wb25lbnQgZXh0ZW5kcyBBWEJhc2VQYWdlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBhcHBWZXJzaW9uU2VydmljZSA9IGluamVjdChBWE1BcHBWZXJzaW9uU2VydmljZSk7XG4gIHByaXZhdGUgZm9ybWF0U2VydmljZSA9IGluamVjdChBWEZvcm1hdFNlcnZpY2UpO1xuICBzYW5pdGl6ZSA9IGluamVjdChEb21TYW5pdGl6ZXIpXG4gIHZlcnNpb25zOiBXcml0YWJsZVNpZ25hbDxBWE1BcHBWZXJzaW9uTGlzdENvbXBvbmVudE1vZGVsW10+ID0gc2lnbmFsKFtdKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgbmdPbkluaXQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdGhpcy5hcHBWZXJzaW9uU2VydmljZS5xdWVyeSh7XG4gICAgICB0YWtlOiAxMDAwLFxuICAgICAgc2tpcDogMCxcbiAgICB9KTtcbiAgICBjb25zdCBtYXBwZWRJdGVtcyA9IHJlc3VsdC5pdGVtcy5tYXA8QVhNQXBwVmVyc2lvbkxpc3RDb21wb25lbnRNb2RlbD4oKGl0ZW0pID0+ICh7XG4gICAgICBpZDogaXRlbS5pZCxcbiAgICAgIC8vVE9ETyB0byB0cmFuc2xhdGVcbiAgICAgIHRpdGxlOiBgVmVyc2lvbiAke2l0ZW0udmVyc2lvbk51bWJlcn0gUHVibGlzaGVkICBhdCAke3RoaXMuZm9ybWF0U2VydmljZS5mb3JtYXQoaXRlbS5wdWJsaXNoRGF0ZSwgJ2RhdGV0aW1lJywge1xuICAgICAgICBmb3JtYXQ6ICdkYXRlJyxcbiAgICAgIH0pfWAsXG4gICAgICBjb250ZW50OiB0aGlzLnNhbml0aXplLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKGl0ZW0uY2hhbmdlTG9nKSA/PyAnJyxcbiAgICB9KSk7XG4gICAgdGhpcy52ZXJzaW9ucy5zZXQobWFwcGVkSXRlbXMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtcHgtMTIgYXgtbWluLWgtOTZcIj5cbiAgPGF4LXRpbWUtbGluZT5cbiAgICBAZm9yICh2ZXJzaW9uIG9mIHZlcnNpb25zKCk7IHRyYWNrIHZlcnNpb24uaWQpIHtcbiAgICAgIDxheC10aW1lLWxpbmUtaXRlbSBbdGV4dF09XCJ2ZXJzaW9uLnRpdGxlXCIgW2lzQ29sbGFwc2VkXT1cIiRpbmRleCA9PSAwID8gZmFsc2UgOiB0cnVlXCI+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtZmxhZy1jaGVja2VyZWRcIj48L2F4LWljb24+XG4gICAgICAgIDxheC1jb250ZW50IGNsYXNzPVwiYXgtcHgtOCBheC1weS0yIGF4LXRleHQtYmFzZS82XCIgW2lubmVySHRtbF09XCJ2ZXJzaW9uLmNvbnRlbnRcIj48L2F4LWNvbnRlbnQ+XG4gICAgICA8L2F4LXRpbWUtbGluZS1pdGVtPlxuICAgIH1cbiAgPC9heC10aW1lLWxpbmU+XG48L2Rpdj5cbjxheC1mb290ZXIgY2xhc3M9XCJheC1mbGV4ICFheC1qdXN0aWZ5LWVuZFwiXG4gID48YXgtYnV0dG9uXG4gICAgW3RleHRdPVwiJ0BnZW5lcmFsOmFjdGlvbnMub2sudGl0bGUnIHwgdHJhbnNsYXRlIHwgYXN5bmNcIlxuICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgKG9uQ2xpY2spPVwidGhpcy5jbG9zZSgpXCJcbiAgPjwvYXgtYnV0dG9uXG4+PC9heC1mb290ZXI+XG4iXX0="],"names":["i3","i4","i5"],"mappings":"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"}

package/fesm2022/{acorex-modules-platform-management-menu-list.component-DeS8hSoB.mjs → acorex-modules-platform-management-menu-list.component-zjY38r5l.mjs}

@@ -24,7 +24,7 @@ import { ActivatedRoute } from '@angular/router';
 import { Subject, takeUntil } from 'rxjs';
 import { AXPSettingService, AXPMenuProviderService } from '@acorex/platform/common';
 import { cloneDeep } from 'lodash-es';
-import { A as AXP_MENU_CUSTOMIZATION_KEY, a as AXP_MENU_CUSTOMIZATION_DEFAULT } from './acorex-modules-platform-management-acorex-modules-platform-management-B99sSLFQ.mjs';
+import { A as AXP_MENU_CUSTOMIZATION_KEY, a as AXP_MENU_CUSTOMIZATION_DEFAULT } from './acorex-modules-platform-management-acorex-modules-platform-management-D3eLYk5B.mjs';
 
 //#region ----   Menu Management Service   ----
 /**
@@ -42,7 +42,7 @@ class AXPMenuManagementService {
     //#endregion
     //#region ----   Public Methods   ----
     /**
-     * Get menu tree as AXTreeNode[] for ax-tree2 component
+     * Get menu tree as AXTreeViewNode[] for ax-tree-view component
      */
     async getMenuTree(scope) {
         // Get RAW menu items WITHOUT middleware (for management purposes)
@@ -274,12 +274,11 @@ class AXPMenuManagementService {
             // Create tree node
             const treeNode = {
                 id: itemName || item.path || this.generateNodeId(),
-                label: item.text || item.path || 'Unnamed',
+                title: item.text || item.path || 'Unnamed',
                 icon: item.icon,
                 expanded: false,
                 selected: false,
-                visible: true, // Always visible in management interface, CSS handles hidden styling
-                children: item.children ? this.convertToTreeNodes(item.children, customization, itemName) : undefined,
+                ['children']: item.children ? this.convertToTreeNodes(item.children, customization, itemName) : undefined,
                 childrenCount: item.children?.length,
                 data: nodeData,
             };
@@ -287,8 +286,8 @@ class AXPMenuManagementService {
         });
         // Sort by priority
         nodes.sort((a, b) => {
-            const aPriority = a.data?.menuItem.priority ?? 0;
-            const bPriority = b.data?.menuItem.priority ?? 0;
+            const aPriority = a['data']?.menuItem.priority ?? 0;
+            const bPriority = b['data']?.menuItem.priority ?? 0;
             return aPriority - bPriority;
         });
         return nodes;
@@ -302,7 +301,7 @@ class AXPMenuManagementService {
         const basePriority = parentName ? PRIORITY_BASE_NESTED : PRIORITY_BASE_ROOT;
         const priorityStep = PRIORITY_STEP;
         treeNodes.forEach((node, index) => {
-            const nodeData = node.data;
+            const nodeData = node['data'] || null;
             const menuItem = nodeData?.menuItem;
             if (menuItem?.name) {
                 this.ensureOverrideExists(customization, menuItem.name);
@@ -331,8 +330,9 @@ class AXPMenuManagementService {
                 // Clean up empty overrides
                 this.cleanupEmptyOverride(customization, menuItem.name);
                 // Recursively process children
-                if (node.children && node.children.length > 0) {
-                    this.updateCustomizationFromTree(node.children, customization, menuItem.name);
+                const nodeChildren = node['children'];
+                if (nodeChildren && nodeChildren.length > 0) {
+                    this.updateCustomizationFromTree(nodeChildren, customization, menuItem.name);
                 }
             }
         });
@@ -439,7 +439,7 @@ class AXMMenuListComponent extends AXPPageLayoutBaseComponent {
      * Handle before drop validation
      */
     async handleBeforeDrop(e) {
-        const targetParent = e.currentParent?.data;
+        const targetParent = e.currentParent?.['data'] || null;
         // Prevent dropping into items with paths (leaf nodes)
         if (targetParent?.menuItem?.path) {
             e.canceled = true;
@@ -825,7 +825,7 @@ class AXMMenuListComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMMenuListComponent,
             },
-        ], viewQueries: [{ propertyName: "tree", first: true, predicate: AXTreeViewComponent, descendants: true, isSignal: true }], 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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.description'\n            | translate\n            | async)!\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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.description'\n            | translate\n            | async)!\n        \"\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 (treeNodes().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.description'\n            | translate\n            | async)!\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@platform-management:menu-management.actions.add-root.title' | 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 class=\"axm-menu-list__tree\">\n          <ax-tree-view\n            [(datasource)]=\"treeNodes\"\n            look=\"default\"\n            [itemTemplate]=\"itemTemplate\"\n            [showCheckbox]=\"false\"\n            [showIcons]=\"false\"\n            [showChildrenBadge]=\"false\"\n            [nodeHeight]=\"'normal'\"\n            [dragMode]=\"'handler'\"\n            (onBeforeDrop)=\"handleBeforeDrop($event)\"\n            (onItemsChange)=\"handleAfterDrop()\"\n          ></ax-tree-view>\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Custom Item Template -->\n<ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n  @let nodeData = node.data;\n  @let item = nodeData.menuItem;\n  @let metadata = nodeData.metadata;\n  <div\n    class=\"axm-menu-tree-item__wrapper\"\n    [class.axm-menu-tree-item__wrapper--hidden]=\"metadata.isHidden\"\n    [class.axm-menu-tree-item__wrapper--custom]=\"metadata.isCustom\"\n    [class.axm-menu-tree-item__wrapper--group]=\"item.type === 'group'\"\n  >\n    <!-- Icon (hidden for groups) -->\n    @if (item.icon && item.type !== 'group') {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item.icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item.type === 'group') {\n      <!-- Group Heading -->\n      <span class=\"axm-menu-tree-item__group\">\n        <i class=\"fa-light fa-layer-group\"></i>\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.type === 'break') {\n      <!-- Divider -->\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@platform-management:menu-management.states.divider' | translate | async }}\n      </span>\n    } @else if (item.text) {\n      <!-- Regular Menu Item -->\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.path) {\n      <!-- Path-only Item -->\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item.path }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item.name) {\n      <code class=\"axm-menu-tree-item__name\">{{ item.name }}</code>\n    }\n\n    <!-- Status Badges -->\n    @if (metadata.isHidden) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.hidden' | translate | async)!\"\n        color=\"danger\"\n      ></ax-badge>\n    } @else if (metadata.isCustom) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.custom' | translate | async)!\"\n        color=\"success\"\n      ></ax-badge>\n    } @else if (metadata.isBuiltIn) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.built-in' | translate | async)!\"\n        color=\"primary\"\n      ></ax-badge>\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          <!-- 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', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Show/Hide (only for items with names) -->\n          @if (item.name && metadata.isBuiltIn) {\n            @if (metadata.isHidden) {\n              <ax-button-item\n                [text]=\"('@platform-management:menu-management.actions.show.title' | translate | async)!\"\n                (onClick)=\"onAction('show', nodeData); 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]=\"('@platform-management:menu-management.actions.hide.title' | translate | async)!\"\n                (onClick)=\"onAction('hide', nodeData); 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          @if (!item.path && (item.type === 'menu' || !item.type)) {\n            <!-- Add Child -->\n            <ax-button-item\n              [text]=\"('@platform-management:menu-management.actions.add-child.title' | translate | async)!\"\n              (onClick)=\"onAction('add-child', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-plus\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item.name && metadata.isCustom) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete', nodeData); 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              {{ '@platform-management:menu-management.messages.info.no-name' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n</ng-template>\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__tree{display:flex;flex-direction:column;gap:.5rem}.axm-menu-list-page .axm-menu-tree-item__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:1rem;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-list-page .axm-menu-tree-item__wrapper: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-list-page .axm-menu-tree-item__wrapper--hidden{opacity:.5}.axm-menu-list-page .axm-menu-tree-item__wrapper--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-list-page .axm-menu-tree-item__wrapper--group{padding-top:.75rem;padding-bottom:.75rem}.axm-menu-list-page .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-list-page .axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-list-page .axm-menu-tree-item__group,.axm-menu-list-page .axm-menu-tree-item__divider,.axm-menu-list-page .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-list-page .axm-menu-tree-item__divider i,.axm-menu-list-page .axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-list-page .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;user-select:all}.axm-menu-list-page .axm-menu-tree-item__actions{margin-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "closeParentOnClick", "lockOnLoading"], 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: AXDropdownButtonModule }, { 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: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "showCheckbox", "checkChildrenOnSelect", "intermediateState", "checkOnClick", "dragMode", "dragOperationType", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "nodeHeight", "look", "itemTemplate"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onOrderChange", "onMoveChange", "onItemsChange"] }, { 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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "tree", first: true, predicate: AXTreeViewComponent, descendants: true, isSignal: true }], 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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.description'\n            | translate\n            | async)!\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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.description'\n            | translate\n            | async)!\n        \"\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 (treeNodes().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.description'\n            | translate\n            | async)!\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@platform-management:menu-management.actions.add-root.title' | 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 class=\"axm-menu-list__tree\">\n          <ax-tree-view\n            [(datasource)]=\"treeNodes\"\n            [look]=\"'default'\"\n            [nodeTemplate]=\"itemTemplate\"\n            [selectMode]=\"'none'\"\n            [showIcons]=\"false\"\n            [showChildrenBadge]=\"false\"\n            [dragArea]=\"'handler'\"\n            (onBeforeDrop)=\"handleBeforeDrop($event)\"\n            (onItemsChange)=\"handleAfterDrop()\"\n          ></ax-tree-view>\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Custom Item Template -->\n<ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n  @let nodeData = node['data'];\n  @let item = nodeData.menuItem;\n  @let metadata = nodeData.metadata;\n  <div\n    class=\"axm-menu-tree-item__wrapper\"\n    [class.axm-menu-tree-item__wrapper--hidden]=\"metadata.isHidden\"\n    [class.axm-menu-tree-item__wrapper--custom]=\"metadata.isCustom\"\n    [class.axm-menu-tree-item__wrapper--group]=\"item.type === 'group'\"\n  >\n    <!-- Icon (hidden for groups) -->\n    @if (item.icon && item.type !== 'group') {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item.icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item.type === 'group') {\n      <!-- Group Heading -->\n      <span class=\"axm-menu-tree-item__group\">\n        <i class=\"fa-light fa-layer-group\"></i>\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.type === 'break') {\n      <!-- Divider -->\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@platform-management:menu-management.states.divider' | translate | async }}\n      </span>\n    } @else if (item.text) {\n      <!-- Regular Menu Item -->\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.path) {\n      <!-- Path-only Item -->\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item.path }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item.name) {\n      <code class=\"axm-menu-tree-item__name\">{{ item.name }}</code>\n    }\n\n    <!-- Status Badges -->\n    @if (metadata.isHidden) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.hidden' | translate | async)!\"\n        color=\"danger\"\n      ></ax-badge>\n    } @else if (metadata.isCustom) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.custom' | translate | async)!\"\n        color=\"success\"\n      ></ax-badge>\n    } @else if (metadata.isBuiltIn) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.built-in' | translate | async)!\"\n        color=\"primary\"\n      ></ax-badge>\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          <!-- 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', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Show/Hide (only for items with names) -->\n          @if (item.name && metadata.isBuiltIn) {\n            @if (metadata.isHidden) {\n              <ax-button-item\n                [text]=\"('@platform-management:menu-management.actions.show.title' | translate | async)!\"\n                (onClick)=\"onAction('show', nodeData); 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]=\"('@platform-management:menu-management.actions.hide.title' | translate | async)!\"\n                (onClick)=\"onAction('hide', nodeData); 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          @if (!item.path && (item.type === 'menu' || !item.type)) {\n            <!-- Add Child -->\n            <ax-button-item\n              [text]=\"('@platform-management:menu-management.actions.add-child.title' | translate | async)!\"\n              (onClick)=\"onAction('add-child', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-plus\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item.name && metadata.isCustom) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete', nodeData); 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              {{ '@platform-management:menu-management.messages.info.no-name' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n</ng-template>\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__tree{display:flex;flex-direction:column;gap:.5rem}.axm-menu-list-page .axm-menu-tree-item__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:1rem;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-list-page .axm-menu-tree-item__wrapper: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-list-page .axm-menu-tree-item__wrapper--hidden{opacity:.5}.axm-menu-list-page .axm-menu-tree-item__wrapper--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-list-page .axm-menu-tree-item__wrapper--group{padding-top:.75rem;padding-bottom:.75rem}.axm-menu-list-page .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-list-page .axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-list-page .axm-menu-tree-item__group,.axm-menu-list-page .axm-menu-tree-item__divider,.axm-menu-list-page .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-list-page .axm-menu-tree-item__divider i,.axm-menu-list-page .axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-list-page .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;user-select:all}.axm-menu-list-page .axm-menu-tree-item__actions{margin-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "closeParentOnClick", "lockOnLoading"], 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: AXDropdownButtonModule }, { 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: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "showCheckbox", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { 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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMMenuListComponent, decorators: [{
             type: Component,
@@ -846,8 +846,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                             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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.description'\n            | translate\n            | async)!\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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.description'\n            | translate\n            | async)!\n        \"\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 (treeNodes().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.description'\n            | translate\n            | async)!\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@platform-management:menu-management.actions.add-root.title' | 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 class=\"axm-menu-list__tree\">\n          <ax-tree-view\n            [(datasource)]=\"treeNodes\"\n            look=\"default\"\n            [itemTemplate]=\"itemTemplate\"\n            [showCheckbox]=\"false\"\n            [showIcons]=\"false\"\n            [showChildrenBadge]=\"false\"\n            [nodeHeight]=\"'normal'\"\n            [dragMode]=\"'handler'\"\n            (onBeforeDrop)=\"handleBeforeDrop($event)\"\n            (onItemsChange)=\"handleAfterDrop()\"\n          ></ax-tree-view>\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Custom Item Template -->\n<ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n  @let nodeData = node.data;\n  @let item = nodeData.menuItem;\n  @let metadata = nodeData.metadata;\n  <div\n    class=\"axm-menu-tree-item__wrapper\"\n    [class.axm-menu-tree-item__wrapper--hidden]=\"metadata.isHidden\"\n    [class.axm-menu-tree-item__wrapper--custom]=\"metadata.isCustom\"\n    [class.axm-menu-tree-item__wrapper--group]=\"item.type === 'group'\"\n  >\n    <!-- Icon (hidden for groups) -->\n    @if (item.icon && item.type !== 'group') {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item.icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item.type === 'group') {\n      <!-- Group Heading -->\n      <span class=\"axm-menu-tree-item__group\">\n        <i class=\"fa-light fa-layer-group\"></i>\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.type === 'break') {\n      <!-- Divider -->\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@platform-management:menu-management.states.divider' | translate | async }}\n      </span>\n    } @else if (item.text) {\n      <!-- Regular Menu Item -->\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.path) {\n      <!-- Path-only Item -->\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item.path }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item.name) {\n      <code class=\"axm-menu-tree-item__name\">{{ item.name }}</code>\n    }\n\n    <!-- Status Badges -->\n    @if (metadata.isHidden) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.hidden' | translate | async)!\"\n        color=\"danger\"\n      ></ax-badge>\n    } @else if (metadata.isCustom) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.custom' | translate | async)!\"\n        color=\"success\"\n      ></ax-badge>\n    } @else if (metadata.isBuiltIn) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.built-in' | translate | async)!\"\n        color=\"primary\"\n      ></ax-badge>\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          <!-- 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', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Show/Hide (only for items with names) -->\n          @if (item.name && metadata.isBuiltIn) {\n            @if (metadata.isHidden) {\n              <ax-button-item\n                [text]=\"('@platform-management:menu-management.actions.show.title' | translate | async)!\"\n                (onClick)=\"onAction('show', nodeData); 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]=\"('@platform-management:menu-management.actions.hide.title' | translate | async)!\"\n                (onClick)=\"onAction('hide', nodeData); 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          @if (!item.path && (item.type === 'menu' || !item.type)) {\n            <!-- Add Child -->\n            <ax-button-item\n              [text]=\"('@platform-management:menu-management.actions.add-child.title' | translate | async)!\"\n              (onClick)=\"onAction('add-child', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-plus\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item.name && metadata.isCustom) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete', nodeData); 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              {{ '@platform-management:menu-management.messages.info.no-name' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n</ng-template>\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__tree{display:flex;flex-direction:column;gap:.5rem}.axm-menu-list-page .axm-menu-tree-item__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:1rem;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-list-page .axm-menu-tree-item__wrapper: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-list-page .axm-menu-tree-item__wrapper--hidden{opacity:.5}.axm-menu-list-page .axm-menu-tree-item__wrapper--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-list-page .axm-menu-tree-item__wrapper--group{padding-top:.75rem;padding-bottom:.75rem}.axm-menu-list-page .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-list-page .axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-list-page .axm-menu-tree-item__group,.axm-menu-list-page .axm-menu-tree-item__divider,.axm-menu-list-page .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-list-page .axm-menu-tree-item__divider i,.axm-menu-list-page .axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-list-page .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;user-select:all}.axm-menu-list-page .axm-menu-tree-item__actions{margin-left:.5rem}\n"] }]
+                    ], 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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.loading.description'\n            | translate\n            | async)!\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]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.error.description'\n            | translate\n            | async)!\n        \"\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 (treeNodes().length === 0) {\n      <!-- Empty State -->\n      <axp-state-message\n        mode=\"empty\"\n        icon=\"fa-light fa-bars\"\n        [title]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.title' | translate | async)!\n        \"\n        [description]=\"\n          ('@platform-management:menu-management.components.menu-list.empty-states.no-data.description'\n            | translate\n            | async)!\n        \"\n      >\n        <ax-button\n          slot=\"actions\"\n          [text]=\"'@platform-management:menu-management.actions.add-root.title' | 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 class=\"axm-menu-list__tree\">\n          <ax-tree-view\n            [(datasource)]=\"treeNodes\"\n            [look]=\"'default'\"\n            [nodeTemplate]=\"itemTemplate\"\n            [selectMode]=\"'none'\"\n            [showIcons]=\"false\"\n            [showChildrenBadge]=\"false\"\n            [dragArea]=\"'handler'\"\n            (onBeforeDrop)=\"handleBeforeDrop($event)\"\n            (onItemsChange)=\"handleAfterDrop()\"\n          ></ax-tree-view>\n        </div>\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Custom Item Template -->\n<ng-template #itemTemplate let-node=\"node\" let-level=\"level\">\n  @let nodeData = node['data'];\n  @let item = nodeData.menuItem;\n  @let metadata = nodeData.metadata;\n  <div\n    class=\"axm-menu-tree-item__wrapper\"\n    [class.axm-menu-tree-item__wrapper--hidden]=\"metadata.isHidden\"\n    [class.axm-menu-tree-item__wrapper--custom]=\"metadata.isCustom\"\n    [class.axm-menu-tree-item__wrapper--group]=\"item.type === 'group'\"\n  >\n    <!-- Icon (hidden for groups) -->\n    @if (item.icon && item.type !== 'group') {\n      <i class=\"axm-menu-tree-item__icon\" [class]=\"item.icon\"></i>\n    }\n\n    <!-- Text or Info -->\n    @if (item.type === 'group') {\n      <!-- Group Heading -->\n      <span class=\"axm-menu-tree-item__group\">\n        <i class=\"fa-light fa-layer-group\"></i>\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.type === 'break') {\n      <!-- Divider -->\n      <span class=\"axm-menu-tree-item__divider\">\n        <i class=\"fa-light fa-minus\"></i>\n        {{ '@platform-management:menu-management.states.divider' | translate | async }}\n      </span>\n    } @else if (item.text) {\n      <!-- Regular Menu Item -->\n      <span class=\"axm-menu-tree-item__text\">\n        {{ item.text | translate | async }}\n      </span>\n    } @else if (item.path) {\n      <!-- Path-only Item -->\n      <span class=\"axm-menu-tree-item__path\">\n        <i class=\"fa-light fa-link\"></i>\n        {{ item.path }}\n      </span>\n    }\n\n    <!-- Menu Name/Key -->\n    @if (item.name) {\n      <code class=\"axm-menu-tree-item__name\">{{ item.name }}</code>\n    }\n\n    <!-- Status Badges -->\n    @if (metadata.isHidden) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.hidden' | translate | async)!\"\n        color=\"danger\"\n      ></ax-badge>\n    } @else if (metadata.isCustom) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.custom' | translate | async)!\"\n        color=\"success\"\n      ></ax-badge>\n    } @else if (metadata.isBuiltIn) {\n      <ax-badge\n        [text]=\"('@platform-management:menu-management.states.built-in' | translate | async)!\"\n        color=\"primary\"\n      ></ax-badge>\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          <!-- 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', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-edit\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Show/Hide (only for items with names) -->\n          @if (item.name && metadata.isBuiltIn) {\n            @if (metadata.isHidden) {\n              <ax-button-item\n                [text]=\"('@platform-management:menu-management.actions.show.title' | translate | async)!\"\n                (onClick)=\"onAction('show', nodeData); 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]=\"('@platform-management:menu-management.actions.hide.title' | translate | async)!\"\n                (onClick)=\"onAction('hide', nodeData); 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          @if (!item.path && (item.type === 'menu' || !item.type)) {\n            <!-- Add Child -->\n            <ax-button-item\n              [text]=\"('@platform-management:menu-management.actions.add-child.title' | translate | async)!\"\n              (onClick)=\"onAction('add-child', nodeData); panel.close()\"\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-plus\"></i>\n              </ax-prefix>\n            </ax-button-item>\n          }\n\n          <!-- Delete (only for custom items with names) -->\n          @if (item.name && metadata.isCustom) {\n            <ax-divider></ax-divider>\n            <ax-button-item\n              [color]=\"'danger'\"\n              [text]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"onAction('delete', nodeData); 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              {{ '@platform-management:menu-management.messages.info.no-name' | translate | async }}\n            </div>\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n</ng-template>\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__tree{display:flex;flex-direction:column;gap:.5rem}.axm-menu-list-page .axm-menu-tree-item__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:1rem;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-list-page .axm-menu-tree-item__wrapper: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-list-page .axm-menu-tree-item__wrapper--hidden{opacity:.5}.axm-menu-list-page .axm-menu-tree-item__wrapper--custom{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))}.axm-menu-list-page .axm-menu-tree-item__wrapper--group{padding-top:.75rem;padding-bottom:.75rem}.axm-menu-list-page .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-list-page .axm-menu-tree-item__text{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500}.axm-menu-list-page .axm-menu-tree-item__group,.axm-menu-list-page .axm-menu-tree-item__divider,.axm-menu-list-page .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-list-page .axm-menu-tree-item__divider i,.axm-menu-list-page .axm-menu-tree-item__path i{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.axm-menu-list-page .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;user-select:all}.axm-menu-list-page .axm-menu-tree-item__actions{margin-left:.5rem}\n"] }]
         }], propDecorators: { tree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTreeViewComponent), { isSignal: true }] }] } });
 
 export { AXMMenuListComponent };
-//# sourceMappingURL=acorex-modules-platform-management-menu-list.component-DeS8hSoB.mjs.map
+//# sourceMappingURL=acorex-modules-platform-management-menu-list.component-zjY38r5l.mjs.map