@acorex-platform/module-organization-management-client 0.0.32 → 0.0.37

package/fesm2022/{acorex-platform-module-organization-management-client-org-chart.page-CMd5nTa7.mjs → acorex-platform-module-organization-management-client-org-chart.page-BhXvP2qN.mjs}

@@ -28,7 +28,7 @@ import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import set from 'lodash-es/set';
 import { getOrgChartMergedBusinessUnitId, RootConfig, AXM_ORG_CHART_STRUCTURE_SCHEMA_VERSION, AXPOrganizationManagementSettings, AXMOrganizationManagementCommandKeys } from '@acorex-platform/module-organization-management-client/contracts';
-import { A as AXMOrgChartNodeType, a as AXM_ORG_CHART_NODE_CONTRIBUTOR, n as normalizeVacantLeafSeatsSetting, p as parseOrgChartMode, b as AXMOrgChartStructureRefreshHub, c as AXMOrgChartCategory, d as AXM_ORG_CHART_EMPLOYEE_SUBMENU_GROUP_ID } from './acorex-platform-module-organization-management-client-acorex-platform-module-organization-management-client-UGWNdPxI.mjs';
+import { A as AXMOrgChartNodeType, a as AXM_ORG_CHART_NODE_CONTRIBUTOR, n as normalizeVacantLeafSeatsSetting, p as parseOrgChartMode, b as AXMOrgChartStructureRefreshHub, c as AXMOrgChartCategory, d as AXM_ORG_CHART_EMPLOYEE_SUBMENU_GROUP_ID } from './acorex-platform-module-organization-management-client-acorex-platform-module-organization-management-client-ZM6X7IDO.mjs';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import { AXPExportService, AXPSettingsService } from '@acorex-platform/framework-client/common';
 import { AXPEntityRuntimeAccessorService, AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
@@ -90,7 +90,7 @@ class AXMOrgChartBusinessUnitNodeComponent {
         return this.getColorKey();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartBusinessUnitNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartBusinessUnitNodeComponent, isStandalone: true, selector: "axm-org-chart-business-unit-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-unit') {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--business-unit\"\n      [class.axm-org-chart-card--vacant]=\"\n        !!data().metadata?.['unitHead']?.['vacant']\n      \"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(resolveNodeColorToken())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n          @if (data().metadata?.['unitHead']; as unitHead) {\n            <section class=\"axm-org-chart-card__person\">\n              <div class=\"axm-org-chart-card__person-label\">\n                {{ host.chartML.buHead | translate | async }}\n              </div>\n              <div class=\"axm-org-chart-card__person-row\">\n                <axp-avatar\n                  [fullName]=\"unitHead['employeeName'] ?? ''\"\n                  [placeholder]=\"\n                    unitHead['vacant'] || !unitHead['employeeName']\n                  \"\n                  [size]=\"44\"\n                />\n                <div class=\"axm-org-chart-card__person-text\">\n                  @if (unitHead['vacant'] || !unitHead['employeeName']) {\n                    <span class=\"axm-org-chart-card__person-vacant\">{{\n                      host.chartML.vacant | translate | async\n                    }}</span>\n                  } @else {\n                    <span class=\"axm-org-chart-card__person-name\">{{\n                      unitHead['employeeName']\n                    }}</span>\n                  }\n                  @if (unitHead['positionTitle']) {\n                    <span class=\"axm-org-chart-card__person-role\">{{\n                      unitHead['positionTitle'] | translate | async\n                    }}</span>\n                  }\n                </div>\n              </div>\n            </section>\n          }\n        </div>\n        @if (unitFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of unitFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--business-unit\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(resolveNodeColorToken())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ 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: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartBusinessUnitNodeComponent, isStandalone: true, selector: "axm-org-chart-business-unit-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-unit') {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--business-unit\"\n      [class.axm-org-chart-card--vacant]=\"\n        !!data().metadata?.['unitHead']?.['vacant']\n      \"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(resolveNodeColorToken())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n          @if (data().metadata?.['unitHead']; as unitHead) {\n            <section class=\"axm-org-chart-card__person\">\n              <div class=\"axm-org-chart-card__person-label\">\n                {{ host.chartML.buHead | translate | async }}\n              </div>\n              <div class=\"axm-org-chart-card__person-row\">\n                <axp-avatar\n                  [fullName]=\"unitHead['employeeName'] ?? ''\"\n                  [placeholder]=\"\n                    unitHead['vacant'] || !unitHead['employeeName']\n                  \"\n                  [size]=\"44\"\n                />\n                <div class=\"axm-org-chart-card__person-text\">\n                  @if (unitHead['vacant'] || !unitHead['employeeName']) {\n                    <span class=\"axm-org-chart-card__person-vacant\">{{\n                      host.chartML.vacant | translate | async\n                    }}</span>\n                  } @else {\n                    <span class=\"axm-org-chart-card__person-name\">{{\n                      unitHead['employeeName']\n                    }}</span>\n                  }\n                  @if (unitHead['positionTitle']) {\n                    <span class=\"axm-org-chart-card__person-role\">{{\n                      unitHead['positionTitle'] | translate | async\n                    }}</span>\n                  }\n                </div>\n              </div>\n            </section>\n          }\n        </div>\n        @if (unitFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of unitFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--business-unit\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(resolveNodeColorToken())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartBusinessUnitNodeComponent, decorators: [{
             type: Component,
@@ -135,7 +135,7 @@ class AXMOrgChartCompanyNodeComponent {
         ...(ngDevMode ? [{ debugName: "companyFooterMetrics" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartCompanyNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartCompanyNodeComponent, isStandalone: true, selector: "axm-org-chart-company-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-executive') {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--company\"\n      [class.axm-org-chart-card--vacant]=\"\n        !!data().metadata?.['topRole']?.['vacant']\n      \"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('primary')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n          @if (data().metadata?.['topRole']; as topRole) {\n            <section class=\"axm-org-chart-card__person\">\n              <div class=\"axm-org-chart-card__person-label\">\n                {{ host.chartML.chiefExecutive | translate | async }}\n              </div>\n              <div class=\"axm-org-chart-card__person-row\">\n                <axp-avatar\n                  [fullName]=\"topRole['employeeName'] ?? ''\"\n                  [placeholder]=\"topRole['vacant'] || !topRole['employeeName']\"\n                  [size]=\"44\"\n                />\n                <div class=\"axm-org-chart-card__person-text\">\n                  @if (topRole['vacant'] || !topRole['employeeName']) {\n                    <span class=\"axm-org-chart-card__person-vacant\">{{\n                      host.chartML.vacant | translate | async\n                    }}</span>\n                  } @else {\n                    <span class=\"axm-org-chart-card__person-name\">{{\n                      topRole['employeeName']\n                    }}</span>\n                  }\n                  @if (topRole['positionTitle']) {\n                    <span class=\"axm-org-chart-card__person-role\">{{\n                      topRole['positionTitle'] | translate | async\n                    }}</span>\n                  }\n                </div>\n              </div>\n            </section>\n          }\n        </div>\n        @if (companyFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of companyFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--company\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('primary')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ 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: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartCompanyNodeComponent, isStandalone: true, selector: "axm-org-chart-company-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-executive') {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--company\"\n      [class.axm-org-chart-card--vacant]=\"\n        !!data().metadata?.['topRole']?.['vacant']\n      \"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('primary')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n          @if (data().metadata?.['topRole']; as topRole) {\n            <section class=\"axm-org-chart-card__person\">\n              <div class=\"axm-org-chart-card__person-label\">\n                {{ host.chartML.chiefExecutive | translate | async }}\n              </div>\n              <div class=\"axm-org-chart-card__person-row\">\n                <axp-avatar\n                  [fullName]=\"topRole['employeeName'] ?? ''\"\n                  [placeholder]=\"topRole['vacant'] || !topRole['employeeName']\"\n                  [size]=\"44\"\n                />\n                <div class=\"axm-org-chart-card__person-text\">\n                  @if (topRole['vacant'] || !topRole['employeeName']) {\n                    <span class=\"axm-org-chart-card__person-vacant\">{{\n                      host.chartML.vacant | translate | async\n                    }}</span>\n                  } @else {\n                    <span class=\"axm-org-chart-card__person-name\">{{\n                      topRole['employeeName']\n                    }}</span>\n                  }\n                  @if (topRole['positionTitle']) {\n                    <span class=\"axm-org-chart-card__person-role\">{{\n                      topRole['positionTitle'] | translate | async\n                    }}</span>\n                  }\n                </div>\n              </div>\n            </section>\n          }\n        </div>\n        @if (companyFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of companyFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-building';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--company\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('primary')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartCompanyNodeComponent, decorators: [{
             type: Component,
@@ -171,7 +171,7 @@ class AXMOrgChartEmployeeNodeComponent {
         return 'accent3';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartEmployeeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartEmployeeNodeComponent, isStandalone: true, selector: "axm-org-chart-employee-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'employee-card') {\n    @let titleText = (data().title | translate | async) ?? '';\n    @let subtitleText =\n      data().subtitle ? ((data().subtitle | translate | async) ?? '') : '';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--employee\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(getColorKey())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--person\"\n          >\n            <axp-avatar\n              [fullName]=\"titleText\"\n              [placeholder]=\"!titleText.trim()\"\n              [size]=\"56\"\n            />\n            <div class=\"axm-org-chart-card__person-text\">\n              @if (titleText.trim()) {\n                <span\n                  class=\"axm-org-chart-card__person-name\"\n                  [title]=\"titleText\"\n                  >{{ titleText }}</span\n                >\n              }\n              @if (subtitleText) {\n                <span class=\"axm-org-chart-card__person-role\">{{\n                  subtitleText\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n        @if (employeeFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of employeeFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-address-card';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--employee\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('surface')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ 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: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartEmployeeNodeComponent, isStandalone: true, selector: "axm-org-chart-employee-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'employee-card') {\n    @let titleText = (data().title | translate | async) ?? '';\n    @let subtitleText =\n      data().subtitle ? ((data().subtitle | translate | async) ?? '') : '';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--employee\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors(getColorKey())\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--person\"\n          >\n            <axp-avatar\n              [fullName]=\"titleText\"\n              [placeholder]=\"!titleText.trim()\"\n              [size]=\"56\"\n            />\n            <div class=\"axm-org-chart-card__person-text\">\n              @if (titleText.trim()) {\n                <span\n                  class=\"axm-org-chart-card__person-name\"\n                  [title]=\"titleText\"\n                  >{{ titleText }}</span\n                >\n              }\n              @if (subtitleText) {\n                <span class=\"axm-org-chart-card__person-role\">{{\n                  subtitleText\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n        @if (employeeFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of employeeFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-address-card';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--employee\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('surface')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartEmployeeNodeComponent, decorators: [{
             type: Component,
@@ -223,7 +223,7 @@ class AXMOrgChartPositionNodeComponent {
         ...(ngDevMode ? [{ debugName: "managerFooterMetrics" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartPositionNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartPositionNodeComponent, isStandalone: true, selector: "axm-org-chart-position-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-manager') {\n    @let leadIcon = 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [class.axm-org-chart-card--vacant]=\"!!data().metadata?.['vacant']\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n            </div>\n          </div>\n          <section class=\"axm-org-chart-card__person\">\n            <div class=\"axm-org-chart-card__person-row\">\n              <axp-avatar\n                [fullName]=\"\n                  data().metadata?.['occupant']?.['displayName'] ?? ''\n                \"\n                [placeholder]=\"\n                  !!data().metadata?.['vacant'] ||\n                  !data().metadata?.['occupant']?.['displayName']\n                \"\n                [size]=\"44\"\n              />\n              <div class=\"axm-org-chart-card__person-text\">\n                @if (\n                  !!data().metadata?.['vacant'] ||\n                  !data().metadata?.['occupant']?.['displayName']\n                ) {\n                  <span class=\"axm-org-chart-card__person-vacant\">{{\n                    host.chartML.vacant | translate | async\n                  }}</span>\n                } @else {\n                  <span class=\"axm-org-chart-card__person-name\">{{\n                    data().metadata?.['occupant']?.['displayName']\n                  }}</span>\n                }\n                @if (\n                  data().description &&\n                  !data().metadata?.['vacant'] &&\n                  data().metadata?.['occupant']?.['displayName']\n                ) {\n                  <span class=\"axm-org-chart-card__person-role\">{{\n                    data().description! | translate | async\n                  }}</span>\n                }\n              </div>\n            </div>\n          </section>\n        </div>\n        @if (managerFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of managerFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else if (data().metadata?.['chartTemplate'] === 'position-ic') {\n    @let leadIcon = data().icon ?? 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [class.axm-org-chart-card--vacant]=\"!!data().metadata?.['vacant']\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              } @else if (data().metadata?.['vacant']) {\n                <span class=\"axm-org-chart-card__subtitle\">{{\n                  host.chartML.vacant | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n        @if (icFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of icFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ 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: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMOrgChartPositionNodeComponent, isStandalone: true, selector: "axm-org-chart-position-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div>\n  @if (data().metadata?.['chartTemplate'] === 'merged-manager') {\n    @let leadIcon = 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [class.axm-org-chart-card--vacant]=\"!!data().metadata?.['vacant']\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle && host.shouldShowOrgCardSubtitle(data())) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n            </div>\n          </div>\n          <section class=\"axm-org-chart-card__person\">\n            <div class=\"axm-org-chart-card__person-row\">\n              <axp-avatar\n                [fullName]=\"\n                  data().metadata?.['occupant']?.['displayName'] ?? ''\n                \"\n                [placeholder]=\"\n                  !!data().metadata?.['vacant'] ||\n                  !data().metadata?.['occupant']?.['displayName']\n                \"\n                [size]=\"44\"\n              />\n              <div class=\"axm-org-chart-card__person-text\">\n                @if (\n                  !!data().metadata?.['vacant'] ||\n                  !data().metadata?.['occupant']?.['displayName']\n                ) {\n                  <span class=\"axm-org-chart-card__person-vacant\">{{\n                    host.chartML.vacant | translate | async\n                  }}</span>\n                } @else {\n                  <span class=\"axm-org-chart-card__person-name\">{{\n                    data().metadata?.['occupant']?.['displayName']\n                  }}</span>\n                }\n                @if (\n                  data().description &&\n                  !data().metadata?.['vacant'] &&\n                  data().metadata?.['occupant']?.['displayName']\n                ) {\n                  <span class=\"axm-org-chart-card__person-role\">{{\n                    data().description! | translate | async\n                  }}</span>\n                }\n              </div>\n            </div>\n          </section>\n        </div>\n        @if (managerFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of managerFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else if (data().metadata?.['chartTemplate'] === 'position-ic') {\n    @let leadIcon = data().icon ?? 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [class.axm-org-chart-card--vacant]=\"!!data().metadata?.['vacant']\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              } @else if (data().metadata?.['vacant']) {\n                <span class=\"axm-org-chart-card__subtitle\">{{\n                  host.chartML.vacant | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n        @if (icFooterMetrics().length > 0) {\n          <div class=\"axm-org-chart-card__footer\">\n            @for (m of icFooterMetrics(); track $index) {\n              <div class=\"axm-org-chart-card__metric\">\n                <i\n                  [class]=\"\n                    'fa-light fa-fw axm-org-chart-card__metric-icon ' + m.icon\n                  \"\n                ></i>\n                <div class=\"axm-org-chart-card__metric-col\">\n                  <span class=\"axm-org-chart-card__metric-value\">{{\n                    m.value\n                  }}</span>\n                  <span\n                    class=\"axm-org-chart-card__metric-title\"\n                    [title]=\"(m.title | translate | async) ?? ''\"\n                    >{{ m.title | translate | async }}</span\n                  >\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  } @else {\n    @let leadIcon = data().icon ?? 'fa-user-tie';\n    <div\n      #node\n      class=\"--node-container --merged-card axm-org-chart-card axm-org-chart-card--position\"\n      [attr.data-chart-node-id]=\"data().id\"\n      [class.--selected]=\"host.isNodeSelected(data())\"\n      [style]=\"host.getNodeColors('accent3')\"\n      (click)=\"host.selectNode(data())\"\n      (contextmenu)=\"host.selectNode(data())\"\n    >\n      <div class=\"--container\">\n        <div class=\"axm-org-chart-card__accent\" aria-hidden=\"true\"></div>\n        <div class=\"axm-org-chart-card__body\">\n          <div\n            class=\"axm-org-chart-card__header axm-org-chart-card__header--org\"\n          >\n            <div class=\"axm-org-chart-card__leading-icon\">\n              <i [class]=\"'fa-light fa-xl fa-fw ' + leadIcon\"></i>\n            </div>\n            <div class=\"axm-org-chart-card__title-block\">\n              <span\n                class=\"axm-org-chart-card__title\"\n                [title]=\"(data().title | translate | async) ?? ''\"\n                >{{ data().title | translate | async }}</span\n              >\n              @if (data().subtitle) {\n                <span\n                  class=\"axm-org-chart-card__subtitle\"\n                  [title]=\"(data().subtitle! | translate | async) ?? ''\"\n                  >{{ data().subtitle! | translate | async }}</span\n                >\n              }\n              @if (data().description) {\n                <span class=\"axm-org-chart-card__desc\">{{\n                  data().description | translate | async\n                }}</span>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      @if (data().children && data().children!.length > 0) {\n        <div class=\"--toggle\">\n          <ax-button class=\"ax-xs rounded-sm\" (onClick)=\"host.toggleNode(data(), node)\">\n            <ax-icon\n              icon=\"fa-solid\"\n              [class]=\"data().isExpanded === false ? 'fa-chevron-down' : 'fa-chevron-up'\"\n            ></ax-icon>\n          </ax-button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOrgChartPositionNodeComponent, decorators: [{
             type: Component,
@@ -3702,7 +3702,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
             { provide: AXM_ORG_CHART_HOST, useExisting: AXMOrgChartPage },
         ], viewQueries: [{ propertyName: "treeContainer", first: true, predicate: ["chart"], descendants: true, isSignal: true }, { propertyName: "parent", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }, { propertyName: "panView", first: true, predicate: AXPanViewDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <ax-search-box class=\"w-72\" [(ngModel)]=\"chartSearchQuery\"\n          (onValueChanged)=\"onChartSearchValueChanged($event)\" [placeholder]=\"\n            ('@organization-management:organization-chart.components.chart.search-placeholder' | translate | async) || ''\n          \">\n          <ax-clear-button></ax-clear-button>\n        </ax-search-box>\n        @if (chartService.selectedMode() !== 'reporting') {\n        <div class=\"flex items-center gap-2 flex-shrink-0 whitespace-nowrap\">\n          <span class=\"text-sm\">{{\n            '@organization-management:organization-chart.components.generate-dialog.fields.show-vacant-leaf-seats.label'\n            | translate\n            | async\n            }}</span>\n          <ax-switch [ngModel]=\"chartService.showVacantLeafSeats()\"\n            (onValueChanged)=\"onVacantLeafSeatsChange($event)\"></ax-switch>\n        </div>\n        }\n      </div>\n    </axp-layout-prefix>\n    <axp-layout-suffix>\n      @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"toggleDetailPanel()\">\n        <ax-icon icon=\"{{ isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></ax-icon>\n      </ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n  <axp-page-content class=\"overflow-hidden flex flex-col\">\n    <div class=\"flex flex-row gap-4 flex-1 min-h-0 overflow-hidden\" #parent id=\"parent\">\n      <div class=\"flex-1 min-w-0 min-h-0 overflow-hidden relative ax-light\">\n        <div #chart axPanView [(panX)]=\"panX\" [(panY)]=\"panY\" [freeMode]=\"true\" [(zoom)]=\"panZoomLevel\"\n          [fitContent]=\"true\" wrapperClasses=\"h\" class=\"ax-light\" (contextmenu)=\"onOrgChartSurfaceContextMenu($event)\">\n        </div>\n        <axp-layout-floating-zoom-bar\n          [zoomLevel]=\"panZoomLevel()\"\n          (zoomIn)=\"zoomIn()\"\n          (zoomOut)=\"zoomOut()\"\n          (zoomReset)=\"zoomReset()\"\n        />\n        <ax-context-menu [orientation]=\"'vertical'\" [closeOn]=\"'leave'\"\n          (onItemClick)=\"handleContextMenuItemClick($event)\">\n        </ax-context-menu>\n      </div>\n      @if (isDetailPanelOpen() && deviceService.isLarge()) {\n      <axp-layout-side-detail-panel\n        class=\"sticky top-0 z-10 max-h-full flex-none\"\n        [header]=\"detailPanelHeader()\"\n        [sections]=\"detailPanelSections()\"\n        [emptyState]=\"detailPanelEmptyState()\"\n        [noRowsMessage]=\"detailPanelNoRowsMessage()\"\n        (panelClose)=\"toggleDetailPanel()\"\n      />\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>", styles: ["@layer properties;foreignObject.axp-chart-node{overflow:visible}.axp-chart-links path.link{pointer-events:none}.axp-chart-node{display:flex;align-items:center;justify-content:center}.axp-chart-node .--node-container{position:relative;cursor:pointer;--node-bg-color: var(--ax-sys-color-primary-surface);--node-text-color: var(--ax-sys-color-on-primary-surface);--node-border-color: var(--ax-sys-color-border-primary-surface)}.axp-chart-node .--node-container.--merged-card{box-sizing:border-box;width:100%;max-width:100%}.axp-chart-node .--node-container.--merged-card .--container{width:100%;min-width:0px}.axp-chart-node .--node-container.--selected .--container{border-style:var(--tw-border-style);border-width:2px;--tw-border-style: dashed;border-style:dashed;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-chart-node .--node-container.--search-hit .--container{box-shadow:0 0 0 2px rgb(var(--ax-sys-color-warning-500)),0 0 12px rgb(var(--ax-sys-color-warning-500))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.--search-hit .--container{box-shadow:0 0 0 2px rgb(var(--ax-sys-color-warning-500)),0 0 12px color-mix(in srgb,rgb(var(--ax-sys-color-warning-500)) 35%,transparent)}}.axp-chart-node .--node-container .--container{display:flex;max-height:100%;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:rgba(var(--node-border-color))}.axp-chart-node .--node-container .--toggle{position:absolute;right:0;bottom:calc(var(--spacing, .25rem) * -3);left:0;display:flex;width:100%;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axp-chart-node .--node-container.axm-org-chart-card{border-radius:var(--radius-2xl, 1rem);--oc-body-mix: 18%;--oc-ring-1: rgb(var(--node-bg-color));--oc-ring-2: transparent;--oc-ring-3: transparent;border:1px solid rgb(var(--node-bg-color));box-shadow:0 1px 2px #00000008,0 4px 12px #0000000d,0 14px 28px -16px #0000000f,0 0 18px var(--oc-ring-1),0 0 10px var(--oc-ring-2),0 0 14px var(--oc-ring-3),inset 0 1px #fffc}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card{--oc-ring-1: color-mix(in srgb, rgb(var(--node-bg-color)) 5%, transparent)}}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card{border:1px solid color-mix(in srgb,rgb(var(--node-bg-color)) 12%,transparent)}}.axp-chart-node .--node-container.axm-org-chart-card.axm-org-chart-card--vacant{border-width:2px;border-style:dashed;border-color:rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.axm-org-chart-card--vacant{border-color:color-mix(in srgb,rgb(var(--node-bg-color)) 50%,rgb(var(--ax-sys-color-border-primary-surface)))}}.dark :is(.axp-chart-node .--node-container.axm-org-chart-card.axm-org-chart-card--vacant){border-color:rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.dark :is(.axp-chart-node .--node-container.axm-org-chart-card.axm-org-chart-card--vacant){border-color:color-mix(in srgb,rgb(var(--node-bg-color)) 58%,rgb(var(--ax-sys-color-border-primary-surface)))}}.dark :is(.axp-chart-node .--node-container.axm-org-chart-card){border-color:rgb(var(--node-bg-color));box-shadow:0 1px 2px #00000038,0 6px 18px #00000042,0 16px 36px -18px #0000004d,0 0 18px var(--oc-ring-1),0 0 10px var(--oc-ring-2),0 0 14px var(--oc-ring-3)}@supports (color: color-mix(in lab,red,red)){.dark :is(.axp-chart-node .--node-container.axm-org-chart-card){border-color:color-mix(in srgb,rgb(var(--node-bg-color)) 22%,rgb(var(--ax-sys-color-border-primary-surface)))}}.axp-chart-node .--node-container.axm-org-chart-card.--selected:not(.--search-hit){--oc-ring-1: rgb(var(--node-bg-color));--oc-ring-2: rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--selected:not(.--search-hit){--oc-ring-1: color-mix(in srgb, rgb(var(--node-bg-color)) 32%, transparent)}}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--selected:not(.--search-hit){--oc-ring-2: color-mix(in srgb, rgb(var(--node-bg-color)) 22%, transparent)}}.axp-chart-node .--node-container.axm-org-chart-card.--search-hit:not(.--selected){--oc-ring-1: rgb(var(--ax-sys-color-warning-500));--oc-ring-2: rgb(var(--ax-sys-color-warning-500))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--search-hit:not(.--selected){--oc-ring-1: color-mix(in srgb, rgb(var(--ax-sys-color-warning-500)) 30%, transparent)}}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--search-hit:not(.--selected){--oc-ring-2: color-mix(in srgb, rgb(var(--ax-sys-color-warning-500)) 20%, transparent)}}.axp-chart-node .--node-container.axm-org-chart-card.--selected.--search-hit{--oc-ring-1: rgb(var(--ax-sys-color-warning-500));--oc-ring-2: rgb(var(--ax-sys-color-warning-500));--oc-ring-3: rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--selected.--search-hit{--oc-ring-1: color-mix(in srgb, rgb(var(--ax-sys-color-warning-500)) 28%, transparent)}}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--selected.--search-hit{--oc-ring-2: color-mix(in srgb, rgb(var(--ax-sys-color-warning-500)) 18%, transparent)}}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card.--selected.--search-hit{--oc-ring-3: color-mix(in srgb, rgb(var(--node-bg-color)) 24%, transparent)}}.axp-chart-node .--node-container.axm-org-chart-card .--container{overflow:hidden;border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:0px;border-style:none;box-shadow:none}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__accent{width:100%;flex:none;height:6px;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-left-radius:1.5rem;border-bottom-right-radius:0;background:linear-gradient(90deg,rgb(var(--node-bg-color)) 0% 50%,rgb(var(--node-bg-color)))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__accent{background:linear-gradient(90deg,color-mix(in srgb,rgb(var(--node-bg-color)) 70%,white),rgb(var(--node-bg-color)),color-mix(in srgb,rgb(var(--node-bg-color)) 88%,black))}}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body{position:relative;display:flex;width:100%;min-width:0px;flex-direction:column;overflow:hidden;color:rgba(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));background-image:radial-gradient(ellipse 130% 75% at 105% -5%,rgb(var(--node-bg-color)) 0% 55%,rgb(var(--node-bg-color)))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body{background-image:radial-gradient(ellipse 130% 75% at 105% -5%,color-mix(in srgb,rgb(var(--node-bg-color)) var(--oc-body-mix),rgb(var(--ax-sys-color-lightest-surface))),color-mix(in srgb,rgb(var(--node-bg-color)) 6%,rgb(var(--ax-sys-color-lightest-surface))) 55%,color-mix(in srgb,rgb(var(--node-bg-color)) 2%,rgb(var(--ax-sys-color-lightest-surface))))}}.dark :is(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body){color:rgba(var(--ax-sys-color-on-lighter-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));background-image:radial-gradient(ellipse 130% 75% at 105% -5%,rgb(var(--node-bg-color)) 0% 55%,rgb(var(--node-bg-color)))}@supports (color: color-mix(in lab,red,red)){.dark :is(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body){background-image:radial-gradient(ellipse 130% 75% at 105% -5%,color-mix(in srgb,rgb(var(--node-bg-color)) var(--oc-body-mix),rgb(var(--ax-sys-color-lighter-surface))),color-mix(in srgb,rgb(var(--node-bg-color)) 6%,rgb(var(--ax-sys-color-lighter-surface))) 55%,color-mix(in srgb,rgb(var(--node-bg-color)) 2%,rgb(var(--ax-sys-color-lighter-surface))))}}.axp-chart-node .--node-container.axm-org-chart-card.axm-org-chart-card--employee .axm-org-chart-card__header--person .axm-org-chart-card__person-name{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__header--org{display:flex;min-width:0px;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 4)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__header--person{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 4)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__leading-icon{display:flex;width:calc(var(--spacing, .25rem) * 12);height:calc(var(--spacing, .25rem) * 12);flex:none;align-items:center;justify-content:center;border-radius:var(--radius-xl, .75rem);color:rgb(var(--node-bg-color));background-color:rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__leading-icon{background-color:color-mix(in srgb,rgb(var(--node-bg-color)) 16%,white)}}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__title-block{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:90%;color:rgba(var(--ax-sys-color-on-surface-variant))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:85%;color:rgba(var(--ax-sys-color-on-surface-variant))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person{border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 4)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-label{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:rgb(var(--node-bg-color))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-row{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 4)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:rgba(var(--ax-sys-color-on-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface-variant))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-vacant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--node-bg-color))}@supports (color: color-mix(in lab,red,red)){.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__person-vacant{color:color-mix(in srgb,rgb(var(--node-bg-color)) 72%,rgb(var(--ax-sys-color-on-surface-variant)))}}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer{display:flex;flex-direction:row;align-items:stretch;justify-content:center;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border-default);min-height:calc(var(--spacing, .25rem) * 14)}.dark :is(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer){border-top-color:var(--color-border-darkest)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric{display:flex;flex:1;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 4)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric+.axm-org-chart-card__metric{border-inline-start-width:1px;border-inline-start-style:solid;border-inline-start-color:var(--color-border-default)}.dark :is(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric+.axm-org-chart-card__metric){border-inline-start-color:var(--color-border-darkest)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric-icon{flex:none;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));opacity:95%;color:rgb(var(--node-bg-color))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric-col{display:flex;min-width:0px;flex:none;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric-value{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__metric-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);opacity:75%;color:rgba(var(--ax-sys-color-on-surface-variant))}#parent:fullscreen{background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
-                AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { 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: AXDropdownButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: AXPanViewDirective, selector: "[axPanView]", inputs: ["zoomStep", "minZoom", "maxZoom", "freeMode", "fitContent", "disablePan", "disableZoom", "wrapperClasses", "panX", "panY", "zoom"], outputs: ["panXChange", "panYChange", "zoomChange", "positionChange"], exportAs: ["axPanView"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i7.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: 
+                AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: AXPanViewDirective, selector: "[axPanView]", inputs: ["zoomStep", "minZoom", "maxZoom", "freeMode", "fitContent", "disablePan", "disableZoom", "wrapperClasses", "panX", "panY", "zoom"], outputs: ["panXChange", "panYChange", "zoomChange", "positionChange"], exportAs: ["axPanView"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i7.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { 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: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPLayoutFloatingZoomBarComponent, selector: "axp-layout-floating-zoom-bar", inputs: ["zoomLevel"], outputs: ["zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -3741,4 +3741,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], ctorParameters: () => [], propDecorators: { treeContainer: [{ type: i0.ViewChild, args: ['chart', { isSignal: true }] }], parent: [{ type: i0.ViewChild, args: ['parent', { isSignal: true }] }], contextMenu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXContextMenuComponent), { isSignal: true }] }], panView: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPanViewDirective), { isSignal: true }] }] } });
 
 export { AXMOrgChartPage };
-//# sourceMappingURL=acorex-platform-module-organization-management-client-org-chart.page-CMd5nTa7.mjs.map
+//# sourceMappingURL=acorex-platform-module-organization-management-client-org-chart.page-BhXvP2qN.mjs.map