@acorex/modules 21.0.0-beta.7 → 21.0.0-beta.9

package/fesm2022/{acorex-modules-organization-management-org-chart.page-Rh8xmXaj.mjs → acorex-modules-organization-management-org-chart.page-Cs-wTPS-.mjs}

@@ -26,7 +26,7 @@ import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import set from 'lodash-es/set';
-import { A as AXM_ORG_CHART_HOST, a as AXMOrgChartNodeType, b as AXM_ORG_CHART_NODE_CONTRIBUTOR, R as RootConfig, n as normalizeVacantLeafSeatsSetting, c as AXPOrganizationManagementSettings, p as parseOrgChartMode, d as AXMOrgChartStructureRefreshHub, e as AXMOrgChartCategory, f as AXMOrgChartDetailPanelComponent } from './acorex-modules-organization-management-acorex-modules-organization-management-BDnIsf2j.mjs';
+import { A as AXM_ORG_CHART_HOST, a as AXMOrgChartNodeType, b as AXM_ORG_CHART_NODE_CONTRIBUTOR, R as RootConfig, n as normalizeVacantLeafSeatsSetting, c as AXPOrganizationManagementSettings, p as parseOrgChartMode, d as AXMOrgChartStructureRefreshHub, e as AXMOrgChartCategory, f as AXM_ORG_CHART_EMPLOYEE_SUBMENU_GROUP_ID, g as AXMOrgChartDetailPanelComponent } from './acorex-modules-organization-management-acorex-modules-organization-management-aord1Uv0.mjs';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import { AXPExportService, AXPSettingsService } from '@acorex/platform/common';
 import { AXPEntityService } from '@acorex/platform/layout/entity';
@@ -246,13 +246,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 //#region ---- Service ----
 class AXMOrgChartNodeContributionService {
     constructor() {
-        this.contributors = inject(AXM_ORG_CHART_NODE_CONTRIBUTOR, { optional: true }) ?? [];
+        /** `inject` typings for this multi-token omit the array wrapper; runtime value is always `T[]`. */
+        this.contributorSlots = inject(AXM_ORG_CHART_NODE_CONTRIBUTOR, { optional: true }) ?? [];
+    }
+    /**
+     * Resolves eager contributors and lazy `provideLazyProvider` slots (factory returns a Promise).
+     */
+    async resolveContributors() {
+        return Promise.all(this.contributorSlots.map((slot) => Promise.resolve(slot)));
     }
     /**
      * Collects and sorts menu actions contributed by all providers for the current node context.
      */
     async getMenuActions(context) {
-        const buckets = await Promise.all(this.contributors.map((provider) => provider.getMenuActions(context)));
+        const contributors = await this.resolveContributors();
+        const buckets = await Promise.all(contributors.map((provider) => provider.getMenuActions(context)));
         return buckets
             .flat()
             .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER));
@@ -262,7 +270,8 @@ class AXMOrgChartNodeContributionService {
      * This is used by the upcoming node detail drawer.
      */
     async getInfoContributions(context) {
-        const buckets = await Promise.all(this.contributors.map((provider) => provider.getInfoContributions?.(context) ?? Promise.resolve([])));
+        const contributors = await this.resolveContributors();
+        const buckets = await Promise.all(contributors.map((provider) => provider.getInfoContributions?.(context) ?? Promise.resolve([])));
         return buckets
             .flat()
             .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER));
@@ -529,7 +538,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         this.LINK_STROKE_WIDTH = 1;
         /**
          * SVG `foreignObject` viewport and tree layout spacing.
-         * Keep card `min-width` in `org-chart.page.css` aligned with {@link chartNodeWidth}.
+         * Keep card `min-width` in `org-chart.page.scss` aligned with {@link chartNodeWidth}.
          */
         this.chartNodeWidth = 360;
         this.chartNodeHeight = 280;
@@ -618,6 +627,14 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
     toggleDetailPanel() {
         this.isDetailPanelOpen.update((open) => !open);
     }
+    /**
+     * Expands or collapses a node's branch and redraws the chart.
+     */
+    setNodeBranchExpanded(data, expanded) {
+        data.isExpanded = expanded;
+        this.selectNode(data);
+        this.redrawChart();
+    }
     //#endregion
     //#region ---- Pan & Fullscreen ----
     /**
@@ -850,9 +867,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                     node.children = undefined;
                 }
             });
-            const treeLayout = this.d3
-                .tree()
-                .nodeSize([nw + hGap, nh + vGap]);
+            const treeLayout = this.d3.tree().nodeSize([nw + hGap, nh + vGap]);
             treeLayout(root);
             let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
             root.descendants().forEach((d) => {
@@ -1082,6 +1097,62 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         }
         await this.openOrgChartContextMenuAt(clientX, clientY, node, targetElement);
     }
+    /**
+     * Turns carry {@link AXMOrgChartContextMenuItem.orgChartBreakBefore} into `AXMenuItem.break` on the **previous**
+     * sibling at the same level. Recurses into nested flyouts, then removes `orgChartBreakBefore`.
+     */
+    materializeOrgChartMenuBreaks(items) {
+        if (items.length === 0) {
+            return;
+        }
+        for (const entry of items) {
+            if (entry.items != null && entry.items.length > 0) {
+                this.materializeOrgChartMenuBreaks(entry.items);
+            }
+        }
+        for (let i = 0; i < items.length; i++) {
+            if (items[i].orgChartBreakBefore === true && i > 0) {
+                items[i - 1].break = true;
+            }
+            delete items[i].orgChartBreakBefore;
+        }
+    }
+    /**
+     * Removes a trailing `break` on the last row at each nesting level so the menu does not show a divider after the final item.
+     * Recursive for nested flyouts.
+     */
+    normalizeOrgChartContextMenuBreaks(items) {
+        if (items.length === 0) {
+            return;
+        }
+        for (const entry of items) {
+            if (entry.items != null && entry.items.length > 0) {
+                this.normalizeOrgChartContextMenuBreaks(entry.items);
+            }
+        }
+        const last = items[items.length - 1];
+        if (last.break === true) {
+            last.break = false;
+        }
+    }
+    /**
+     * Whether this action renders `AXMenuItem.break` after its **row**: `break` `after` / `both`, and
+     * {@link AXMOrgChartNodeMenuAction.submenuSectionBreak} (separator after this row at any nesting level, including
+     * root when the Employee flyout is flattened on employee cards).
+     */
+    menuActionRowBreakAfter(action) {
+        const b = action.break;
+        const hasAfter = b === 'after' || b === 'both';
+        return action.submenuSectionBreak === true || hasAfter;
+    }
+    /** `break` `before` / `both` for carry / bucket (not for inner-only submenuSectionBreak). */
+    menuActionHasBreakBefore(action) {
+        return action.break === 'before' || action.break === 'both';
+    }
+    /** `after` / `both` for grouped parent bucket trailing separator. */
+    menuActionContributesGroupBreakAfter(action) {
+        return action.break === 'after' || action.break === 'both';
+    }
     /**
      * Loads actions, assigns menu structures, then opens the context menu with a pre-filled opening event (`items`
      * must be populated before {@link AXContextMenuComponent.showAt}: async `onOpening` alone loses the assignment).
@@ -1113,8 +1184,20 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                     items: addFlyoutActions.map((action) => this.buildContextMenuLeafItem(action)),
                 });
             }
-            items.push(...this.buildGroupedNonAddContextMenuItems(otherActions));
+            const nonAddMenuActions = context.nodeKind === 'employee'
+                ? otherActions.map((action) => action.submenuGroupId === AXM_ORG_CHART_EMPLOYEE_SUBMENU_GROUP_ID
+                    ? {
+                        ...action,
+                        submenuGroupId: undefined,
+                        submenuGroupTitle: undefined,
+                        submenuGroupIcon: undefined,
+                    }
+                    : action)
+                : otherActions;
+            items.push(...this.buildGroupedNonAddContextMenuItems(nonAddMenuActions));
         }
+        this.materializeOrgChartMenuBreaks(items);
+        this.normalizeOrgChartContextMenuBreaks(items);
         const menu = this.contextMenu();
         if (!menu) {
             return;
@@ -1124,7 +1207,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                 sender: menu,
                 canceled: false,
                 targetElement,
-                items,
+                items: items,
             };
             menu.showAt({ x: clientX, y: clientY }, targetElement, openingEvent);
         });
@@ -1149,13 +1232,17 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                     icon: action.submenuGroupIcon,
                     actions: [],
                     breakAfter: false,
+                    breakBefore: false,
                 };
                 groups.set(gid, bucket);
             }
             bucket.actions.push(action);
-            if (action.break === true) {
+            if (this.menuActionContributesGroupBreakAfter(action)) {
                 bucket.breakAfter = true;
             }
+            if (this.menuActionHasBreakBefore(action)) {
+                bucket.breakBefore = true;
+            }
             if (!bucket.icon && action.submenuGroupIcon) {
                 bucket.icon = action.submenuGroupIcon;
             }
@@ -1189,12 +1276,8 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                 continue;
             }
             const sortedMembers = [...bucket.actions].sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER));
-            if (sortedMembers.length === 1) {
-                const only = sortedMembers[0];
-                items.push(this.buildContextMenuLeafItem({
-                    ...only,
-                    break: bucket.breakAfter ? true : only.break,
-                }));
+            if (sortedMembers.length === 1 && entry.groupId !== AXM_ORG_CHART_EMPLOYEE_SUBMENU_GROUP_ID) {
+                items.push(this.buildContextMenuLeafItem(sortedMembers[0]));
                 continue;
             }
             items.push({
@@ -1202,10 +1285,8 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                 text: bucket.title,
                 icon: bucket.icon ?? 'fa-light fa-comments',
                 break: bucket.breakAfter,
-                items: sortedMembers.map((action) => this.buildContextMenuLeafItem({
-                    ...action,
-                    break: action.submenuSectionBreak === true,
-                })),
+                orgChartBreakBefore: bucket.breakBefore === true,
+                items: sortedMembers.map((action) => this.buildContextMenuLeafItem(action)),
             });
         }
         return items;
@@ -1218,7 +1299,8 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
             icon: action.icon,
             color: action.color,
             disabled: action.disabled,
-            break: action.break,
+            break: this.menuActionRowBreakAfter(action),
+            orgChartBreakBefore: this.menuActionHasBreakBefore(action),
         };
     }
     async handleContextMenuItemClick(e) {
@@ -1247,9 +1329,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         }
         nativeEvent.preventDefault();
         nativeEvent.stopPropagation();
-        const fromCurrent = nativeEvent.currentTarget instanceof HTMLElement
-            ? nativeEvent.currentTarget.closest('.--node-container')
-            : null;
+        const fromCurrent = nativeEvent.currentTarget instanceof HTMLElement ? nativeEvent.currentTarget.closest('.--node-container') : null;
         const fromTarget = nativeEvent.target instanceof HTMLElement ? nativeEvent.target.closest('.--node-container') : null;
         const fromPoint = document.elementFromPoint(nativeEvent.clientX, nativeEvent.clientY);
         const anchor = (fromCurrent ?? fromTarget ?? fromPoint);
@@ -1317,6 +1397,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                 await this.refresh();
                 this.recompute();
             },
+            host: this,
         };
     }
     resolveNodeKind(node) {
@@ -1410,7 +1491,10 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         const template = md['chartTemplate'];
         if (template === 'merged-unit') {
             const uh = md['unitHead'];
-            if (uh && uh['vacant'] !== true && typeof uh['employeeName'] === 'string' && uh['employeeName'].trim().length > 0) {
+            if (uh &&
+                uh['vacant'] !== true &&
+                typeof uh['employeeName'] === 'string' &&
+                uh['employeeName'].trim().length > 0) {
                 return false;
             }
         }
@@ -1429,8 +1513,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
     //#endregion
     //#region ---- Node Card Data ----
     getSubtreeRosterCounts(data) {
-        if (data.type === AXMOrgChartNodeType.Position &&
-            data.metadata?.['chartTemplate'] === 'position-ic') {
+        if (data.type === AXMOrgChartNodeType.Position && data.metadata?.['chartTemplate'] === 'position-ic') {
             const stats = data.metadata?.['stats'];
             const subtreePeopleRaw = stats?.['subtreePeople'];
             let people;
@@ -1546,10 +1629,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         if (data.type === AXMOrgChartNodeType.BusinessUnit || data.type === AXMOrgChartNodeType.Company) {
             const unitType = resolveFirst(metadata['unitTypeTitle'], metadata['unitType'], metadata['typeLabel']);
             const location = resolveFirst(metadata['locationName'], metadata['regionName'], metadata['countryName']);
-            const infoCandidates = [
-                createInfo(this.chartML.unitType, unitType),
-                createInfo(this.chartML.location, location),
-            ];
+            const infoCandidates = [createInfo(this.chartML.unitType, unitType), createInfo(this.chartML.location, location)];
             if (teamMembershipCount != null) {
                 infoCandidates.push({ label: this.chartML.teams, value: String(teamMembershipCount) });
             }
@@ -1558,9 +1638,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
         if (data.type === AXMOrgChartNodeType.Position) {
             const vacantIcSeat = metadata['vacant'] === true && metadata['chartTemplate'] === 'position-ic';
             const ouMl = metadata['organizationalUnitTitle'];
-            const ouDisplay = ouMl != null && typeof ouMl === 'object'
-                ? resolveMultiLanguageString(ouMl, this.localeId)
-                : null;
+            const ouDisplay = ouMl != null && typeof ouMl === 'object' ? resolveMultiLanguageString(ouMl, this.localeId) : null;
             const level = resolveFirst(metadata['jobLevelTitle'], metadata['jobLevel'], metadata['grade']);
             const code = resolveFirst(metadata['code'], metadata['positionCode']);
             const capacity = resolveFirst(metadata['capacity']);
@@ -1684,7 +1762,7 @@ class AXMOrgChartPage extends AXPPageLayoutBaseComponent {
                 useExisting: AXMOrgChartPage,
             },
             { 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\n          class=\"w-72\"\n          [(ngModel)]=\"chartSearchQuery\"\n          (onValueChanged)=\"onChartSearchValueChanged($event)\"\n          [placeholder]=\"\n            ('@organization-management:organization-chart.components.chart.search-placeholder' | translate | async) || ''\n          \"\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            >{{\n            '@organization-management:organization-chart.components.generate-dialog.fields.show-vacant-leaf-seats.label'\n            | translate | async }}</span\n          >\n          <ax-switch\n            [ngModel]=\"chartService.showVacantLeafSeats()\"\n            (onValueChanged)=\"onVacantLeafSeatsChange($event)\"\n          ></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\n          #chart\n          axPanView\n          [(panX)]=\"panX\"\n          [(panY)]=\"panY\"\n          [freeMode]=\"true\"\n          [(zoom)]=\"panZoomLevel\"\n          [fitContent]=\"true\"\n          wrapperClasses=\"h\"\n          class=\"ax-light\"\n          (contextmenu)=\"onOrgChartSurfaceContextMenu($event)\"\n        ></div>\n        <div class=\"axm-org-chart-page__floating-zoom\">\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomOut()\">\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm __zoom-value\"\n            [text]=\"zoomPercentageLabel()\"\n            (onClick)=\"zoomReset()\"\n          ></ax-button>\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomIn()\">\n            <ax-icon class=\"fa-solid fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n        <ax-context-menu\n          [orientation]=\"'vertical'\"\n          [closeOn]=\"'leave'\"\n          (onItemClick)=\"handleContextMenuItemClick($event)\"\n        >\n        </ax-context-menu>\n      </div>\n      @if (isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-org-chart-detail-panel\n        class=\"sticky top-0 z-10 max-h-full flex-none\"\n        [node]=\"detailPanelSelectedNode()\"\n        (panelClose)=\"toggleDetailPanel()\"\n      />\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n", 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.--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:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * -3);left:calc(var(--spacing, .25rem) * 0);display:flex;width:100%;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axp-chart-node .--node-container.--merged-card .--container{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.axp-chart-node .--node-container.axm-org-chart-card{border-radius:var(--radius-2xl, 1rem);--oc-body-mix: 18%;--axm-org-chart-card-body-bg: radial-gradient( ellipse 130% 75% at 105% -5%, rgb(var(--node-bg-color)) 0%, rgb(var(--node-bg-color)) 55%, rgb(var(--node-bg-color)) 100% );--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{--axm-org-chart-card-body-bg: 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))) 0%, 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))) 100% )}}@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){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)))}}.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)))}}.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:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);background-color:rgb(var(--ax-sys-color-lightest-surface));background-image:var(--axm-org-chart-card-body-bg, none)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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;justify-content:center;padding-block:calc(var(--spacing, .25rem) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;min-height:calc(var(--spacing, .25rem) * 14)}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){border-color:rgba(var(--ax-sys-color-lightest-surface))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *)>:not(:last-child)){border-color:rgba(var(--ax-sys-color-darkest-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){border-color:rgba(var(--ax-sys-color-darkest-surface))}.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) * 2)}.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:calc(var(--spacing, .25rem) * 0);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))}.axm-org-chart-page__floating-zoom{position:absolute;bottom:calc(var(--spacing, .25rem) * 4);z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);inset-inline-end:1rem;backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px #0000003d,0 2px 8px #00000014,inset 0 1px #ffffffbf}.axm-org-chart-page__floating-zoom .__zoom-button{border-radius:var(--radius-xl, .75rem);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}.axm-org-chart-page__floating-zoom .__zoom-value{min-width:calc(var(--spacing, .25rem) * 16);border-radius:var(--radius-xl, .75rem);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}@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;}@property --tw-divide-x-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@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;--tw-divide-x-reverse: 0}}}\n/*! tailwindcss v4.3.0 | 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: 
+        ], 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\n          class=\"w-72\"\n          [(ngModel)]=\"chartSearchQuery\"\n          (onValueChanged)=\"onChartSearchValueChanged($event)\"\n          [placeholder]=\"\n            ('@organization-management:organization-chart.components.chart.search-placeholder' | translate | async) || ''\n          \"\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 shrink-0 whitespace-nowrap\">\n          <span class=\"text-sm\"\n            >{{\n            '@organization-management:organization-chart.components.generate-dialog.fields.show-vacant-leaf-seats.label'\n            | translate | async }}</span\n          >\n          <ax-switch\n            [ngModel]=\"chartService.showVacantLeafSeats()\"\n            (onValueChanged)=\"onVacantLeafSeatsChange($event)\"\n          ></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\n          #chart\n          axPanView\n          [(panX)]=\"panX\"\n          [(panY)]=\"panY\"\n          [freeMode]=\"true\"\n          [(zoom)]=\"panZoomLevel\"\n          [fitContent]=\"true\"\n          wrapperClasses=\"h\"\n          class=\"ax-light\"\n          (contextmenu)=\"onOrgChartSurfaceContextMenu($event)\"\n        ></div>\n        <div class=\"axm-org-chart-page__floating-zoom\">\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomOut()\">\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm __zoom-value\"\n            [text]=\"zoomPercentageLabel()\"\n            (onClick)=\"zoomReset()\"\n          ></ax-button>\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomIn()\">\n            <ax-icon class=\"fa-solid fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n        <ax-context-menu\n          [orientation]=\"'vertical'\"\n          [closeOn]=\"'leave'\"\n          (onItemClick)=\"handleContextMenuItemClick($event)\"\n        >\n        </ax-context-menu>\n      </div>\n      @if (isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-org-chart-detail-panel\n        class=\"sticky top-0 z-10 max-h-full flex-none\"\n        [node]=\"detailPanelSelectedNode()\"\n        (panelClose)=\"toggleDetailPanel()\"\n      />\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n", 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.--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:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * -3);left:calc(var(--spacing, .25rem) * 0);display:flex;width:100%;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axp-chart-node .--node-container.--merged-card .--container{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.axp-chart-node .--node-container.axm-org-chart-card{border-radius:var(--radius-2xl, 1rem);--oc-body-mix: 18%;--axm-org-chart-card-body-bg: radial-gradient( ellipse 130% 75% at 105% -5%, rgb(var(--node-bg-color)) 0%, rgb(var(--node-bg-color)) 55%, rgb(var(--node-bg-color)) 100% );--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{--axm-org-chart-card-body-bg: 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))) 0%, 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))) 100% )}}@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){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)))}}.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)))}}.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:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);background-color:rgb(var(--ax-sys-color-lightest-surface));background-image:var(--axm-org-chart-card-body-bg, none)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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;justify-content:center;padding-block:calc(var(--spacing, .25rem) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;min-height:calc(var(--spacing, .25rem) * 14)}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){border-color:rgba(var(--ax-sys-color-lightest-surface))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *)>:not(:last-child)){border-color:rgba(var(--ax-sys-color-darkest-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){border-color:rgba(var(--ax-sys-color-darkest-surface))}.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) * 2)}.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:calc(var(--spacing, .25rem) * 0);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))}.axm-org-chart-page__floating-zoom{position:absolute;bottom:calc(var(--spacing, .25rem) * 4);z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);inset-inline-end:1rem;backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px #0000003d,0 2px 8px #00000014,inset 0 1px #ffffffbf}.axm-org-chart-page__floating-zoom .__zoom-button{border-radius:var(--radius-xl, .75rem);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}.axm-org-chart-page__floating-zoom .__zoom-value{min-width:calc(var(--spacing, .25rem) * 16);border-radius:var(--radius-xl, .75rem);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}@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;}@property --tw-divide-x-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@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;--tw-divide-x-reverse: 0}}}\n/*! tailwindcss v4.3.0 | 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", "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: 
                 //
@@ -1720,8 +1798,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: AXMOrgChartPage,
                         },
                         { provide: AXM_ORG_CHART_HOST, useExisting: AXMOrgChartPage },
-                    ], 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\n          class=\"w-72\"\n          [(ngModel)]=\"chartSearchQuery\"\n          (onValueChanged)=\"onChartSearchValueChanged($event)\"\n          [placeholder]=\"\n            ('@organization-management:organization-chart.components.chart.search-placeholder' | translate | async) || ''\n          \"\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            >{{\n            '@organization-management:organization-chart.components.generate-dialog.fields.show-vacant-leaf-seats.label'\n            | translate | async }}</span\n          >\n          <ax-switch\n            [ngModel]=\"chartService.showVacantLeafSeats()\"\n            (onValueChanged)=\"onVacantLeafSeatsChange($event)\"\n          ></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\n          #chart\n          axPanView\n          [(panX)]=\"panX\"\n          [(panY)]=\"panY\"\n          [freeMode]=\"true\"\n          [(zoom)]=\"panZoomLevel\"\n          [fitContent]=\"true\"\n          wrapperClasses=\"h\"\n          class=\"ax-light\"\n          (contextmenu)=\"onOrgChartSurfaceContextMenu($event)\"\n        ></div>\n        <div class=\"axm-org-chart-page__floating-zoom\">\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomOut()\">\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm __zoom-value\"\n            [text]=\"zoomPercentageLabel()\"\n            (onClick)=\"zoomReset()\"\n          ></ax-button>\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomIn()\">\n            <ax-icon class=\"fa-solid fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n        <ax-context-menu\n          [orientation]=\"'vertical'\"\n          [closeOn]=\"'leave'\"\n          (onItemClick)=\"handleContextMenuItemClick($event)\"\n        >\n        </ax-context-menu>\n      </div>\n      @if (isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-org-chart-detail-panel\n        class=\"sticky top-0 z-10 max-h-full flex-none\"\n        [node]=\"detailPanelSelectedNode()\"\n        (panelClose)=\"toggleDetailPanel()\"\n      />\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n", 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.--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:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * -3);left:calc(var(--spacing, .25rem) * 0);display:flex;width:100%;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axp-chart-node .--node-container.--merged-card .--container{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.axp-chart-node .--node-container.axm-org-chart-card{border-radius:var(--radius-2xl, 1rem);--oc-body-mix: 18%;--axm-org-chart-card-body-bg: radial-gradient( ellipse 130% 75% at 105% -5%, rgb(var(--node-bg-color)) 0%, rgb(var(--node-bg-color)) 55%, rgb(var(--node-bg-color)) 100% );--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{--axm-org-chart-card-body-bg: 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))) 0%, 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))) 100% )}}@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){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)))}}.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)))}}.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:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);background-color:rgb(var(--ax-sys-color-lightest-surface));background-image:var(--axm-org-chart-card-body-bg, none)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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;justify-content:center;padding-block:calc(var(--spacing, .25rem) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;min-height:calc(var(--spacing, .25rem) * 14)}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){border-color:rgba(var(--ax-sys-color-lightest-surface))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *)>:not(:last-child)){border-color:rgba(var(--ax-sys-color-darkest-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){border-color:rgba(var(--ax-sys-color-darkest-surface))}.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) * 2)}.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:calc(var(--spacing, .25rem) * 0);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))}.axm-org-chart-page__floating-zoom{position:absolute;bottom:calc(var(--spacing, .25rem) * 4);z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);inset-inline-end:1rem;backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px #0000003d,0 2px 8px #00000014,inset 0 1px #ffffffbf}.axm-org-chart-page__floating-zoom .__zoom-button{border-radius:var(--radius-xl, .75rem);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}.axm-org-chart-page__floating-zoom .__zoom-value{min-width:calc(var(--spacing, .25rem) * 16);border-radius:var(--radius-xl, .75rem);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}@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;}@property --tw-divide-x-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@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;--tw-divide-x-reverse: 0}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], 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\n          class=\"w-72\"\n          [(ngModel)]=\"chartSearchQuery\"\n          (onValueChanged)=\"onChartSearchValueChanged($event)\"\n          [placeholder]=\"\n            ('@organization-management:organization-chart.components.chart.search-placeholder' | translate | async) || ''\n          \"\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 shrink-0 whitespace-nowrap\">\n          <span class=\"text-sm\"\n            >{{\n            '@organization-management:organization-chart.components.generate-dialog.fields.show-vacant-leaf-seats.label'\n            | translate | async }}</span\n          >\n          <ax-switch\n            [ngModel]=\"chartService.showVacantLeafSeats()\"\n            (onValueChanged)=\"onVacantLeafSeatsChange($event)\"\n          ></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\n          #chart\n          axPanView\n          [(panX)]=\"panX\"\n          [(panY)]=\"panY\"\n          [freeMode]=\"true\"\n          [(zoom)]=\"panZoomLevel\"\n          [fitContent]=\"true\"\n          wrapperClasses=\"h\"\n          class=\"ax-light\"\n          (contextmenu)=\"onOrgChartSurfaceContextMenu($event)\"\n        ></div>\n        <div class=\"axm-org-chart-page__floating-zoom\">\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomOut()\">\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm __zoom-value\"\n            [text]=\"zoomPercentageLabel()\"\n            (onClick)=\"zoomReset()\"\n          ></ax-button>\n          <ax-button look=\"blank\" class=\"ax-sm __zoom-button\" (onClick)=\"zoomIn()\">\n            <ax-icon class=\"fa-solid fa-plus\"></ax-icon>\n          </ax-button>\n        </div>\n        <ax-context-menu\n          [orientation]=\"'vertical'\"\n          [closeOn]=\"'leave'\"\n          (onItemClick)=\"handleContextMenuItemClick($event)\"\n        >\n        </ax-context-menu>\n      </div>\n      @if (isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-org-chart-detail-panel\n        class=\"sticky top-0 z-10 max-h-full flex-none\"\n        [node]=\"detailPanelSelectedNode()\"\n        (panelClose)=\"toggleDetailPanel()\"\n      />\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>\n", 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.--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:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * -3);left:calc(var(--spacing, .25rem) * 0);display:flex;width:100%;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axp-chart-node .--node-container.--merged-card .--container{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.axp-chart-node .--node-container.axm-org-chart-card{border-radius:var(--radius-2xl, 1rem);--oc-body-mix: 18%;--axm-org-chart-card-body-bg: radial-gradient( ellipse 130% 75% at 105% -5%, rgb(var(--node-bg-color)) 0%, rgb(var(--node-bg-color)) 55%, rgb(var(--node-bg-color)) 100% );--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{--axm-org-chart-card-body-bg: 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))) 0%, 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))) 100% )}}@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){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)))}}.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)))}}.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:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);background-color:rgb(var(--ax-sys-color-lightest-surface));background-image:var(--axm-org-chart-card-body-bg, none)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__body:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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:calc(var(--spacing, .25rem) * 0);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;justify-content:center;padding-block:calc(var(--spacing, .25rem) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;min-height:calc(var(--spacing, .25rem) * 14)}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer>:not(:last-child)){border-color:rgba(var(--ax-sys-color-lightest-surface))}:where(.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *)>:not(:last-child)){border-color:rgba(var(--ax-sys-color-darkest-surface))}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.axp-chart-node .--node-container.axm-org-chart-card .axm-org-chart-card__footer:where(.ax-dark,.ax-dark *){border-color:rgba(var(--ax-sys-color-darkest-surface))}.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) * 2)}.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:calc(var(--spacing, .25rem) * 0);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))}.axm-org-chart-page__floating-zoom{position:absolute;bottom:calc(var(--spacing, .25rem) * 4);z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);inset-inline-end:1rem;backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px #0000003d,0 2px 8px #00000014,inset 0 1px #ffffffbf}.axm-org-chart-page__floating-zoom .__zoom-button{border-radius:var(--radius-xl, .75rem);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-button:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}.axm-org-chart-page__floating-zoom .__zoom-value{min-width:calc(var(--spacing, .25rem) * 16);border-radius:var(--radius-xl, .75rem);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:rgb(var(--ax-sys-color-primary-500))}@supports (color: color-mix(in lab,red,red)){.axm-org-chart-page__floating-zoom .__zoom-value:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 10%,white)}}@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;}@property --tw-divide-x-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@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;--tw-divide-x-reverse: 0}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }], 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-modules-organization-management-org-chart.page-Rh8xmXaj.mjs.map
+//# sourceMappingURL=acorex-modules-organization-management-org-chart.page-Cs-wTPS-.mjs.map