@acorex-platform/module-workplacesafety-management-client 0.0.30 → 0.0.32

package/fesm2022/acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-CZFCMX6R.mjs

@@ -0,0 +1,93 @@
+import { AXPBaseWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { get, isString, isBoolean, defaultTo } from 'lodash';
+import { A as AXMControlHierarchyDiagramComponent } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.component-D7hofHR0.mjs';
+import { A as AXMControlHierarchyDiagramService, r as resolveControlHierarchyDiagramViewType } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Widget View Component   ----
+class AXMControlHierarchyDiagramWidgetViewComponent extends AXPBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Services & Dependencies   ----
+        this.diagramService = inject(AXMControlHierarchyDiagramService);
+        //#endregion
+        //#region ----   Computed Properties   ----
+        /** Designer/default initial layout only; runtime selection stays inside the diagram component. */
+        this.initialViewType = computed(() => {
+            this.contextService.changeEvent();
+            const fromContext = get(this.contextService.data(), 'hierarchyDiagramViewType');
+            if (isString(fromContext) && fromContext.length > 0) {
+                return resolveControlHierarchyDiagramViewType(fromContext);
+            }
+            return resolveControlHierarchyDiagramViewType(this.options()['viewType']);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialViewType" }] : /* istanbul ignore next */ []));
+        /** Live repeater items from entity record context; null falls back to persisted levels query. */
+        this.diagramItems = computed(() => {
+            this.contextService.changeEvent();
+            return this.diagramService.resolveDiagramItemsFromContext(this.contextService.data());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "diagramItems" }] : /* istanbul ignore next */ []));
+        this.showViewTypeSelector = computed(() => this.resolveShowViewTypeSelector(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showViewTypeSelector" }] : /* istanbul ignore next */ []));
+        this.showTitle = computed(() => this.options()['showTitle'] === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
+        this.highlightLevelId = computed(() => this.resolveHighlightLevelId(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "highlightLevelId" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    resolveShowViewTypeSelector() {
+        const options = this.options();
+        if (isBoolean(options['showViewTypeSelector'])) {
+            return options['showViewTypeSelector'];
+        }
+        return true;
+    }
+    resolveHighlightLevelId() {
+        const options = this.options();
+        const fromOptions = options['highlightLevelId'];
+        if (isString(fromOptions) && fromOptions.length > 0) {
+            return fromOptions;
+        }
+        this.contextService.changeEvent();
+        const fromContext = get(this.contextService.data(), 'id');
+        return isString(fromContext) ? fromContext : defaultTo(fromContext != null ? String(fromContext) : null, null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMControlHierarchyDiagramWidgetViewComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram-widget-view", host: { classAttribute: "block w-full" }, usesInheritance: true, ngImport: i0, template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [items]="diagramItems()"
+      [highlightLevelId]="highlightLevelId()"
+      [showViewTypeSelector]="showViewTypeSelector()"
+      [showTitle]="showTitle()"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMControlHierarchyDiagramComponent, selector: "axm-control-hierarchy-diagram", inputs: ["viewType", "items", "highlightLevelId", "showViewTypeSelector", "showTitle"], outputs: ["viewTypeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-control-hierarchy-diagram-widget-view',
+                    template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [items]="diagramItems()"
+      [highlightLevelId]="highlightLevelId()"
+      [showViewTypeSelector]="showViewTypeSelector()"
+      [showTitle]="showTitle()"
+    />
+  `,
+                    host: {
+                        class: 'block w-full',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXMControlHierarchyDiagramComponent],
+                }]
+        }] });
+
+export { AXMControlHierarchyDiagramWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-CZFCMX6R.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-CZFCMX6R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-CZFCMX6R.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram-widget-view.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPBaseWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { defaultTo, get, isBoolean, isString } from 'lodash';\n\nimport { AXMControlHierarchyDiagramComponent } from './control-hierarchy-diagram.component';\nimport { AXMControlHierarchyDiagramService } from './control-hierarchy-diagram.service';\nimport {\n  resolveControlHierarchyDiagramViewType,\n  type AXMControlHierarchyDiagramViewType,\n} from './control-hierarchy-diagram.types';\nimport { type AXMControlHierarchyDiagramWidgetOptions } from './control-hierarchy-diagram-widget.config';\n\n//#endregion\n\n//#region ----   Widget View Component   ----\n\n@Component({\n  selector: 'axm-control-hierarchy-diagram-widget-view',\n  template: `\n    <axm-control-hierarchy-diagram\n      [viewType]=\"initialViewType()\"\n      [items]=\"diagramItems()\"\n      [highlightLevelId]=\"highlightLevelId()\"\n      [showViewTypeSelector]=\"showViewTypeSelector()\"\n      [showTitle]=\"showTitle()\"\n    />\n  `,\n  host: {\n    class: 'block w-full',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXMControlHierarchyDiagramComponent],\n})\nexport class AXMControlHierarchyDiagramWidgetViewComponent extends AXPBaseWidgetComponent<AXMControlHierarchyDiagramWidgetOptions> {\n  //#region ----   Services & Dependencies   ----\n\n  private readonly diagramService = inject(AXMControlHierarchyDiagramService);\n\n  //#endregion\n\n  //#region ----   Computed Properties   ----\n\n  /** Designer/default initial layout only; runtime selection stays inside the diagram component. */\n  protected initialViewType = computed<AXMControlHierarchyDiagramViewType>(() => {\n    this.contextService.changeEvent();\n    const fromContext = get(this.contextService.data(), 'hierarchyDiagramViewType');\n    if (isString(fromContext) && fromContext.length > 0) {\n      return resolveControlHierarchyDiagramViewType(fromContext);\n    }\n    return resolveControlHierarchyDiagramViewType(this.options()['viewType']);\n  });\n\n  /** Live repeater items from entity record context; null falls back to persisted levels query. */\n  protected diagramItems = computed(() => {\n    this.contextService.changeEvent();\n    return this.diagramService.resolveDiagramItemsFromContext(\n      this.contextService.data() as Record<string, unknown>,\n    );\n  });\n\n  protected showViewTypeSelector = computed(() => this.resolveShowViewTypeSelector());\n\n  protected showTitle = computed(() => this.options()['showTitle'] === true);\n\n  protected highlightLevelId = computed<string | null>(() => this.resolveHighlightLevelId());\n\n  //#endregion\n\n  //#region ----   Utility Methods   ----\n\n  private resolveShowViewTypeSelector(): boolean {\n    const options = this.options();\n    if (isBoolean(options['showViewTypeSelector'])) {\n      return options['showViewTypeSelector'];\n    }\n    return true;\n  }\n\n  private resolveHighlightLevelId(): string | null {\n    const options = this.options();\n    const fromOptions = options['highlightLevelId'];\n    if (isString(fromOptions) && fromOptions.length > 0) {\n      return fromOptions;\n    }\n    this.contextService.changeEvent();\n    const fromContext = get(this.contextService.data(), 'id');\n    return isString(fromContext) ? fromContext : defaultTo(fromContext != null ? String(fromContext) : null, null);\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-C-qrrqOV.mjs → acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.component-D7hofHR0.mjs}

@@ -1,15 +1,14 @@
-import { AXPBaseWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
-import * as i0 from '@angular/core';
-import { inject, input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { orderBy, defaultTo, isEmpty, get, isString, isBoolean } from 'lodash';
 import * as i2 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i3 from '@acorex/core/translation';
+import * as i1$1 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { A as AXMControlHierarchyDiagramService, r as resolveControlHierarchyDiagramViewType } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-BBhH7KP1.mjs';
+import { orderBy, defaultTo, isEmpty } from 'lodash';
+import { A as AXMControlHierarchyDiagramService } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs';
 
 //#region ----   Imports   ----
 //#endregion
@@ -106,7 +105,7 @@ class AXMControlHierarchyDiagramComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMControlHierarchyDiagramComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram", inputs: { viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, highlightLevelId: { classPropertyName: "highlightLevelId", publicName: "highlightLevelId", isSignal: true, isRequired: false, transformFunction: null }, showViewTypeSelector: { classPropertyName: "showViewTypeSelector", publicName: "showViewTypeSelector", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewTypeChange: "viewTypeChange" }, host: { classAttribute: "axm-control-hierarchy-diagram block w-full" }, ngImport: i0, template: "@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header gap-4\">\n    <ax-select-box\n      class=\"axm-control-hierarchy-diagram__view-type\"\n      [dataSource]=\"viewTypeOptions()\"\n      [ngModel]=\"selectedViewType()\"\n      (ngModelChange)=\"onViewTypeChanged($event)\"\n      valueField=\"id\"\n      textField=\"title\"\n    />\n  </div>\n}\n\n@if (loading()) {\n  <div class=\"axm-control-hierarchy-diagram__loading\">\n    {{ '@general:terms.interface.loading' | translate | async }}\n  </div>\n} @else if (!displayItems().length) {\n  <div class=\"axm-control-hierarchy-diagram__empty\">\n    {{ '@general:terms.interface.no-data' | translate | async }}\n  </div>\n} @else {\n  <div\n    class=\"axm-control-hierarchy-diagram__body\"\n    [class.axm-control-hierarchy-diagram__body--offset-top]=\"!showViewTypeSelector()\"\n  >\n  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal flex flex-col gap-5\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar gap-4\">\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}</span>\n          <div class=\"axm-control-hierarchy-diagram__gradient\"></div>\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}</span>\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__cards gap-5!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <article\n              class=\"axm-control-hierarchy-diagram__card\"\n              [class.axm-control-hierarchy-diagram__card--highlighted]=\"isHighlighted(item)\"\n              [style.border-top-color]=\"item.color\"\n            >\n              <header\n                class=\"axm-control-hierarchy-diagram__card-header px-4 py-3\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ item.order }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body p-4\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical gap-5!\">\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--top\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__pyramid gap-2!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <div\n              class=\"axm-control-hierarchy-diagram__pyramid-row\"\n              [class.axm-control-hierarchy-diagram__pyramid-row--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n              [style.width.%]=\"pyramidWidths()[index]\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--bottom\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n    @case ('horizontal-chevron') {\n      <div class=\"axm-control-hierarchy-diagram__chevron gap-3!\">\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-track\">\n          @for (item of displayItems(); track item.id) {\n            <div\n              class=\"axm-control-hierarchy-diagram__chevron-segment\"\n              [class.axm-control-hierarchy-diagram__chevron-segment--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective axm-control-hierarchy-diagram__chevron-effective--end\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n  }\n  </div>\n}\n", styles: ["@layer properties;.axm-control-hierarchy-diagram{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__view-type{min-width:calc(var(--spacing, .25rem) * 52)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__body--offset-top{margin-top:calc(var(--spacing, .25rem) * 5)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__loading,.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__empty{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 8);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background:rgb(var(--ax-sys-color-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__effectiveness-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--spacing, .25rem) * 3);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-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__gradient{height:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-500)),rgb(var(--ax-sys-color-success-500)) 35%,rgb(var(--ax-sys-color-warning-500)) 65%,rgb(var(--ax-sys-color-danger-500)))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__cards{display:grid;gap:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card{overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:4px;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-header{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-body{margin:0;padding:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--top{margin-bottom:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--bottom{margin-top:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid{display:flex;width:100%;max-width:var(--container-3xl, 48rem);flex-direction:column;align-items:center;gap:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row{display:flex;min-height:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron{display:flex;width:100%;flex-wrap:wrap;align-items:stretch;gap:calc(var(--spacing, .25rem) * 2)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-title{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 40);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-primary-700));color:rgb(var(--ax-sys-color-on-primary-700))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 28);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective--end{margin-left:auto}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-track{display:flex;min-height:calc(var(--spacing, .25rem) * 14);flex:1;flex-wrap:wrap;align-items:stretch;gap:0px;overflow:hidden;border-radius:var(--radius-md, .375rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment{position:relative;display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 24);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-semibold, 600);font-weight:var(--font-weight-semibold, 600);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment--highlighted{z-index:10;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@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;}@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-font-weight: initial;--tw-border-style: solid;--tw-tracking: initial;--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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMControlHierarchyDiagramComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram", inputs: { viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, highlightLevelId: { classPropertyName: "highlightLevelId", publicName: "highlightLevelId", isSignal: true, isRequired: false, transformFunction: null }, showViewTypeSelector: { classPropertyName: "showViewTypeSelector", publicName: "showViewTypeSelector", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewTypeChange: "viewTypeChange" }, host: { classAttribute: "axm-control-hierarchy-diagram block w-full" }, ngImport: i0, template: "@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header gap-4\">\n    <ax-select-box\n      class=\"axm-control-hierarchy-diagram__view-type\"\n      [dataSource]=\"viewTypeOptions()\"\n      [ngModel]=\"selectedViewType()\"\n      (ngModelChange)=\"onViewTypeChanged($event)\"\n      valueField=\"id\"\n      textField=\"title\"\n    />\n  </div>\n}\n\n@if (loading()) {\n  <div class=\"axm-control-hierarchy-diagram__loading\">\n    {{ '@general:terms.interface.loading' | translate | async }}\n  </div>\n} @else if (!displayItems().length) {\n  <div class=\"axm-control-hierarchy-diagram__empty\">\n    {{ '@general:terms.interface.no-data' | translate | async }}\n  </div>\n} @else {\n  <div\n    class=\"axm-control-hierarchy-diagram__body\"\n    [class.axm-control-hierarchy-diagram__body--offset-top]=\"!showViewTypeSelector()\"\n  >\n  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal flex flex-col gap-5\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar gap-4\">\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}</span>\n          <div class=\"axm-control-hierarchy-diagram__gradient\"></div>\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}</span>\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__cards gap-5!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <article\n              class=\"axm-control-hierarchy-diagram__card\"\n              [class.axm-control-hierarchy-diagram__card--highlighted]=\"isHighlighted(item)\"\n              [style.border-top-color]=\"item.color\"\n            >\n              <header\n                class=\"axm-control-hierarchy-diagram__card-header px-4 py-3\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ item.order }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body p-4\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical gap-5!\">\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--top\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__pyramid gap-2!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <div\n              class=\"axm-control-hierarchy-diagram__pyramid-row\"\n              [class.axm-control-hierarchy-diagram__pyramid-row--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n              [style.width.%]=\"pyramidWidths()[index]\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--bottom\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n    @case ('horizontal-chevron') {\n      <div class=\"axm-control-hierarchy-diagram__chevron gap-3!\">\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-track\">\n          @for (item of displayItems(); track item.id) {\n            <div\n              class=\"axm-control-hierarchy-diagram__chevron-segment\"\n              [class.axm-control-hierarchy-diagram__chevron-segment--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective axm-control-hierarchy-diagram__chevron-effective--end\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n  }\n  </div>\n}\n", styles: ["@layer properties;.axm-control-hierarchy-diagram{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__view-type{min-width:calc(var(--spacing, .25rem) * 52)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__body--offset-top{margin-top:calc(var(--spacing, .25rem) * 5)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__loading,.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__empty{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 8);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background:rgb(var(--ax-sys-color-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__effectiveness-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--spacing, .25rem) * 3);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-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__gradient{height:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-500)),rgb(var(--ax-sys-color-success-500)) 35%,rgb(var(--ax-sys-color-warning-500)) 65%,rgb(var(--ax-sys-color-danger-500)))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__cards{display:grid;gap:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card{overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:4px;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-header{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-body{margin:0;padding:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--top{margin-bottom:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--bottom{margin-top:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid{display:flex;width:100%;max-width:var(--container-3xl, 48rem);flex-direction:column;align-items:center;gap:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row{display:flex;min-height:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron{display:flex;width:100%;flex-wrap:wrap;align-items:stretch;gap:calc(var(--spacing, .25rem) * 2)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-title{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 40);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-primary-700));color:rgb(var(--ax-sys-color-on-primary-700))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 28);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective--end{margin-left:auto}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-track{display:flex;min-height:calc(var(--spacing, .25rem) * 14);flex:1;flex-wrap:wrap;align-items:stretch;gap:0px;overflow:hidden;border-radius:var(--radius-md, .375rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment{position:relative;display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 24);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-semibold, 600);font-weight:var(--font-weight-semibold, 600);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment--highlighted{z-index:10;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@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;}@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-font-weight: initial;--tw-border-style: solid;--tw-tracking: initial;--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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramComponent, decorators: [{
             type: Component,
@@ -115,89 +114,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, FormsModule, AXSelectBoxModule, AXTranslationModule], template: "@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header gap-4\">\n    <ax-select-box\n      class=\"axm-control-hierarchy-diagram__view-type\"\n      [dataSource]=\"viewTypeOptions()\"\n      [ngModel]=\"selectedViewType()\"\n      (ngModelChange)=\"onViewTypeChanged($event)\"\n      valueField=\"id\"\n      textField=\"title\"\n    />\n  </div>\n}\n\n@if (loading()) {\n  <div class=\"axm-control-hierarchy-diagram__loading\">\n    {{ '@general:terms.interface.loading' | translate | async }}\n  </div>\n} @else if (!displayItems().length) {\n  <div class=\"axm-control-hierarchy-diagram__empty\">\n    {{ '@general:terms.interface.no-data' | translate | async }}\n  </div>\n} @else {\n  <div\n    class=\"axm-control-hierarchy-diagram__body\"\n    [class.axm-control-hierarchy-diagram__body--offset-top]=\"!showViewTypeSelector()\"\n  >\n  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal flex flex-col gap-5\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar gap-4\">\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}</span>\n          <div class=\"axm-control-hierarchy-diagram__gradient\"></div>\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}</span>\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__cards gap-5!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <article\n              class=\"axm-control-hierarchy-diagram__card\"\n              [class.axm-control-hierarchy-diagram__card--highlighted]=\"isHighlighted(item)\"\n              [style.border-top-color]=\"item.color\"\n            >\n              <header\n                class=\"axm-control-hierarchy-diagram__card-header px-4 py-3\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ item.order }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body p-4\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical gap-5!\">\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--top\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__pyramid gap-2!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <div\n              class=\"axm-control-hierarchy-diagram__pyramid-row\"\n              [class.axm-control-hierarchy-diagram__pyramid-row--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n              [style.width.%]=\"pyramidWidths()[index]\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--bottom\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n    @case ('horizontal-chevron') {\n      <div class=\"axm-control-hierarchy-diagram__chevron gap-3!\">\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-track\">\n          @for (item of displayItems(); track item.id) {\n            <div\n              class=\"axm-control-hierarchy-diagram__chevron-segment\"\n              [class.axm-control-hierarchy-diagram__chevron-segment--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective axm-control-hierarchy-diagram__chevron-effective--end\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n  }\n  </div>\n}\n", styles: ["@layer properties;.axm-control-hierarchy-diagram{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__view-type{min-width:calc(var(--spacing, .25rem) * 52)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__body--offset-top{margin-top:calc(var(--spacing, .25rem) * 5)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__loading,.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__empty{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 8);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background:rgb(var(--ax-sys-color-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__effectiveness-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--spacing, .25rem) * 3);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-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__gradient{height:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-500)),rgb(var(--ax-sys-color-success-500)) 35%,rgb(var(--ax-sys-color-warning-500)) 65%,rgb(var(--ax-sys-color-danger-500)))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__cards{display:grid;gap:calc(var(--spacing, .25rem) * 3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card{overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:4px;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-header{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__card-body{margin:0;padding:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--top{margin-bottom:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__vertical-label--bottom{margin-top:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid{display:flex;width:100%;max-width:var(--container-3xl, 48rem);flex-direction:column;align-items:center;gap:var(--spacing, .25rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row{display:flex;min-height:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__pyramid-row--highlighted{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron{display:flex;width:100%;flex-wrap:wrap;align-items:stretch;gap:calc(var(--spacing, .25rem) * 2)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-title{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 40);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-primary-700));color:rgb(var(--ax-sys-color-on-primary-700))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective{display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 28);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;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-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface));color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-effective--end{margin-left:auto}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-track{display:flex;min-height:calc(var(--spacing, .25rem) * 14);flex:1;flex-wrap:wrap;align-items:stretch;gap:0px;overflow:hidden;border-radius:var(--radius-md, .375rem)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment{position:relative;display:flex;min-height:calc(var(--spacing, .25rem) * 14);min-width:calc(var(--spacing, .25rem) * 24);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 4);text-align:center;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-semibold, 600);font-weight:var(--font-weight-semibold, 600);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram .axm-control-hierarchy-diagram__chevron-segment--highlighted{z-index:10;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);ring-color:rgb(var(--ax-sys-color-primary-500))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@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;}@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-font-weight: initial;--tw-border-style: solid;--tw-tracking: initial;--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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], highlightLevelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightLevelId", required: false }] }], showViewTypeSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "showViewTypeSelector", required: false }] }], showTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTitle", required: false }] }], viewTypeChange: [{ type: i0.Output, args: ["viewTypeChange"] }] } });
 
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Widget View Component   ----
-class AXMControlHierarchyDiagramWidgetViewComponent extends AXPBaseWidgetComponent {
-    constructor() {
-        super(...arguments);
-        //#region ----   Services & Dependencies   ----
-        this.diagramService = inject(AXMControlHierarchyDiagramService);
-        //#endregion
-        //#region ----   Computed Properties   ----
-        /** Designer/default initial layout only; runtime selection stays inside the diagram component. */
-        this.initialViewType = computed(() => {
-            this.contextService.changeEvent();
-            const fromContext = get(this.contextService.data(), 'hierarchyDiagramViewType');
-            if (isString(fromContext) && fromContext.length > 0) {
-                return resolveControlHierarchyDiagramViewType(fromContext);
-            }
-            return resolveControlHierarchyDiagramViewType(this.options()['viewType']);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialViewType" }] : /* istanbul ignore next */ []));
-        /** Live repeater items from entity record context; null falls back to persisted levels query. */
-        this.diagramItems = computed(() => {
-            this.contextService.changeEvent();
-            return this.diagramService.resolveDiagramItemsFromContext(this.contextService.data());
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "diagramItems" }] : /* istanbul ignore next */ []));
-        this.showViewTypeSelector = computed(() => this.resolveShowViewTypeSelector(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showViewTypeSelector" }] : /* istanbul ignore next */ []));
-        this.showTitle = computed(() => this.options()['showTitle'] === true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
-        this.highlightLevelId = computed(() => this.resolveHighlightLevelId(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "highlightLevelId" }] : /* istanbul ignore next */ []));
-    }
-    //#endregion
-    //#region ----   Utility Methods   ----
-    resolveShowViewTypeSelector() {
-        const options = this.options();
-        if (isBoolean(options['showViewTypeSelector'])) {
-            return options['showViewTypeSelector'];
-        }
-        return true;
-    }
-    resolveHighlightLevelId() {
-        const options = this.options();
-        const fromOptions = options['highlightLevelId'];
-        if (isString(fromOptions) && fromOptions.length > 0) {
-            return fromOptions;
-        }
-        this.contextService.changeEvent();
-        const fromContext = get(this.contextService.data(), 'id');
-        return isString(fromContext) ? fromContext : defaultTo(fromContext != null ? String(fromContext) : null, null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMControlHierarchyDiagramWidgetViewComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram-widget-view", host: { classAttribute: "block w-full" }, usesInheritance: true, ngImport: i0, template: `
-    <axm-control-hierarchy-diagram
-      [viewType]="initialViewType()"
-      [items]="diagramItems()"
-      [highlightLevelId]="highlightLevelId()"
-      [showViewTypeSelector]="showViewTypeSelector()"
-      [showTitle]="showTitle()"
-    />
-  `, isInline: true, dependencies: [{ kind: "component", type: AXMControlHierarchyDiagramComponent, selector: "axm-control-hierarchy-diagram", inputs: ["viewType", "items", "highlightLevelId", "showViewTypeSelector", "showTitle"], outputs: ["viewTypeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axm-control-hierarchy-diagram-widget-view',
-                    template: `
-    <axm-control-hierarchy-diagram
-      [viewType]="initialViewType()"
-      [items]="diagramItems()"
-      [highlightLevelId]="highlightLevelId()"
-      [showViewTypeSelector]="showViewTypeSelector()"
-      [showTitle]="showTitle()"
-    />
-  `,
-                    host: {
-                        class: 'block w-full',
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXMControlHierarchyDiagramComponent],
-                }]
-        }] });
-
-export { AXMControlHierarchyDiagramWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram-widget-view.component-C-qrrqOV.mjs.map
+export { AXMControlHierarchyDiagramComponent as A };
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.component-D7hofHR0.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.component-D7hofHR0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.component-D7hofHR0.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.component.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.component.html"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  OnInit,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { defaultTo, isEmpty, orderBy } from 'lodash';\n\nimport {\n  type AXMControlHierarchyDiagramItem,\n  type AXMControlHierarchyDiagramViewType,\n} from './control-hierarchy-diagram.types';\nimport { AXMControlHierarchyDiagramService } from './control-hierarchy-diagram.service';\n\n//#endregion\n\n//#region ----   Component   ----\n\n@Component({\n  selector: 'axm-control-hierarchy-diagram',\n  templateUrl: './control-hierarchy-diagram.component.html',\n  styleUrl: './control-hierarchy-diagram.component.css',\n  host: {\n    class: 'axm-control-hierarchy-diagram block w-full',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, FormsModule, AXSelectBoxModule, AXTranslationModule],\n})\nexport class AXMControlHierarchyDiagramComponent implements OnInit {\n  //#region ----   Services & Dependencies   ----\n\n  protected readonly diagramService = inject(AXMControlHierarchyDiagramService);\n\n  //#endregion\n\n  //#region ----   Inputs / Outputs   ----\n\n  viewType = input<AXMControlHierarchyDiagramViewType>('horizontal');\n  items = input<AXMControlHierarchyDiagramItem[] | null>(null);\n  highlightLevelId = input<string | null>(null);\n  showViewTypeSelector = input(true);\n  showTitle = input(false);\n\n  viewTypeChange = output<AXMControlHierarchyDiagramViewType>();\n\n  //#endregion\n\n  //#region ----   State   ----\n\n  protected readonly loading = signal(false);\n  protected readonly loadedItems = signal<AXMControlHierarchyDiagramItem[]>([]);\n  protected readonly selectedViewType = signal<AXMControlHierarchyDiagramViewType>('horizontal');\n\n  protected readonly viewTypeOptions = computed(() => this.diagramService.getViewTypeOptions());\n\n  protected readonly displayItems = computed(() => {\n    const external = this.items();\n    const items = external ?? this.loadedItems();\n    return orderBy(items, ['order'], ['asc']);\n  });\n\n  protected readonly pyramidWidths = computed(() => {\n    const count = this.displayItems().length;\n    if (count <= 1) {\n      return [100];\n    }\n    const step = 70 / (count - 1);\n    return this.displayItems().map((_item, index) => 100 - index * step);\n  });\n\n  //#endregion\n\n  //#region ----   Lifecycle   ----\n\n  ngOnInit(): void {\n    this.selectedViewType.set(this.viewType());\n  }\n\n  constructor() {\n    effect(() => {\n      this.selectedViewType.set(this.viewType());\n    });\n\n    effect(() => {\n      if (this.items() != null) {\n        return;\n      }\n      void this.loadItems();\n    });\n  }\n\n  //#endregion\n\n  //#region ----   UI Handlers   ----\n\n  protected resolveTitle(item: AXMControlHierarchyDiagramItem): string {\n    return this.diagramService.resolveText(item.title);\n  }\n\n  protected resolveDescription(item: AXMControlHierarchyDiagramItem): string {\n    return defaultTo(this.diagramService.resolveText(item.description ?? ''), '');\n  }\n\n  protected resolveTextColor(item: AXMControlHierarchyDiagramItem): string {\n    return this.diagramService.getContrastTextColor(item.color);\n  }\n\n  protected isHighlighted(item: AXMControlHierarchyDiagramItem): boolean {\n    const highlightId = this.highlightLevelId();\n    return !isEmpty(highlightId) && item.id === highlightId;\n  }\n\n  protected onViewTypeChanged(value: AXMControlHierarchyDiagramViewType | null): void {\n    if (!value) {\n      return;\n    }\n    this.selectedViewType.set(value);\n    this.viewTypeChange.emit(value);\n  }\n\n  //#endregion\n\n  //#region ----   Data Loading   ----\n\n  private async loadItems(): Promise<void> {\n    this.loading.set(true);\n    try {\n      const levels = await this.diagramService.loadActiveLevels();\n      this.loadedItems.set(levels);\n    } finally {\n      this.loading.set(false);\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n","@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header gap-4\">\n    <ax-select-box\n      class=\"axm-control-hierarchy-diagram__view-type\"\n      [dataSource]=\"viewTypeOptions()\"\n      [ngModel]=\"selectedViewType()\"\n      (ngModelChange)=\"onViewTypeChanged($event)\"\n      valueField=\"id\"\n      textField=\"title\"\n    />\n  </div>\n}\n\n@if (loading()) {\n  <div class=\"axm-control-hierarchy-diagram__loading\">\n    {{ '@general:terms.interface.loading' | translate | async }}\n  </div>\n} @else if (!displayItems().length) {\n  <div class=\"axm-control-hierarchy-diagram__empty\">\n    {{ '@general:terms.interface.no-data' | translate | async }}\n  </div>\n} @else {\n  <div\n    class=\"axm-control-hierarchy-diagram__body\"\n    [class.axm-control-hierarchy-diagram__body--offset-top]=\"!showViewTypeSelector()\"\n  >\n  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal flex flex-col gap-5\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar gap-4\">\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}</span>\n          <div class=\"axm-control-hierarchy-diagram__gradient\"></div>\n          <span>{{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}</span>\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__cards gap-5!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <article\n              class=\"axm-control-hierarchy-diagram__card\"\n              [class.axm-control-hierarchy-diagram__card--highlighted]=\"isHighlighted(item)\"\n              [style.border-top-color]=\"item.color\"\n            >\n              <header\n                class=\"axm-control-hierarchy-diagram__card-header px-4 py-3\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ item.order }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body p-4\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical gap-5!\">\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--top\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__pyramid gap-2!\">\n          @for (item of displayItems(); track item.id; let index = $index) {\n            <div\n              class=\"axm-control-hierarchy-diagram__pyramid-row\"\n              [class.axm-control-hierarchy-diagram__pyramid-row--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n              [style.width.%]=\"pyramidWidths()[index]\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__vertical-label axm-control-hierarchy-diagram__vertical-label--bottom\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n    @case ('horizontal-chevron') {\n      <div class=\"axm-control-hierarchy-diagram__chevron gap-3!\">\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.most-effective' | translate | async }}\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-track\">\n          @for (item of displayItems(); track item.id) {\n            <div\n              class=\"axm-control-hierarchy-diagram__chevron-segment\"\n              [class.axm-control-hierarchy-diagram__chevron-segment--highlighted]=\"isHighlighted(item)\"\n              [style.background]=\"item.color\"\n              [style.color]=\"resolveTextColor(item)\"\n            >\n              {{ resolveTitle(item) }}\n            </div>\n          }\n        </div>\n        <div class=\"axm-control-hierarchy-diagram__chevron-effective axm-control-hierarchy-diagram__chevron-effective--end\">\n          {{ '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.least-effective' | translate | async }}\n        </div>\n      </div>\n    }\n  }\n  </div>\n}\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/{acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-BBhH7KP1.mjs → acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs}

@@ -54,6 +54,18 @@ class AXMControlHierarchyDiagramService {
         const levels = records.flatMap((record) => this.mapRepeaterItemsToDiagramItems(defaultTo(record.itemIds, []), record.id));
         return orderBy(levels, ['order'], ['asc']);
     }
+    async loadDiagramItemsByLevelIds(ids) {
+        const records = await this.queryLevelsByIds(ids);
+        const byId = new Map(records.map((row) => [row.id, row]));
+        const levels = ids.flatMap((id) => {
+            const record = byId.get(id);
+            if (!record) {
+                return [];
+            }
+            return this.mapRepeaterItemsToDiagramItems(defaultTo(record.itemIds, []), record.id);
+        });
+        return orderBy(levels, ['order'], ['asc']);
+    }
     mapRepeaterItemsToDiagramItems(itemIds, recordId) {
         return defaultTo(itemIds, []).map((item, index) => {
             const order = resolveRepeaterItemOrder(item, index);
@@ -107,6 +119,41 @@ class AXMControlHierarchyDiagramService {
             },
         ];
     }
+    //#endregion
+    //#region ----- Data Loading -----
+    async queryLevelsByIds(ids) {
+        if (ids.length === 0) {
+            return [];
+        }
+        const dataAccessor = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.controlHierarchyLevels.name)
+            .data();
+        try {
+            const result = await dataAccessor.query({
+                skip: 0,
+                take: Math.max(ids.length, 100),
+                filter: ids.length === 1
+                    ? { field: 'id', operator: { type: 'equal' }, value: ids[0] }
+                    : { field: 'id', operator: { type: 'in' }, value: ids },
+            });
+            return result?.items ?? [];
+        }
+        catch {
+            const loaded = [];
+            for (const id of ids) {
+                try {
+                    const row = await dataAccessor.byKey(id);
+                    if (row) {
+                        loaded.push(row);
+                    }
+                }
+                catch {
+                    /* skip missing rows */
+                }
+            }
+            return loaded;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMControlHierarchyDiagramService, providedIn: 'root' }); }
 }
@@ -116,4 +163,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMControlHierarchyDiagramService as A, resolveControlHierarchyDiagramViewType as r };
-//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-BBhH7KP1.mjs.map
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.types.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.service.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport type { AXPMultiLanguageString } from '@acorex-platform/framework-shared/core';\n\n//#endregion\n\n//#region ----   View types   ----\n\nexport type AXMControlHierarchyDiagramViewType = 'vertical' | 'horizontal' | 'horizontal-chevron';\n\nexport type AXMControlHierarchyDiagramViewTypeOption =\n  | AXMControlHierarchyDiagramViewType\n  | { id: AXMControlHierarchyDiagramViewType; title?: string };\n\nexport function resolveControlHierarchyDiagramViewType(\n  value: AXMControlHierarchyDiagramViewTypeOption | string | undefined,\n): AXMControlHierarchyDiagramViewType {\n  if (!value) {\n    return 'horizontal';\n  }\n  if (typeof value === 'string') {\n    return value as AXMControlHierarchyDiagramViewType;\n  }\n  return value.id ?? 'horizontal';\n}\n\n//#endregion\n\n//#region ----   Repeater order   ----\n\n/**\n * Repeater sequence is stored in the array (`AXPRepeaterWidgetEditComponent.onDrop` / `moveItemInArray`).\n * An optional persisted `order` on the row overrides the array index when present.\n */\nexport function resolveRepeaterItemOrder(item: { order?: number } | undefined, index: number): number {\n  const explicit = item?.order;\n  if (typeof explicit === 'number' && Number.isFinite(explicit)) {\n    return explicit;\n  }\n  return index + 1;\n}\n\n//#endregion\n\n//#region ----   Diagram item   ----\n\nexport interface AXMControlHierarchyDiagramItem {\n  id: string;\n  code: string;\n  title: AXPMultiLanguageString;\n  description?: AXPMultiLanguageString;\n  /** 1-based position from repeater array order (or explicit row `order`). */\n  order: number;\n  color?: string;\n}\n\n//#endregion\n","//#region ----   Imports   ----\n\nimport { AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { Injectable, inject } from '@angular/core';\nimport { defaultTo, get, orderBy } from 'lodash';\n\nimport { RootConfig } from '@acorex-platform/module-workplacesafety-management-client/contracts';\nimport {\n  type AXMControlHierarchyLevelItemModel,\n  type AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel,\n} from '@acorex-platform/module-workplacesafety-management-client/contracts';\nimport {\n  type AXMControlHierarchyDiagramItem,\n  type AXMControlHierarchyDiagramViewType,\n  resolveRepeaterItemOrder,\n} from './control-hierarchy-diagram.types';\n\n//#endregion\n\n//#region ----   Service   ----\n\n@Injectable({ providedIn: 'root' })\nexport class AXMControlHierarchyDiagramService {\n  //#region ----   Services & Dependencies   ----\n\n  private readonly entityService = inject(AXPEntityService);\n  private readonly translationService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----   Public API   ----\n\n  async loadActiveLevels(): Promise<AXMControlHierarchyDiagramItem[]> {\n    const result = await this.entityService\n      .withEntity(RootConfig.module.name, RootConfig.entities.controlHierarchyLevels.name)\n      .data<string, AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel>()\n      .query({\n        skip: 0,\n        take: 100,\n        sort: [{ field: 'code', dir: 'asc' }],\n      });\n\n    const records = defaultTo(result.items, []);\n    const levels = records.flatMap((record) =>\n      this.mapRepeaterItemsToDiagramItems(defaultTo(record.itemIds, []), record.id),\n    );\n\n    return orderBy(levels, ['order'], ['asc']);\n  }\n\n  async loadDiagramItemsByLevelIds(ids: string[]): Promise<AXMControlHierarchyDiagramItem[]> {\n    const records = await this.queryLevelsByIds(ids);\n    const byId = new Map(records.map((row) => [row.id, row]));\n    const levels = ids.flatMap((id) => {\n      const record = byId.get(id);\n      if (!record) {\n        return [];\n      }\n      return this.mapRepeaterItemsToDiagramItems(defaultTo(record.itemIds, []), record.id);\n    });\n    return orderBy(levels, ['order'], ['asc']);\n  }\n\n  mapRepeaterItemsToDiagramItems(\n    itemIds: AXMControlHierarchyLevelItemModel[],\n    recordId?: string | null,\n  ): AXMControlHierarchyDiagramItem[] {\n    return defaultTo(itemIds, []).map((item, index) => {\n      const order = resolveRepeaterItemOrder(item, index);\n      return {\n        id: `${defaultTo(recordId, 'draft')}-${index}`,\n        code: String(order),\n        title: item.title,\n        description: item.description,\n        order,\n        color: item.color,\n      };\n    });\n  }\n\n  resolveDiagramItemsFromContext(data: Record<string, unknown>): AXMControlHierarchyDiagramItem[] | null {\n    if (!('itemIds' in data)) {\n      return null;\n    }\n\n    return this.mapRepeaterItemsToDiagramItems(\n      defaultTo(get(data, 'itemIds'), []) as AXMControlHierarchyLevelItemModel[],\n      get(data, 'id') as string | undefined,\n    );\n  }\n\n  resolveText(value: AXMControlHierarchyDiagramItem['title']): string {\n    const locale = this.translationService.getActiveLang();\n    return resolveMultiLanguageString(value, locale);\n  }\n\n  getContrastTextColor(color?: string): string {\n    if (!color) {\n      return 'rgb(var(--ax-sys-color-on-surface))';\n    }\n    const hex = color.replace('#', '');\n    if (hex.length !== 6) {\n      return 'rgb(var(--ax-sys-color-on-surface))';\n    }\n    const r = parseInt(hex.slice(0, 2), 16);\n    const g = parseInt(hex.slice(2, 4), 16);\n    const b = parseInt(hex.slice(4, 6), 16);\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n    return luminance > 0.62 ? 'rgb(var(--ax-sys-color-on-light-surface))' : 'rgb(var(--ax-sys-color-on-dark-surface))';\n  }\n\n  getViewTypeOptions(): Array<{ id: AXMControlHierarchyDiagramViewType; title: string }> {\n    return [\n      {\n        id: 'horizontal',\n        title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal',\n      },\n      {\n        id: 'vertical',\n        title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.vertical',\n      },\n      {\n        id: 'horizontal-chevron',\n        title:\n          '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal-chevron',\n      },\n    ];\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async queryLevelsByIds(\n    ids: string[],\n  ): Promise<AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel[]> {\n    if (ids.length === 0) {\n      return [];\n    }\n    const dataAccessor = this.entityService\n      .withEntity(RootConfig.module.name, RootConfig.entities.controlHierarchyLevels.name)\n      .data<string, AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel>();\n    try {\n      const result = await dataAccessor.query({\n        skip: 0,\n        take: Math.max(ids.length, 100),\n        filter:\n          ids.length === 1\n            ? { field: 'id', operator: { type: 'equal' }, value: ids[0] }\n            : { field: 'id', operator: { type: 'in' }, value: ids },\n      });\n      return result?.items ?? [];\n    } catch {\n      const loaded: AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel[] = [];\n      for (const id of ids) {\n        try {\n          const row = await dataAccessor.byKey(id);\n          if (row) {\n            loaded.push(row);\n          }\n        } catch {\n          /* skip missing rows */\n        }\n      }\n      return loaded;\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}