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

package/fesm2022/acorex-platform-module-workplacesafety-management-client-ppe-item-viewer-widget-edit.component-CQtVhCgw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-ppe-item-viewer-widget-edit.component-CQtVhCgw.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer-widget-edit.component.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer-widget-edit.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPValueWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed, effect, inject, signal, ViewEncapsulation } from '@angular/core';\n\nimport { AXMPpeItemViewerComponent } from './ppe-item-viewer.component';\nimport type { AXMPpeItemViewerDisplayItem, AXMPpeItemViewerLayout, AXMPpeItemViewerWidgetOptions } from './ppe-item-viewer.types';\nimport { AXMPpeItemViewerService } from './ppe-item-viewer.service';\nimport { extractPpeItemIds, resolvePpeItemViewerLayout } from './ppe-item-viewer.util';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axm-ppe-item-viewer-widget-edit',\n  templateUrl: './ppe-item-viewer-widget-edit.component.html',\n  styleUrl: './ppe-item-viewer-widget-edit.component.css',\n  host: {\n    class: 'axm-ppe-item-viewer-widget block w-full',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXFormModule, AXLabelModule, AXValidationModule, AXMPpeItemViewerComponent],\n})\nexport class AXMPpeItemViewerWidgetEditComponent extends AXPValueWidgetComponent<\n  string[] | null,\n  AXMPpeItemViewerWidgetOptions\n> {\n  //#region ----- Services & Dependencies -----\n\n  private readonly ppeItemViewerService = inject(AXMPpeItemViewerService);\n\n  //#endregion\n\n  //#region ----- State Signals -----\n\n  protected readonly loading = signal(false);\n  protected readonly items = signal<AXMPpeItemViewerDisplayItem[]>([]);\n\n  //#endregion\n\n  //#region ----- Computed Properties -----\n\n  protected readonly layout = computed<AXMPpeItemViewerLayout>(() =>\n    resolvePpeItemViewerLayout(this.options()['layout']),\n  );\n\n  protected readonly disabled = computed<boolean>(() => this.options()['disabled'] === true);\n\n  protected readonly selectedIds = computed(() => extractPpeItemIds(this.getValue()));\n\n  protected readonly fieldLabel = computed<string>(() => {\n    const label = this.options()['label'];\n    return typeof label === 'string' ? label : '';\n  });\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  private readonly loadConfiguredItems = effect((onCleanup) => {\n    const ids = extractPpeItemIds(this.options()['ppeItems']);\n    let cancelled = false;\n    onCleanup(() => {\n      cancelled = true;\n    });\n    void this.refreshItems(ids, () => cancelled);\n  });\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  protected isReadonly(): boolean {\n    return this.options()['readonly'] === true || this.mode === 'view' || this.mode === 'print';\n  }\n\n  protected onSelectedIdsChange(ids: string[]): void {\n    if (this.disabled() || this.isReadonly()) {\n      return;\n    }\n    this.setValue(ids.length > 0 ? ids : null);\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async refreshItems(ids: string[], isCancelled: () => boolean): Promise<void> {\n    if (ids.length === 0) {\n      this.items.set([]);\n      this.loading.set(false);\n      return;\n    }\n\n    this.beginHydration();\n    this.loading.set(true);\n    try {\n      const loaded = await this.ppeItemViewerService.loadDisplayItems(ids);\n      if (!isCancelled()) {\n        this.items.set(loaded);\n      }\n    } catch {\n      if (!isCancelled()) {\n        this.items.set([]);\n      }\n    } finally {\n      if (!isCancelled()) {\n        this.loading.set(false);\n      }\n      this.endHydration();\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<ax-form-field class=\"flex flex-col gap-1 w-full\">\n  @if (fieldLabel()) {\n    <!-- ----- Optional field label when the host does not already wrap the widget ----- -->\n    <ax-label class=\"font-semibold text-sm\" [required]=\"hasRequiredValidation()\">{{ fieldLabel() }}</ax-label>\n  }\n  <axm-ppe-item-viewer\n    [items]=\"items()\"\n    [layout]=\"layout()\"\n    [selectedIds]=\"selectedIds()\"\n    [loading]=\"loading()\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"isReadonly()\"\n    (selectedIdsChange)=\"onSelectedIdsChange($event)\"\n  />\n  @for (validation of validationRules(); track $index) {\n    <ax-validation-rule\n      [rule]=\"validation.rule\"\n      [message]=\"$safeNavigationMigration(validation.options?.message)\"\n      [options]=\"validation.options\"\n    ></ax-validation-rule>\n  }\n</ax-form-field>\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.service-YS8FHiRu.mjs

@@ -0,0 +1,221 @@
+import * as i1$2 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i1$3 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, Injectable } from '@angular/core';
+import * as i1 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { p as ppeItemViewerStandardText, a as resolvePpeItemViewerLook } from './acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.util-2Kl3_3sg.mjs';
+import { resolveMultiLanguageString } from '@acorex-platform/framework-shared/core';
+import { AXPFileStorageService, isStoredImageFileId, resolveStoredImageDisplayUrl } from '@acorex-platform/framework-client/common';
+import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { RootConfig } from '@acorex-platform/module-workplacesafety-management-client/contracts';
+
+//#endregion
+//#region ----- Component -----
+class AXMPpeItemCardComponent {
+    constructor() {
+        //#region ----- Inputs -----
+        this.item = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+        this.look = input('card', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.showControl = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showControl" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Outputs -----
+        this.selectedChange = output();
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.interactive = computed(() => this.showControl() && !this.disabled() && !this.readonly(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
+        this.standardText = computed(() => ppeItemViewerStandardText(this.item()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "standardText" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    onActivate() {
+        if (!this.interactive()) {
+            return;
+        }
+        this.selectedChange.emit(!this.selected());
+    }
+    onCheckChanged(event) {
+        if (!event.isUserInteraction || !this.interactive()) {
+            return;
+        }
+        this.selectedChange.emit(Boolean(event.value));
+    }
+    onControlClick(event) {
+        event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMPpeItemCardComponent, isStandalone: true, selector: "axm-ppe-item-card", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showControl: { classPropertyName: "showControl", publicName: "showControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "class.axm-ppe-item-card--list": "look() === \"list\"", "class.axm-ppe-item-card--card": "look() === \"card\"", "class.axm-ppe-item-card--selected": "selected()", "class.axm-ppe-item-card--interactive": "interactive()", "class.axm-ppe-item-card--disabled": "disabled()" }, classAttribute: "axm-ppe-item-card" }, ngImport: i0, template: "<div class=\"axm-ppe-item-card__body\" (click)=\"onActivate()\">\n  <!-- ----- PPE icon ----- -->\n  @if (item().imageUrl) {\n    <div class=\"axm-ppe-item-card__icon\">\n      <img [src]=\"item().imageUrl\" [alt]=\"item().title\" />\n    </div>\n  }\n  <!-- ----- Fallback icon when the PPE item has no image ----- -->\n  @else {\n    <div class=\"axm-ppe-item-card__icon axm-ppe-item-card__icon--fallback\">\n      <ax-icon icon=\"fa-light fa-helmet-safety\"></ax-icon>\n    </div>\n  }\n\n  <div class=\"axm-ppe-item-card__content\">\n    <span class=\"axm-ppe-item-card__title\">{{ item().title }}</span>\n    <!--->\n    <!-- ----- Standard / code when present ----- -->\n    @if (standardText()) {\n      <span class=\"axm-ppe-item-card__code\">{{ standardText() }}</span>\n    }\n  </div>\n\n  <!-- ----- Selection checkbox ----- -->\n  @if (showControl()) {\n    <div class=\"axm-ppe-item-card__control\" (click)=\"onControlClick($event)\">\n      <ax-check-box\n        [ngModel]=\"selected()\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (onValueChanged)=\"onCheckChanged($event)\"\n      ></ax-check-box>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;.axm-ppe-item-card{display:block;width:100%}.axm-ppe-item-card .axm-ppe-item-card__body{display:flex;width:100%}.axm-ppe-item-card .axm-ppe-item-card__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}.axm-ppe-item-card .axm-ppe-item-card__icon img{height:100%;width:100%;object-fit:contain}.axm-ppe-item-card .axm-ppe-item-card__icon--fallback{color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-card .axm-ppe-item-card__icon--fallback{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-card .axm-ppe-item-card__content{display:flex;min-width:0px;flex-direction:column}.axm-ppe-item-card .axm-ppe-item-card__title{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-ppe-item-card .axm-ppe-item-card__code{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-card .axm-ppe-item-card__code{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-card .axm-ppe-item-card__control{display:flex;flex-shrink:0;align-items:center}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__body{height:100%;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 3);text-align:center}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__icon{width:calc(var(--spacing, .25rem) * 16);height:calc(var(--spacing, .25rem) * 16)}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__icon--fallback{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__content{width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__control{justify-content:center}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__body{flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__icon{width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__content{flex:1;gap:calc(var(--spacing, .25rem) * .5)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__control{order:-9999}.axm-ppe-item-card.axm-ppe-item-card--selected.axm-ppe-item-card--card .axm-ppe-item-card__body{border-color:rgba(var(--ax-sys-color-primary-surface))}.axm-ppe-item-card.axm-ppe-item-card--interactive .axm-ppe-item-card__body{cursor:pointer}.axm-ppe-item-card.axm-ppe-item-card--disabled{opacity:60%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-ppe-item-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXCheckBoxModule, AXDecoratorModule, FormsModule], host: {
+                        class: 'axm-ppe-item-card',
+                        '[class.axm-ppe-item-card--list]': 'look() === "list"',
+                        '[class.axm-ppe-item-card--card]': 'look() === "card"',
+                        '[class.axm-ppe-item-card--selected]': 'selected()',
+                        '[class.axm-ppe-item-card--interactive]': 'interactive()',
+                        '[class.axm-ppe-item-card--disabled]': 'disabled()',
+                    }, template: "<div class=\"axm-ppe-item-card__body\" (click)=\"onActivate()\">\n  <!-- ----- PPE icon ----- -->\n  @if (item().imageUrl) {\n    <div class=\"axm-ppe-item-card__icon\">\n      <img [src]=\"item().imageUrl\" [alt]=\"item().title\" />\n    </div>\n  }\n  <!-- ----- Fallback icon when the PPE item has no image ----- -->\n  @else {\n    <div class=\"axm-ppe-item-card__icon axm-ppe-item-card__icon--fallback\">\n      <ax-icon icon=\"fa-light fa-helmet-safety\"></ax-icon>\n    </div>\n  }\n\n  <div class=\"axm-ppe-item-card__content\">\n    <span class=\"axm-ppe-item-card__title\">{{ item().title }}</span>\n    <!--->\n    <!-- ----- Standard / code when present ----- -->\n    @if (standardText()) {\n      <span class=\"axm-ppe-item-card__code\">{{ standardText() }}</span>\n    }\n  </div>\n\n  <!-- ----- Selection checkbox ----- -->\n  @if (showControl()) {\n    <div class=\"axm-ppe-item-card__control\" (click)=\"onControlClick($event)\">\n      <ax-check-box\n        [ngModel]=\"selected()\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (onValueChanged)=\"onCheckChanged($event)\"\n      ></ax-check-box>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;.axm-ppe-item-card{display:block;width:100%}.axm-ppe-item-card .axm-ppe-item-card__body{display:flex;width:100%}.axm-ppe-item-card .axm-ppe-item-card__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}.axm-ppe-item-card .axm-ppe-item-card__icon img{height:100%;width:100%;object-fit:contain}.axm-ppe-item-card .axm-ppe-item-card__icon--fallback{color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-card .axm-ppe-item-card__icon--fallback{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-card .axm-ppe-item-card__content{display:flex;min-width:0px;flex-direction:column}.axm-ppe-item-card .axm-ppe-item-card__title{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-ppe-item-card .axm-ppe-item-card__code{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-card .axm-ppe-item-card__code{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-card .axm-ppe-item-card__control{display:flex;flex-shrink:0;align-items:center}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__body{height:100%;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 3);text-align:center}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__icon{width:calc(var(--spacing, .25rem) * 16);height:calc(var(--spacing, .25rem) * 16)}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__icon--fallback{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__content{width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axm-ppe-item-card.axm-ppe-item-card--card .axm-ppe-item-card__control{justify-content:center}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__body{flex-direction:row;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__icon{width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__content{flex:1;gap:calc(var(--spacing, .25rem) * .5)}.axm-ppe-item-card.axm-ppe-item-card--list .axm-ppe-item-card__control{order:-9999}.axm-ppe-item-card.axm-ppe-item-card--selected.axm-ppe-item-card--card .axm-ppe-item-card__body{border-color:rgba(var(--ax-sys-color-primary-surface))}.axm-ppe-item-card.axm-ppe-item-card--interactive .axm-ppe-item-card__body{cursor:pointer}.axm-ppe-item-card.axm-ppe-item-card--disabled{opacity:60%}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControl", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+class AXMPpeItemViewerComponent {
+    constructor() {
+        //#region ----- Inputs -----
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.layout = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        this.selectedIds = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedIds" }] : /* istanbul ignore next */ []));
+        this.loading = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.showControl = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showControl" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Outputs -----
+        this.selectedIdsChange = output();
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.look = computed(() => resolvePpeItemViewerLook(this.layout()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.selectedIdSet = computed(() => new Set(this.selectedIds()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedIdSet" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    isSelected(itemId) {
+        return this.selectedIdSet().has(itemId);
+    }
+    onItemSelectedChange(itemId, selected) {
+        if (this.disabled() || this.readonly()) {
+            return;
+        }
+        const next = this.items()
+            .map((item) => item.id)
+            .filter((id) => (id === itemId ? selected : this.selectedIdSet().has(id)));
+        this.selectedIdsChange.emit(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMPpeItemViewerComponent, isStandalone: true, selector: "axm-ppe-item-viewer", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showControl: { classPropertyName: "showControl", publicName: "showControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIdsChange: "selectedIdsChange" }, host: { classAttribute: "axm-ppe-item-viewer block w-full" }, ngImport: i0, template: "@if (loading()) {\n  <!-- ----- Loading indicator while configured PPE items are fetched ----- -->\n  <ax-loading></ax-loading>\n}\n<!-- ----- Empty state when no PPE items are configured ----- -->\n@else if (items().length === 0) {\n  <p class=\"axm-ppe-item-viewer__empty\">\n    {{ '@workplacesafety-management:ppe-items.components.ppe-item-viewer.empty' | translate | async }}\n  </p>\n}\n<!-- ----- PPE items in card grid or checklist list ----- -->\n@else {\n  <div\n    class=\"axm-ppe-item-viewer__items\"\n    [class.axm-ppe-item-viewer__items--card]=\"look() === 'card'\"\n    [class.axm-ppe-item-viewer__items--list]=\"look() === 'list'\"\n  >\n    @for (item of items(); track item.id) {\n      <axm-ppe-item-card\n        [item]=\"item\"\n        [look]=\"look()\"\n        [selected]=\"isSelected(item.id)\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        [showControl]=\"showControl()\"\n        (selectedChange)=\"onItemSelectedChange(item.id, $event)\"\n      />\n    }\n  </div>\n}\n", styles: ["@layer properties;.axm-ppe-item-viewer{width:100%}.axm-ppe-item-viewer .axm-ppe-item-viewer__empty{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-viewer .axm-ppe-item-viewer__empty{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--card{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));width:100%;gap:calc(var(--spacing, .25rem) * 3)}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--list{display:flex;width:100%;flex-direction:column}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--list>*+*{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMPpeItemCardComponent, selector: "axm-ppe-item-card", inputs: ["item", "look", "selected", "disabled", "readonly", "showControl"], outputs: ["selectedChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-ppe-item-viewer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, AXLoadingModule, AXTranslationModule, AXMPpeItemCardComponent], host: {
+                        class: 'axm-ppe-item-viewer block w-full',
+                    }, template: "@if (loading()) {\n  <!-- ----- Loading indicator while configured PPE items are fetched ----- -->\n  <ax-loading></ax-loading>\n}\n<!-- ----- Empty state when no PPE items are configured ----- -->\n@else if (items().length === 0) {\n  <p class=\"axm-ppe-item-viewer__empty\">\n    {{ '@workplacesafety-management:ppe-items.components.ppe-item-viewer.empty' | translate | async }}\n  </p>\n}\n<!-- ----- PPE items in card grid or checklist list ----- -->\n@else {\n  <div\n    class=\"axm-ppe-item-viewer__items\"\n    [class.axm-ppe-item-viewer__items--card]=\"look() === 'card'\"\n    [class.axm-ppe-item-viewer__items--list]=\"look() === 'list'\"\n  >\n    @for (item of items(); track item.id) {\n      <axm-ppe-item-card\n        [item]=\"item\"\n        [look]=\"look()\"\n        [selected]=\"isSelected(item.id)\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        [showControl]=\"showControl()\"\n        (selectedChange)=\"onItemSelectedChange(item.id, $event)\"\n      />\n    }\n  </div>\n}\n", styles: ["@layer properties;.axm-ppe-item-viewer{width:100%}.axm-ppe-item-viewer .axm-ppe-item-viewer__empty{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-text-default))}@supports (color: color-mix(in lab,red,red)){.axm-ppe-item-viewer .axm-ppe-item-viewer__empty{color:color-mix(in oklab,rgba(var(--ax-sys-color-text-default)) 80%,transparent)}}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--card{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));width:100%;gap:calc(var(--spacing, .25rem) * 3)}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--list{display:flex;width:100%;flex-direction:column}.axm-ppe-item-viewer .axm-ppe-item-viewer__items--list>*+*{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], selectedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIds", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControl", required: false }] }], selectedIdsChange: [{ type: i0.Output, args: ["selectedIdsChange"] }] } });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+class AXMPpeItemViewerService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.entityService = inject(AXPEntityService);
+        this.translationService = inject(AXTranslationService);
+        this.fileStorage = inject(AXPFileStorageService, { optional: true });
+    }
+    //#endregion
+    //#region ----- Public API -----
+    async loadDisplayItems(ids) {
+        if (ids.length === 0) {
+            return [];
+        }
+        const records = await this.queryByIds(ids);
+        const byId = new Map(records.map((row) => [row.id, row]));
+        const locale = this.translationService.getActiveLang() ?? 'en-US';
+        return ids
+            .map((id) => byId.get(id))
+            .filter((row) => row != null)
+            .map((row) => this.toDisplayItem(row, locale));
+    }
+    //#endregion
+    //#region ----- Data Loading -----
+    async queryByIds(ids) {
+        const dataAccessor = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.ppeItem.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;
+        }
+    }
+    toDisplayItem(row, locale) {
+        const title = resolveMultiLanguageString(row.title, locale);
+        const code = typeof row.code === 'string' ? row.code.trim() : '';
+        const serialNumber = typeof row.serialNumber === 'string' ? row.serialNumber.trim() : '';
+        return {
+            id: row.id,
+            title,
+            code: code.length > 0 ? code : undefined,
+            serialNumber: serialNumber.length > 0 ? serialNumber : undefined,
+            imageUrl: this.resolveIconUrl(row.icon),
+        };
+    }
+    resolveIconUrl(icon) {
+        const trimmed = icon?.trim();
+        if (!trimmed) {
+            return null;
+        }
+        if (this.fileStorage && isStoredImageFileId(trimmed)) {
+            const displayUrl = resolveStoredImageDisplayUrl(trimmed, (fileId) => this.fileStorage.getDownloadUrl(fileId));
+            return displayUrl || null;
+        }
+        return resolveStoredImageDisplayUrl(trimmed, () => '') || null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemViewerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemViewerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPpeItemViewerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXMPpeItemViewerService as A, AXMPpeItemViewerComponent as a };
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.service-YS8FHiRu.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.service-YS8FHiRu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.service-YS8FHiRu.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-card.component.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-card.component.html","../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer.component.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer.component.html","../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer.service.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXValueChangedEvent } from '@acorex/cdk/common';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, computed, input, output, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport type { AXMPpeItemViewerDisplayItem, AXMPpeItemViewerLook } from './ppe-item-viewer.types';\nimport { ppeItemViewerStandardText } from './ppe-item-viewer.util';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axm-ppe-item-card',\n  templateUrl: './ppe-item-card.component.html',\n  styleUrl: './ppe-item-card.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [AXCheckBoxModule, AXDecoratorModule, FormsModule],\n  host: {\n    class: 'axm-ppe-item-card',\n    '[class.axm-ppe-item-card--list]': 'look() === \"list\"',\n    '[class.axm-ppe-item-card--card]': 'look() === \"card\"',\n    '[class.axm-ppe-item-card--selected]': 'selected()',\n    '[class.axm-ppe-item-card--interactive]': 'interactive()',\n    '[class.axm-ppe-item-card--disabled]': 'disabled()',\n  },\n})\nexport class AXMPpeItemCardComponent {\n  //#region ----- Inputs -----\n\n  readonly item = input.required<AXMPpeItemViewerDisplayItem>();\n  readonly look = input<AXMPpeItemViewerLook>('card');\n  readonly selected = input(false);\n  readonly disabled = input(false);\n  readonly readonly = input(false);\n  readonly showControl = input(true);\n\n  //#endregion\n\n  //#region ----- Outputs -----\n\n  readonly selectedChange = output<boolean>();\n\n  //#endregion\n\n  //#region ----- Computed Properties -----\n\n  protected readonly interactive = computed(\n    () => this.showControl() && !this.disabled() && !this.readonly(),\n  );\n\n  protected readonly standardText = computed(() => ppeItemViewerStandardText(this.item()));\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  protected onActivate(): void {\n    if (!this.interactive()) {\n      return;\n    }\n    this.selectedChange.emit(!this.selected());\n  }\n\n  protected onCheckChanged(event: AXValueChangedEvent<boolean>): void {\n    if (!event.isUserInteraction || !this.interactive()) {\n      return;\n    }\n    this.selectedChange.emit(Boolean(event.value));\n  }\n\n  protected onControlClick(event: Event): void {\n    event.stopPropagation();\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"axm-ppe-item-card__body\" (click)=\"onActivate()\">\n  <!-- ----- PPE icon ----- -->\n  @if (item().imageUrl) {\n    <div class=\"axm-ppe-item-card__icon\">\n      <img [src]=\"item().imageUrl\" [alt]=\"item().title\" />\n    </div>\n  }\n  <!-- ----- Fallback icon when the PPE item has no image ----- -->\n  @else {\n    <div class=\"axm-ppe-item-card__icon axm-ppe-item-card__icon--fallback\">\n      <ax-icon icon=\"fa-light fa-helmet-safety\"></ax-icon>\n    </div>\n  }\n\n  <div class=\"axm-ppe-item-card__content\">\n    <span class=\"axm-ppe-item-card__title\">{{ item().title }}</span>\n    <!--->\n    <!-- ----- Standard / code when present ----- -->\n    @if (standardText()) {\n      <span class=\"axm-ppe-item-card__code\">{{ standardText() }}</span>\n    }\n  </div>\n\n  <!-- ----- Selection checkbox ----- -->\n  @if (showControl()) {\n    <div class=\"axm-ppe-item-card__control\" (click)=\"onControlClick($event)\">\n      <ax-check-box\n        [ngModel]=\"selected()\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (onValueChanged)=\"onCheckChanged($event)\"\n      ></ax-check-box>\n    </div>\n  }\n</div>\n","//#region ----- Imports -----\n\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input, output, ViewEncapsulation } from '@angular/core';\n\nimport { AXMPpeItemCardComponent } from './ppe-item-card.component';\nimport type {\n  AXMPpeItemViewerDisplayItem,\n  AXMPpeItemViewerLayout,\n  AXMPpeItemViewerLook,\n} from './ppe-item-viewer.types';\nimport { resolvePpeItemViewerLook } from './ppe-item-viewer.util';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axm-ppe-item-viewer',\n  templateUrl: './ppe-item-viewer.component.html',\n  styleUrl: './ppe-item-viewer.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [AsyncPipe, AXLoadingModule, AXTranslationModule, AXMPpeItemCardComponent],\n  host: {\n    class: 'axm-ppe-item-viewer block w-full',\n  },\n})\nexport class AXMPpeItemViewerComponent {\n  //#region ----- Inputs -----\n\n  readonly items = input<AXMPpeItemViewerDisplayItem[]>([]);\n  readonly layout = input<AXMPpeItemViewerLayout>('horizontal');\n  readonly selectedIds = input<readonly string[]>([]);\n  readonly loading = input(false);\n  readonly disabled = input(false);\n  readonly readonly = input(false);\n  readonly showControl = input(true);\n\n  //#endregion\n\n  //#region ----- Outputs -----\n\n  readonly selectedIdsChange = output<string[]>();\n\n  //#endregion\n\n  //#region ----- Computed Properties -----\n\n  protected readonly look = computed<AXMPpeItemViewerLook>(() =>\n    resolvePpeItemViewerLook(this.layout()),\n  );\n\n  protected readonly selectedIdSet = computed(() => new Set(this.selectedIds()));\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  protected isSelected(itemId: string): boolean {\n    return this.selectedIdSet().has(itemId);\n  }\n\n  protected onItemSelectedChange(itemId: string, selected: boolean): void {\n    if (this.disabled() || this.readonly()) {\n      return;\n    }\n    const next = this.items()\n      .map((item) => item.id)\n      .filter((id) => (id === itemId ? selected : this.selectedIdSet().has(id)));\n    this.selectedIdsChange.emit(next);\n  }\n\n  //#endregion\n}\n\n//#endregion\n","@if (loading()) {\n  <!-- ----- Loading indicator while configured PPE items are fetched ----- -->\n  <ax-loading></ax-loading>\n}\n<!-- ----- Empty state when no PPE items are configured ----- -->\n@else if (items().length === 0) {\n  <p class=\"axm-ppe-item-viewer__empty\">\n    {{ '@workplacesafety-management:ppe-items.components.ppe-item-viewer.empty' | translate | async }}\n  </p>\n}\n<!-- ----- PPE items in card grid or checklist list ----- -->\n@else {\n  <div\n    class=\"axm-ppe-item-viewer__items\"\n    [class.axm-ppe-item-viewer__items--card]=\"look() === 'card'\"\n    [class.axm-ppe-item-viewer__items--list]=\"look() === 'list'\"\n  >\n    @for (item of items(); track item.id) {\n      <axm-ppe-item-card\n        [item]=\"item\"\n        [look]=\"look()\"\n        [selected]=\"isSelected(item.id)\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        [showControl]=\"showControl()\"\n        (selectedChange)=\"onItemSelectedChange(item.id, $event)\"\n      />\n    }\n  </div>\n}\n","//#region ----- Imports -----\n\nimport { resolveMultiLanguageString } from '@acorex-platform/framework-shared/core';\nimport { AXPFileStorageService, isStoredImageFileId, resolveStoredImageDisplayUrl } from '@acorex-platform/framework-client/common';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Injectable, inject } from '@angular/core';\n\nimport { RootConfig, type AXMWorkplaceSafetyManagementPpeItemEntityModel } from '@acorex-platform/module-workplacesafety-management-client/contracts';\n\nimport type { AXMPpeItemViewerDisplayItem } from './ppe-item-viewer.types';\n\n//#endregion\n\n//#region ----- Service -----\n\n@Injectable({ providedIn: 'root' })\nexport class AXMPpeItemViewerService {\n  //#region ----- Services & Dependencies -----\n\n  private readonly entityService = inject(AXPEntityService);\n  private readonly translationService = inject(AXTranslationService);\n  private readonly fileStorage = inject(AXPFileStorageService, { optional: true });\n\n  //#endregion\n\n  //#region ----- Public API -----\n\n  async loadDisplayItems(ids: string[]): Promise<AXMPpeItemViewerDisplayItem[]> {\n    if (ids.length === 0) {\n      return [];\n    }\n\n    const records = await this.queryByIds(ids);\n    const byId = new Map(records.map((row) => [row.id, row]));\n    const locale = this.translationService.getActiveLang() ?? 'en-US';\n\n    return ids\n      .map((id) => byId.get(id))\n      .filter((row): row is AXMWorkplaceSafetyManagementPpeItemEntityModel => row != null)\n      .map((row) => this.toDisplayItem(row, locale));\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async queryByIds(ids: string[]): Promise<AXMWorkplaceSafetyManagementPpeItemEntityModel[]> {\n    const dataAccessor = this.entityService\n      .withEntity(RootConfig.module.name, RootConfig.entities.ppeItem.name)\n      .data<string, AXMWorkplaceSafetyManagementPpeItemEntityModel>();\n\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: AXMWorkplaceSafetyManagementPpeItemEntityModel[] = [];\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  private toDisplayItem(\n    row: AXMWorkplaceSafetyManagementPpeItemEntityModel,\n    locale: string,\n  ): AXMPpeItemViewerDisplayItem {\n    const title = resolveMultiLanguageString(row.title, locale);\n    const code = typeof row.code === 'string' ? row.code.trim() : '';\n    const serialNumber = typeof row.serialNumber === 'string' ? row.serialNumber.trim() : '';\n    return {\n      id: row.id,\n      title,\n      code: code.length > 0 ? code : undefined,\n      serialNumber: serialNumber.length > 0 ? serialNumber : undefined,\n      imageUrl: this.resolveIconUrl(row.icon),\n    };\n  }\n\n  private resolveIconUrl(icon: string | undefined): string | null {\n    const trimmed = icon?.trim();\n    if (!trimmed) {\n      return null;\n    }\n    if (this.fileStorage && isStoredImageFileId(trimmed)) {\n      const displayUrl = resolveStoredImageDisplayUrl(trimmed, (fileId) =>\n        this.fileStorage!.getDownloadUrl(fileId),\n      );\n      return displayUrl || null;\n    }\n    return resolveStoredImageDisplayUrl(trimmed, () => '') || null;\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":["i3","i2"],"mappings":"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"}

package/fesm2022/acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.util-2Kl3_3sg.mjs

@@ -0,0 +1,61 @@
+//#region ----- Imports -----
+//#endregion
+//#region ----- Lookup id extraction -----
+function extractLookupId(value) {
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        return trimmed.length > 0 ? trimmed : null;
+    }
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+        const id = value.id;
+        if (typeof id === 'string' && id.trim().length > 0) {
+            return id.trim();
+        }
+    }
+    return null;
+}
+/**
+ * Normalizes widget config or bound answer values to PPE item ids.
+ * Lookup multiple may persist `string[]` or `{ id }[]`.
+ */
+function extractPpeItemIds(value) {
+    if (value == null) {
+        return [];
+    }
+    if (Array.isArray(value)) {
+        const ids = [];
+        const seen = new Set();
+        for (const entry of value) {
+            const id = extractLookupId(entry);
+            if (id && !seen.has(id)) {
+                seen.add(id);
+                ids.push(id);
+            }
+        }
+        return ids;
+    }
+    const single = extractLookupId(value);
+    return single ? [single] : [];
+}
+//#endregion
+//#region ----- Layout -----
+function resolvePpeItemViewerLayout(value) {
+    const raw = typeof value === 'string' ? value : value?.id;
+    return raw === 'vertical' ? 'vertical' : 'horizontal';
+}
+/** Horizontal layout is a card grid; vertical layout is a checklist-style list. */
+function resolvePpeItemViewerLook(value) {
+    return resolvePpeItemViewerLayout(value) === 'vertical' ? 'list' : 'card';
+}
+function ppeItemViewerStandardText(item) {
+    const code = item.code?.trim() ?? '';
+    const serial = item.serialNumber?.trim() ?? '';
+    if (code && serial && serial !== code) {
+        return `${code} · ${serial}`;
+    }
+    return code || serial;
+}
+//#endregion
+
+export { resolvePpeItemViewerLook as a, extractPpeItemIds as e, ppeItemViewerStandardText as p, resolvePpeItemViewerLayout as r };
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.util-2Kl3_3sg.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.util-2Kl3_3sg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-ppe-item-viewer.util-2Kl3_3sg.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/ppe-item-viewer/ppe-item-viewer.util.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport type {\n  AXMPpeItemViewerDisplayItem,\n  AXMPpeItemViewerLayout,\n  AXMPpeItemViewerLayoutOption,\n  AXMPpeItemViewerLook,\n} from './ppe-item-viewer.types';\n\n//#endregion\n\n//#region ----- Lookup id extraction -----\n\nfunction extractLookupId(value: unknown): string | null {\n  if (typeof value === 'string') {\n    const trimmed = value.trim();\n    return trimmed.length > 0 ? trimmed : null;\n  }\n  if (value && typeof value === 'object' && !Array.isArray(value)) {\n    const id = (value as { id?: unknown }).id;\n    if (typeof id === 'string' && id.trim().length > 0) {\n      return id.trim();\n    }\n  }\n  return null;\n}\n\n/**\n * Normalizes widget config or bound answer values to PPE item ids.\n * Lookup multiple may persist `string[]` or `{ id }[]`.\n */\nexport function extractPpeItemIds(value: unknown): string[] {\n  if (value == null) {\n    return [];\n  }\n  if (Array.isArray(value)) {\n    const ids: string[] = [];\n    const seen = new Set<string>();\n    for (const entry of value) {\n      const id = extractLookupId(entry);\n      if (id && !seen.has(id)) {\n        seen.add(id);\n        ids.push(id);\n      }\n    }\n    return ids;\n  }\n  const single = extractLookupId(value);\n  return single ? [single] : [];\n}\n\n//#endregion\n\n//#region ----- Layout -----\n\nexport function resolvePpeItemViewerLayout(\n  value: AXMPpeItemViewerLayoutOption | string | undefined,\n): AXMPpeItemViewerLayout {\n  const raw = typeof value === 'string' ? value : value?.id;\n  return raw === 'vertical' ? 'vertical' : 'horizontal';\n}\n\n/** Horizontal layout is a card grid; vertical layout is a checklist-style list. */\nexport function resolvePpeItemViewerLook(\n  value: AXMPpeItemViewerLayoutOption | string | undefined,\n): AXMPpeItemViewerLook {\n  return resolvePpeItemViewerLayout(value) === 'vertical' ? 'list' : 'card';\n}\n\nexport function ppeItemViewerStandardText(item: AXMPpeItemViewerDisplayItem): string {\n  const code = item.code?.trim() ?? '';\n  const serial = item.serialNumber?.trim() ?? '';\n  if (code && serial && serial !== code) {\n    return `${code} · ${serial}`;\n  }\n  return code || serial;\n}\n\n//#endregion\n"],"names":[],"mappings":"AAAA;AASA;AAEA;AAEA,SAAS,eAAe,CAAC,KAAc,EAAA;AACrC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE;AAC5B,QAAA,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,IAAI;IAC5C;AACA,IAAA,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC/D,QAAA,MAAM,EAAE,GAAI,KAA0B,CAAC,EAAE;AACzC,QAAA,IAAI,OAAO,EAAE,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;AAClD,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE;QAClB;IACF;AACA,IAAA,OAAO,IAAI;AACb;AAEA;;;AAGG;AACG,SAAU,iBAAiB,CAAC,KAAc,EAAA;AAC9C,IAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,QAAA,OAAO,EAAE;IACX;AACA,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,GAAG,GAAa,EAAE;AACxB,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;AAC9B,QAAA,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;AACzB,YAAA,MAAM,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;YACjC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AACvB,gBAAA,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AACZ,gBAAA,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACd;QACF;AACA,QAAA,OAAO,GAAG;IACZ;AACA,IAAA,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC;IACrC,OAAO,MAAM,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;AAC/B;AAEA;AAEA;AAEM,SAAU,0BAA0B,CACxC,KAAwD,EAAA;AAExD,IAAA,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,EAAE;IACzD,OAAO,GAAG,KAAK,UAAU,GAAG,UAAU,GAAG,YAAY;AACvD;AAEA;AACM,SAAU,wBAAwB,CACtC,KAAwD,EAAA;AAExD,IAAA,OAAO,0BAA0B,CAAC,KAAK,CAAC,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM;AAC3E;AAEM,SAAU,yBAAyB,CAAC,IAAiC,EAAA;IACzE,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IACpC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE;IAC9C,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM,KAAK,IAAI,EAAE;AACrC,QAAA,OAAO,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,MAAM,EAAE;IAC9B;IACA,OAAO,IAAI,IAAI,MAAM;AACvB;AAEA;;;;"}

package/fesm2022/{acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-C2X3VpEt.mjs → acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-Dd9xdo_y.mjs}

@@ -5,7 +5,7 @@ import { inject, Injectable } from '@angular/core';
 import { get, defaultTo, isString } from 'lodash';
 import { AXPWidgetsList } from '@acorex-platform/framework-shared/core';
 import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
-import { A as AXMControlHierarchyDiagramService } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-BBhH7KP1.mjs';
+import { A as AXMControlHierarchyDiagramService } from './acorex-platform-module-workplacesafety-management-client-control-hierarchy-diagram.service-tMrUDnCb.mjs';
 
 //#region ----   Imports   ----
 //#endregion
@@ -30,7 +30,7 @@ class AXMControlHierarchyDiagramViewerService {
             title: get(options.context, 'title'),
             hierarchyDiagram: null,
         };
-        const ref = await this.layoutBuilder
+        await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
@@ -71,13 +71,9 @@ class AXMControlHierarchyDiagramViewerService {
                         });
                     });
                 });
-            })
-                .setActions((actions) => {
-                actions.cancel('@general:actions.close.title');
             });
         })
             .show();
-        ref.close();
     }
     //#endregion
     //#region ----   Utility Methods   ----
@@ -172,4 +168,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMPreviewControlHierarchyDiagramCommand };
-//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-C2X3VpEt.mjs.map
+//# sourceMappingURL=acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-Dd9xdo_y.mjs.map

package/fesm2022/acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-Dd9xdo_y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-workplacesafety-management-client-preview-control-hierarchy-diagram.command-Dd9xdo_y.mjs","sources":["../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/control-hierarchy-diagram-viewer.service.ts","../../../../libs/modules/workplacesafety-management/client/src/lib/features/control-hierarchy-diagram/commands/preview-control-hierarchy-diagram.command.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { resolveEntityRowDisplayText } from '@acorex-platform/framework-client/common';\nimport { AXPWidgetsList } from '@acorex-platform/framework-shared/core';\nimport { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { inject, Injectable } from '@angular/core';\nimport { defaultTo, get } from 'lodash';\n\nimport { AXMControlHierarchyDiagramService } from './control-hierarchy-diagram.service';\n\n//#endregion\n\n//#region ----   Types   ----\n\nexport interface AXMControlHierarchyDiagramViewerOpenOptions {\n  context: Record<string, unknown>;\n  title?: string;\n}\n\n//#endregion\n\n//#region ----   Control Hierarchy Diagram Viewer Service   ----\n\n/**\n * Opens a read-only control hierarchy diagram preview dialog from form or record context.\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMControlHierarchyDiagramViewerService {\n  //#region ----   Services & Dependencies   ----\n\n  private readonly layoutBuilder = inject(AXPLayoutBuilderService);\n  private readonly diagramService = inject(AXMControlHierarchyDiagramService);\n  private readonly translation = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----   Public API   ----\n\n  async open(options: AXMControlHierarchyDiagramViewerOpenOptions): Promise<void> {\n    const context = {\n      hierarchyDiagramViewType: defaultTo(get(options.context, 'hierarchyDiagramViewType'), 'horizontal'),\n      itemIds: defaultTo(get(options.context, 'itemIds'), []),\n      id: get(options.context, 'id'),\n      title: get(options.context, 'title'),\n      hierarchyDiagram: null,\n    };\n\n    await this.layoutBuilder\n      .create()\n      .dialog((dialog) => {\n        dialog\n          .setTitle(this.resolveDialogTitle(options.title))\n          .setSize('lg')\n          .setCloseButton(true)\n          .setContext(context)\n          .content((layout) => {\n            layout.flex((flex) => {\n              flex.setDirection('column');\n              flex.formField(\n                '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.fields.view-type.title',\n                (field) => {\n                  field.path('hierarchyDiagramViewType').selectBox({\n                    valueField: 'id',\n                    textField: 'title',\n                    dataSource: this.diagramService.getViewTypeOptions(),\n                  });\n                },\n              );\n              flex.formField('', (field) => {\n                field\n                  .path('hierarchyDiagram')\n                  .setShowLabel(false)\n                  .mode('view')\n                  .customWidget(AXPWidgetsList.Editors.ControlHierarchyDiagram, {\n                    showLabel: false,\n                    showTitle: false,\n                    showViewTypeSelector: false,\n                    viewType: '{{ context.eval(\"hierarchyDiagramViewType\") ?? \"horizontal\" }}',\n                    triggers: [\n                      {\n                        event: \"{{ events.context('hierarchyDiagramViewType') }}\",\n                        action: '{{ widget.refresh() }}',\n                      },\n                      {\n                        event: \"{{ events.context('itemIds') }}\",\n                        action: '{{ widget.refresh() }}',\n                      },\n                    ],\n                  });\n              });\n            });\n          });\n      })\n      .show();\n  }\n\n  //#endregion\n\n  //#region ----   Utility Methods   ----\n\n  private resolveDialogTitle(title: string | undefined): string {\n    const resolved = resolveEntityRowDisplayText(title, this.translation.getActiveLang() ?? 'en-US');\n    return resolved || 'Hierarchy Diagram';\n  }\n\n  //#endregion\n}\n\n//#endregion\n","//#region ----   Imports   ----\n\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';\nimport { resolveEntityRowDisplayText } from '@acorex-platform/framework-client/common';\nimport { AXPRuntimeCommandResult } from '@acorex-platform/framework-shared/core';\n\nimport { Injectable, inject } from '@angular/core';\nimport { defaultTo, get, isString } from 'lodash';\n\nimport { AXMControlHierarchyDiagramViewerService } from '../control-hierarchy-diagram-viewer.service';\n\n//#endregion\n\n//#region ----   Command Types   ----\n\nexport interface AXMPreviewControlHierarchyDiagramCommandInput {\n  title?: string;\n  itemIds?: unknown;\n  hierarchyDiagramViewType?: string;\n  id?: string;\n  data?: Record<string, unknown>;\n  options?: Partial<AXMPreviewControlHierarchyDiagramCommandInput>;\n}\n\n//#endregion\n\n//#region ----   Command   ----\n\n@Injectable()\nexport class AXMPreviewControlHierarchyDiagramCommand\n  implements AXPCommand<AXMPreviewControlHierarchyDiagramCommandInput, void>\n{\n  //#region ----   Services & Dependencies   ----\n\n  private readonly translationService = inject(AXTranslationService);\n  private readonly diagramViewer = inject(AXMControlHierarchyDiagramViewerService);\n\n  //#endregion\n\n  //#region ----   Command Implementation   ----\n\n  async execute(input: AXMPreviewControlHierarchyDiagramCommandInput): AXPCommandExecuteResultPromise<void> {\n    try {\n      const context = this.resolveContext(input);\n      const dialogTitle = await this.resolveDialogTitle(input, context);\n\n      await this.diagramViewer.open({\n        context,\n        title: dialogTitle,\n      });\n\n      return {\n        success: true,\n        kind: 'object',\n        data: undefined,\n        metadata: { refresh: false },\n      };\n    } catch {\n      return {\n        success: false,\n        message: {\n          text: await this.translationService.translateAsync('@general:messages.generic.error.description'),\n        },\n      };\n    }\n  }\n\n  //#endregion\n\n  //#region ----   Utility Methods   ----\n\n  private resolveContext(input: AXMPreviewControlHierarchyDiagramCommandInput): Record<string, unknown> {\n    const ctxData = input.data;\n    if (ctxData) {\n      return {\n        itemIds: defaultTo(get(ctxData, 'itemIds'), []),\n        hierarchyDiagramViewType: defaultTo(get(ctxData, 'hierarchyDiagramViewType'), 'horizontal'),\n        id: get(ctxData, 'id'),\n        title: get(ctxData, 'title'),\n      };\n    }\n\n    const ctxOpts = defaultTo(input.options, {});\n\n    return {\n      itemIds: defaultTo(get(input, 'itemIds'), defaultTo(get(ctxOpts, 'itemIds'), [])),\n      hierarchyDiagramViewType: defaultTo(\n        get(input, 'hierarchyDiagramViewType'),\n        defaultTo(get(ctxOpts, 'hierarchyDiagramViewType'), 'horizontal'),\n      ),\n      id: defaultTo(get(input, 'id'), get(ctxOpts, 'id')),\n      title: defaultTo(get(input, 'title'), get(ctxOpts, 'title')),\n    };\n  }\n\n  private async resolveDialogTitle(\n    input: AXMPreviewControlHierarchyDiagramCommandInput,\n    context: Record<string, unknown>,\n  ): Promise<string> {\n    const previewLabel =\n      (await this.translationService.translateAsync('@general:actions.preview.title')) || 'Preview';\n    const locale = this.translationService.getActiveLang?.() ?? 'en-US';\n\n    const explicitTitle = defaultTo(input.title, get(input, 'options.title'));\n    if (isString(explicitTitle) && explicitTitle.trim().length > 0) {\n      return `${previewLabel}: ${resolveMultiLanguageString(explicitTitle, locale).trim()}`;\n    }\n\n    const contextTitle = get(context, 'title');\n    if (contextTitle != null) {\n      const recordTitle = resolveEntityRowDisplayText(contextTitle, locale).trim();\n      if (recordTitle.length > 0) {\n        return `${previewLabel}: ${recordTitle}`;\n      }\n    }\n\n    const diagramTitle =\n      (await this.translationService.translateAsync(\n        '@workplacesafety-management:control-measure-types.components.control-hierarchy-diagram.title',\n      )) || 'Hierarchy Diagram';\n\n    return `${previewLabel}: ${diagramTitle}`;\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}