@acorex/modules 21.0.0-next.89 → 21.0.0-next.90

package/fesm2022/acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs

@@ -0,0 +1,70 @@
+import { AXPBaseWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isBoolean, isString, get, defaultTo } from 'lodash-es';
+import { r as resolveControlHierarchyDiagramViewType, A as AXMControlHierarchyDiagramComponent } from './acorex-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Widget Edit Component   ----
+class AXMControlHierarchyDiagramWidgetEditComponent extends AXPBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        /** Designer/default initial layout only; runtime selection stays inside the diagram component. */
+        this.initialViewType = computed(() => resolveControlHierarchyDiagramViewType(this.options()['viewType']), ...(ngDevMode ? [{ debugName: "initialViewType" }] : /* istanbul ignore next */ []));
+        this.showViewTypeSelector = computed(() => this.resolveShowViewTypeSelector(), ...(ngDevMode ? [{ debugName: "showViewTypeSelector" }] : /* istanbul ignore next */ []));
+        this.showTitle = computed(() => this.options()['showTitle'] === true, ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
+        this.highlightLevelId = computed(() => this.resolveHighlightLevelId(), ...(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: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXMControlHierarchyDiagramWidgetEditComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram-widget-edit", host: { classAttribute: "ax-block ax-w-full" }, usesInheritance: true, ngImport: i0, template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [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: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-control-hierarchy-diagram-widget-edit',
+                    template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [highlightLevelId]="highlightLevelId()"
+      [showViewTypeSelector]="showViewTypeSelector()"
+      [showTitle]="showTitle()"
+    />
+  `,
+                    host: {
+                        class: 'ax-block ax-w-full',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXMControlHierarchyDiagramComponent],
+                }]
+        }] });
+
+export { AXMControlHierarchyDiagramWidgetEditComponent };
+//# sourceMappingURL=acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs.map

package/fesm2022/acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-edit.component-CFF7X1MO.mjs","sources":["../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram-widget-edit.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPBaseWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { defaultTo, get, isBoolean, isString } from 'lodash-es';\n\nimport { AXMControlHierarchyDiagramComponent } from './control-hierarchy-diagram.component';\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 Edit Component   ----\n\n@Component({\n  selector: 'axm-control-hierarchy-diagram-widget-edit',\n  template: `\n    <axm-control-hierarchy-diagram\n      [viewType]=\"initialViewType()\"\n      [highlightLevelId]=\"highlightLevelId()\"\n      [showViewTypeSelector]=\"showViewTypeSelector()\"\n      [showTitle]=\"showTitle()\"\n    />\n  `,\n  host: {\n    class: 'ax-block ax-w-full',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXMControlHierarchyDiagramComponent],\n})\nexport class AXMControlHierarchyDiagramWidgetEditComponent extends AXPBaseWidgetComponent<AXMControlHierarchyDiagramWidgetOptions> {\n  //#region ----   Computed Properties   ----\n\n  /** Designer/default initial layout only; runtime selection stays inside the diagram component. */\n  protected initialViewType = computed<AXMControlHierarchyDiagramViewType>(() =>\n    resolveControlHierarchyDiagramViewType(this.options()['viewType']),\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-modules-workplacesafety-management-control-hierarchy-diagram-widget-view.component-DwC2aHVt.mjs

@@ -0,0 +1,70 @@
+import { AXPBaseWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isBoolean, isString, get, defaultTo } from 'lodash-es';
+import { r as resolveControlHierarchyDiagramViewType, A as AXMControlHierarchyDiagramComponent } from './acorex-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Widget View Component   ----
+class AXMControlHierarchyDiagramWidgetViewComponent extends AXPBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        /** Designer/default initial layout only; runtime selection stays inside the diagram component. */
+        this.initialViewType = computed(() => resolveControlHierarchyDiagramViewType(this.options()['viewType']), ...(ngDevMode ? [{ debugName: "initialViewType" }] : /* istanbul ignore next */ []));
+        this.showViewTypeSelector = computed(() => this.resolveShowViewTypeSelector(), ...(ngDevMode ? [{ debugName: "showViewTypeSelector" }] : /* istanbul ignore next */ []));
+        this.showTitle = computed(() => this.options()['showTitle'] === true, ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
+        this.highlightLevelId = computed(() => this.resolveHighlightLevelId(), ...(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: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXMControlHierarchyDiagramWidgetViewComponent, isStandalone: true, selector: "axm-control-hierarchy-diagram-widget-view", host: { classAttribute: "ax-block ax-w-full" }, usesInheritance: true, ngImport: i0, template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [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: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-control-hierarchy-diagram-widget-view',
+                    template: `
+    <axm-control-hierarchy-diagram
+      [viewType]="initialViewType()"
+      [highlightLevelId]="highlightLevelId()"
+      [showViewTypeSelector]="showViewTypeSelector()"
+      [showTitle]="showTitle()"
+    />
+  `,
+                    host: {
+                        class: 'ax-block ax-w-full',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXMControlHierarchyDiagramComponent],
+                }]
+        }] });
+
+export { AXMControlHierarchyDiagramWidgetViewComponent };
+//# sourceMappingURL=acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-view.component-DwC2aHVt.mjs.map

package/fesm2022/acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-view.component-DwC2aHVt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-workplacesafety-management-control-hierarchy-diagram-widget-view.component-DwC2aHVt.mjs","sources":["../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram-widget-view.component.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPBaseWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { defaultTo, get, isBoolean, isString } from 'lodash-es';\n\nimport { AXMControlHierarchyDiagramComponent } from './control-hierarchy-diagram.component';\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      [highlightLevelId]=\"highlightLevelId()\"\n      [showViewTypeSelector]=\"showViewTypeSelector()\"\n      [showTitle]=\"showTitle()\"\n    />\n  `,\n  host: {\n    class: 'ax-block ax-w-full',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXMControlHierarchyDiagramComponent],\n})\nexport class AXMControlHierarchyDiagramWidgetViewComponent extends AXPBaseWidgetComponent<AXMControlHierarchyDiagramWidgetOptions> {\n  //#region ----   Computed Properties   ----\n\n  /** Designer/default initial layout only; runtime selection stays inside the diagram component. */\n  protected initialViewType = computed<AXMControlHierarchyDiagramViewType>(() =>\n    resolveControlHierarchyDiagramViewType(this.options()['viewType']),\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-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs

@@ -0,0 +1,195 @@
+import * as i2 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationService, resolveMultiLanguageString, AXTranslationModule } from '@acorex/core/translation';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { defaultTo, orderBy, isEmpty } from 'lodash-es';
+import { AXPSystemStatusType } from '@acorex/platform/contracts';
+import { AXPEntityService } from '@acorex/platform/layout/entity';
+import { RootConfig } from './acorex-modules-workplacesafety-management.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Service   ----
+class AXMControlHierarchyDiagramService {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.entityService = inject(AXPEntityService);
+        this.translationService = inject(AXTranslationService);
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    async loadActiveLevels() {
+        const result = await this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.controlHierarchyLevels.name)
+            .data()
+            .query({
+            skip: 0,
+            take: 100,
+            filter: {
+                field: 'status',
+                operator: { type: 'equal' },
+                value: AXPSystemStatusType.Active,
+            },
+            sort: [{ field: 'effectivenessLevel', dir: 'desc' }],
+        });
+        const items = defaultTo(result.items, []);
+        return orderBy(items, ['effectivenessLevel'], ['desc']).map((item) => ({
+            id: item.id,
+            code: item.code,
+            title: item.title,
+            description: item.description,
+            effectivenessLevel: item.effectivenessLevel,
+            color: item.color,
+        }));
+    }
+    resolveText(value) {
+        const locale = this.translationService.getActiveLang();
+        return resolveMultiLanguageString(value, locale);
+    }
+    getContrastTextColor(color) {
+        if (!color) {
+            return 'rgb(var(--ax-sys-color-on-surface))';
+        }
+        const hex = color.replace('#', '');
+        if (hex.length !== 6) {
+            return 'rgb(var(--ax-sys-color-on-surface))';
+        }
+        const r = parseInt(hex.slice(0, 2), 16);
+        const g = parseInt(hex.slice(2, 4), 16);
+        const b = parseInt(hex.slice(4, 6), 16);
+        const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+        return luminance > 0.62 ? 'rgb(var(--ax-sys-color-on-light-surface))' : 'rgb(var(--ax-sys-color-on-dark-surface))';
+    }
+    getViewTypeOptions() {
+        return [
+            {
+                id: 'horizontal',
+                title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal',
+            },
+            {
+                id: 'vertical',
+                title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.vertical',
+            },
+            {
+                id: 'horizontal-chevron',
+                title: '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.view-types.horizontal-chevron',
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMControlHierarchyDiagramComponent {
+    //#endregion
+    //#region ----   Lifecycle   ----
+    ngOnInit() {
+        this.selectedViewType.set(this.viewType());
+    }
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.diagramService = inject(AXMControlHierarchyDiagramService);
+        //#endregion
+        //#region ----   Inputs / Outputs   ----
+        this.viewType = input('horizontal', ...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
+        this.items = input(null, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.highlightLevelId = input(null, ...(ngDevMode ? [{ debugName: "highlightLevelId" }] : /* istanbul ignore next */ []));
+        this.showViewTypeSelector = input(true, ...(ngDevMode ? [{ debugName: "showViewTypeSelector" }] : /* istanbul ignore next */ []));
+        this.showTitle = input(false, ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
+        this.viewTypeChange = output();
+        //#endregion
+        //#region ----   State   ----
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.loadedItems = signal([], ...(ngDevMode ? [{ debugName: "loadedItems" }] : /* istanbul ignore next */ []));
+        this.selectedViewType = signal('horizontal', ...(ngDevMode ? [{ debugName: "selectedViewType" }] : /* istanbul ignore next */ []));
+        this.viewTypeOptions = computed(() => this.diagramService.getViewTypeOptions(), ...(ngDevMode ? [{ debugName: "viewTypeOptions" }] : /* istanbul ignore next */ []));
+        this.displayItems = computed(() => {
+            const external = this.items();
+            const items = external ?? this.loadedItems();
+            return orderBy(items, ['effectivenessLevel'], ['desc']);
+        }, ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
+        this.pyramidWidths = computed(() => {
+            const count = this.displayItems().length;
+            if (count <= 1) {
+                return [100];
+            }
+            const step = 70 / (count - 1);
+            return this.displayItems().map((_item, index) => 100 - index * step);
+        }, ...(ngDevMode ? [{ debugName: "pyramidWidths" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            if (this.items() != null) {
+                return;
+            }
+            void this.loadItems();
+        });
+    }
+    //#endregion
+    //#region ----   UI Handlers   ----
+    resolveTitle(item) {
+        return this.diagramService.resolveText(item.title);
+    }
+    resolveDescription(item) {
+        return defaultTo(this.diagramService.resolveText(item.description ?? ''), '');
+    }
+    resolveTextColor(item) {
+        return this.diagramService.getContrastTextColor(item.color);
+    }
+    isHighlighted(item) {
+        const highlightId = this.highlightLevelId();
+        return !isEmpty(highlightId) && item.id === highlightId;
+    }
+    onViewTypeChanged(value) {
+        if (!value) {
+            return;
+        }
+        this.selectedViewType.set(value);
+        this.viewTypeChange.emit(value);
+    }
+    //#endregion
+    //#region ----   Data Loading   ----
+    async loadItems() {
+        this.loading.set(true);
+        try {
+            const levels = await this.diagramService.loadActiveLevels();
+            this.loadedItems.set(levels);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 ax-block ax-w-full" }, ngImport: i0, template: "@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header\">\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  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar\">\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\">\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\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ index + 1 }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical\">\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\">\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\">\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}\n", styles: [".axm-control-hierarchy-diagram{display:flex;flex-direction:column;gap:1rem}.axm-control-hierarchy-diagram__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.axm-control-hierarchy-diagram__title{margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__view-type{min-width:13rem}.axm-control-hierarchy-diagram__loading,.axm-control-hierarchy-diagram__empty{display:flex;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;padding:2rem;font-size:.875rem;line-height:1.25rem;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__effectiveness-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram__gradient{height:.5rem;border-radius:9999px;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__cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.axm-control-hierarchy-diagram__card{overflow:hidden;border-radius:.5rem;border-width:1px;border-top-width:4px;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface))}.axm-control-hierarchy-diagram__card--highlighted{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px;ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram__card-header{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.axm-control-hierarchy-diagram__card-body{margin:0;padding:.75rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__vertical{display:flex;flex-direction:column;align-items:center;gap:.75rem}.axm-control-hierarchy-diagram__vertical-label{font-size:.875rem;line-height:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__vertical-label--top{margin-bottom:.25rem}.axm-control-hierarchy-diagram__vertical-label--bottom{margin-top:.25rem}.axm-control-hierarchy-diagram__pyramid{display:flex;width:100%;max-width:48rem;flex-direction:column;align-items:center;gap:.25rem}.axm-control-hierarchy-diagram__pyramid-row{display:flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.125rem;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600}.axm-control-hierarchy-diagram__pyramid-row--highlighted{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px;ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram__chevron{display:flex;width:100%;flex-wrap:wrap;align-items:stretch;gap:.5rem}.axm-control-hierarchy-diagram__chevron-title{display:flex;min-height:3.5rem;min-width:10rem;align-items:center;justify-content:center;border-radius:.375rem;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight: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__chevron-effective{display:flex;min-height:3.5rem;min-width:7rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;padding-left:.75rem;padding-right:.75rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight: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__chevron-effective--end{margin-left:auto}.axm-control-hierarchy-diagram__chevron-track{display:flex;min-height:3.5rem;flex:1 1 0%;flex-wrap:wrap;align-items:stretch;gap:0px;overflow:hidden;border-radius:.375rem}.axm-control-hierarchy-diagram__chevron-segment{position:relative;display:flex;min-height:3.5rem;min-width:6rem;flex:1 1 0%;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram__chevron-segment--highlighted{z-index:10;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 1px;ring-color:rgb(var(--ax-sys-color-primary-500))}.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__chevron-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}\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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMControlHierarchyDiagramComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-control-hierarchy-diagram', host: {
+                        class: 'axm-control-hierarchy-diagram ax-block ax-w-full',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, FormsModule, AXSelectBoxModule, AXTranslationModule], template: "@if (showViewTypeSelector()) {\n  <div class=\"axm-control-hierarchy-diagram__header\">\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  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar\">\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\">\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\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ index + 1 }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical\">\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\">\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\">\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}\n", styles: [".axm-control-hierarchy-diagram{display:flex;flex-direction:column;gap:1rem}.axm-control-hierarchy-diagram__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.axm-control-hierarchy-diagram__title{margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__view-type{min-width:13rem}.axm-control-hierarchy-diagram__loading,.axm-control-hierarchy-diagram__empty{display:flex;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;padding:2rem;font-size:.875rem;line-height:1.25rem;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__effectiveness-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-control-hierarchy-diagram__gradient{height:.5rem;border-radius:9999px;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__cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.axm-control-hierarchy-diagram__card{overflow:hidden;border-radius:.5rem;border-width:1px;border-top-width:4px;background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-surface))}.axm-control-hierarchy-diagram__card--highlighted{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px;ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram__card-header{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.axm-control-hierarchy-diagram__card-body{margin:0;padding:.75rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__vertical{display:flex;flex-direction:column;align-items:center;gap:.75rem}.axm-control-hierarchy-diagram__vertical-label{font-size:.875rem;line-height:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:rgb(var(--ax-sys-color-on-surface))}.axm-control-hierarchy-diagram__vertical-label--top{margin-bottom:.25rem}.axm-control-hierarchy-diagram__vertical-label--bottom{margin-top:.25rem}.axm-control-hierarchy-diagram__pyramid{display:flex;width:100%;max-width:48rem;flex-direction:column;align-items:center;gap:.25rem}.axm-control-hierarchy-diagram__pyramid-row{display:flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.125rem;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600}.axm-control-hierarchy-diagram__pyramid-row--highlighted{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px;ring-color:rgb(var(--ax-sys-color-primary-500))}.axm-control-hierarchy-diagram__chevron{display:flex;width:100%;flex-wrap:wrap;align-items:stretch;gap:.5rem}.axm-control-hierarchy-diagram__chevron-title{display:flex;min-height:3.5rem;min-width:10rem;align-items:center;justify-content:center;border-radius:.375rem;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight: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__chevron-effective{display:flex;min-height:3.5rem;min-width:7rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;padding-left:.75rem;padding-right:.75rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight: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__chevron-effective--end{margin-left:auto}.axm-control-hierarchy-diagram__chevron-track{display:flex;min-height:3.5rem;flex:1 1 0%;flex-wrap:wrap;align-items:stretch;gap:0px;overflow:hidden;border-radius:.375rem}.axm-control-hierarchy-diagram__chevron-segment{position:relative;display:flex;min-height:3.5rem;min-width:6rem;flex:1 1 0%;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}.axm-control-hierarchy-diagram__chevron-segment--highlighted{z-index:10;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 1px;ring-color:rgb(var(--ax-sys-color-primary-500))}.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__chevron-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}\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   ----
+function resolveControlHierarchyDiagramViewType(value) {
+    if (!value) {
+        return 'horizontal';
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    return value.id ?? 'horizontal';
+}
+//#endregion
+
+export { AXMControlHierarchyDiagramComponent as A, resolveControlHierarchyDiagramViewType as r };
+//# sourceMappingURL=acorex-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs.map

package/fesm2022/acorex-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-workplacesafety-management-control-hierarchy-diagram.types-DmzV305e.mjs","sources":["../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.service.ts","../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.component.ts","../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.component.html","../../../../libs/modules/workplacesafety-management/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram.types.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';\nimport { AXPSystemStatusType } from '@acorex/platform/contracts';\nimport { AXPEntityService } from '@acorex/platform/layout/entity';\nimport { Injectable, inject } from '@angular/core';\nimport { defaultTo, orderBy } from 'lodash-es';\n\nimport { RootConfig } from '../../contracts';\nimport { type AXMWorkplaceSafetyManagementControlHierarchyLevelsEntityModel } from '../../entities/control-hierarchy-levels/control-hierarchy-levels.types';\nimport {\n  type AXMControlHierarchyDiagramItem,\n  type AXMControlHierarchyDiagramViewType,\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        filter: {\n          field: 'status',\n          operator: { type: 'equal' },\n          value: AXPSystemStatusType.Active,\n        },\n        sort: [{ field: 'effectivenessLevel', dir: 'desc' }],\n      });\n\n    const items = defaultTo(result.items, []);\n    return orderBy(items, ['effectivenessLevel'], ['desc']).map((item) => ({\n      id: item.id,\n      code: item.code,\n      title: item.title,\n      description: item.description,\n      effectivenessLevel: item.effectivenessLevel,\n      color: item.color,\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\n//#endregion\n","//#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-es';\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.scss',\n  host: {\n    class: 'axm-control-hierarchy-diagram ax-block ax-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, ['effectivenessLevel'], ['desc']);\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      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\">\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  @switch (selectedViewType()) {\n    @case ('horizontal') {\n      <div class=\"axm-control-hierarchy-diagram__horizontal\">\n        <div class=\"axm-control-hierarchy-diagram__effectiveness-bar\">\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\">\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\"\n                [style.background]=\"item.color\"\n                [style.color]=\"resolveTextColor(item)\"\n              >\n                ({{ index + 1 }}) {{ resolveTitle(item) }}\n              </header>\n              <p class=\"axm-control-hierarchy-diagram__card-body\">\n                {{ resolveDescription(item) }}\n              </p>\n            </article>\n          }\n        </div>\n      </div>\n    }\n    @case ('vertical') {\n      <div class=\"axm-control-hierarchy-diagram__vertical\">\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\">\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\">\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}\n","//#region ----   Imports   ----\n\nimport { type AXPMultiLanguageString } from '@acorex/platform/contracts';\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 | undefined,\n): AXMControlHierarchyDiagramViewType {\n  if (!value) {\n    return 'horizontal';\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return value.id ?? 'horizontal';\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  effectivenessLevel: number;\n  color?: string;\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}