@yuuvis/client-framework 2.0.3 → 2.0.5

package/fesm2022/yuuvis-client-framework-metadata-form.mjs

@@ -8,7 +8,19 @@ import * as i1 from '@yuuvis/client-framework/common';
 import { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';
 
 /**
- * Registration service for form elements rendered within an object form.
+ * Object forms are used to render and edit metadata of DMS objects. Each property
+ * of an object can be rendered in a diffenrent way, depending on the type of the property.
+ * This service allows to register and retrieve templates for rendering these form elements.
+ *
+ * You can register templates for different situations like EDIT, SEARCH, and CREATE.
+ * The templates will then be used to render the form elements in the object form component.
+ *
+ * So based on the property type you can register custom templates for rendering certain
+ * form elements. This is useful if you want to render a property in a different way.
+ *
+ * Example:
+ * Having a number property representing a rating, you might want to render it as
+ * a list of stars instead of a simple input field.
  */
 class MetadataFormElementRegistry {
     constructor() {
@@ -103,6 +115,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
                 }]
         }] });
 
+/**
+ * Directive to apply styles to an object metadata element label based on its control status.
+ * Depending on the state of the control (dirty, error), it will add or remove specific classes
+ * to the label element. Thes clases could then be used to style the label accordingly.
+ *
+ * @example
+ * <mat-label [yuvObjectMetadataElementLabel]="myControl">My Label</mat-label>
+ */
 class ObjectMetadataElementLabelDirective {
     constructor() {
         this.#elRef = inject(ElementRef);
@@ -138,7 +158,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }] });
 
 /**
- * Directive to apply an object-form related error to a mat-label element.
+ * Directive to apply an object-form related error to as inner text to an element.
+ * This could be used to render objec tform related errors in a custom element like <mat-error>.
+ *
+ * @example
+ * <mat-error [yuvObjectMetadataElementError]="myControl"></mat-error>
  */
 class ObjectMetadataElementErrorDirective {
     constructor() {
@@ -228,6 +252,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Component to render a metadata form field within an object form. These forms are
+ * created to render and edit metadata of DMS objects. This component is used as a wrapper
+ * for the actual form element, which is defined by the `formField` input.
+ */
 class MetadataFormFieldComponent {
     constructor() {
         this.#registry = inject(MetadataFormElementRegistry);

package/fesm2022/yuuvis-client-framework-metadata-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-metadata-form.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-element-registry.service.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-label.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-error.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-template.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.html","../../../../../libs/yuuvis/client-framework/metadata-form/src/yuuvis-client-framework-metadata-form.ts"],"sourcesContent":["import { Injectable, TemplateRef } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\n\n/**\n * Registration service for form elements rendered within an object form.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MetadataFormElementRegistry {\n  private _defaults: { [propertyType: string]: TemplateRef<any> } = {};\n\n  private _edit: { [propertyType: string]: TemplateRef<any> } = {};\n  private _search: { [propertyType: string]: TemplateRef<any> } = {};\n  private _create: { [propertyType: string]: TemplateRef<any> } = {};\n\n  /**\n   * Get a template to render a certain form element\n   * @param propertyType The internal type to get the template for\n   * @param situation Form situation\n   * @returns TemplateRef or undefined\n   */\n  getElementTemplate(propertyType: string, situation: string = Situation.EDIT): TemplateRef<any> | undefined {\n    let cmps = { ...this._defaults, ...this._edit };\n    if (situation === Situation.SEARCH) cmps = { ...this._defaults, ...this._edit, ...this._search };\n    else if (situation === Situation.CREATE) cmps = { ...this._defaults, ...this._edit, ...this._create };\n\n    return cmps[propertyType];\n  }\n\n  /**\n   * Register an object form element for a certain internal type. You might add a new component\n   * or overwrite an existung one.\n   * @param propertyType The internal type to provide the component for\n   * @param component The component\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  addElementTemplate(propertyType: string, templateRef: TemplateRef<any>, situation: Situation = Situation.EDIT): void {\n    if (propertyType && templateRef) {\n      switch (situation) {\n        case Situation.SEARCH: {\n          this._search[propertyType] = templateRef;\n          break;\n        }\n        case Situation.CREATE: {\n          this._create[propertyType] = templateRef;\n          break;\n        }\n        default: {\n          this._edit[propertyType] = templateRef;\n        }\n      }\n    }\n  }\n\n  /**\n   * Remove a registered form element.\n   * @param propertyType The internal type to remove the component for\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  removeElementTemplate(propertyType: string, situation: Situation = Situation.EDIT) {\n    switch (situation) {\n      case Situation.SEARCH: {\n        delete this._search[propertyType];\n        break;\n      }\n      case Situation.CREATE: {\n        delete this._create[propertyType];\n        break;\n      }\n      default: {\n        delete this._edit[propertyType];\n      }\n    }\n  }\n\n  /**\n   * Register default form element component. Usually this will be done by the object\n   * form component itself.\n   * @param propertyType The internal type to provide the component for\n   * @param component The default component\n   */\n  _addDefaultElementTemplate(propertyType: string, templateRef: TemplateRef<any>): void {\n    if (propertyType && templateRef) {\n      this._defaults[propertyType] = templateRef;\n    }\n  }\n\n  /**\n   * Remove a registered default form element.\n   * @param propertyType The internal type to remove the component for\n   */\n  _removeDefaultElementTemplate(propertyType: string) {\n    delete this._defaults[propertyType];\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControlStatus } from '@angular/forms';\n\n@Directive({\n  selector: '[yuvObjectMetadataElementLabel]',\n  standalone: true,\n  host: {\n    '[class.dirty]': 'yuvObjectMetadataElementLabel().dirty',\n    '[class.error]': 'yuvObjectMetadataElementLabel().error'\n  }\n})\nexport class ObjectMetadataElementLabelDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n\n  yuvObjectMetadataElementLabel = input<AbstractControl<any, any>>();\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementLabel();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');\n      });\n      ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', ctrl.dirty);\n      });\n    }\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControlStatus } from '@angular/forms';\nimport { ObjectFormControl, ObjectFormTranslateService } from '@yuuvis/client-core';\n\n/**\n * Directive to apply an object-form related error to a mat-label element.\n */\n@Directive({\n  selector: '[yuvObjectMetadataElementError]',\n  standalone: true\n})\nexport class ObjectMetadataElementErrorDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n  #fts = inject(ObjectFormTranslateService);\n\n  yuvObjectMetadataElementError = input<ObjectFormControl>();\n\n  #getErrors(): string[] {\n    const ctrl = this.yuvObjectMetadataElementError();\n\n    \n\n\n    return ctrl && ctrl.errors\n      ? Object.keys(ctrl.errors).map((key) => {\n          return key === 'eoformScript' ? ctrl._eoFormElement.error.msg : this.#fts.getErrorLabel(key, ctrl.errors![key].params);\n        })\n      : [];\n  }\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementError();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        if (s === 'INVALID') {\n          const err = this.#getErrors();\n          this.#elRef.nativeElement.innerText = err.length > 0 ? err[0] : '';\n        }\n      });\n    }\n  }\n}\n","import { Directive, Input, OnDestroy, OnInit, TemplateRef, inject } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\nimport { MetadataFormElementRegistry } from './metadata-form-element-registry.service';\n\n/**\n * Directive to be applied to a `ng-template`. It will register the template as a\n * form element used by object-form component.\n *\n * Context is provided with the following fields:\n * - situation: form situation 'EDIT', 'CREATE', 'SEARCH'\n * - field: ObjectTypeField\n * - ngControl: Reactive FormControl\n *\n * @example\n * <ng-template yuvMetadataElementTemplate propertyType=\"boolean:switch\" let-ctx>...</ng-template>\n *\n */\n@Directive({\n  selector: '[yuvMetadataElementTemplate]',\n  standalone: true,\n})\nexport class ObjectMetadataElementTemplateDirective implements OnInit, OnDestroy {\n  private registry = inject(MetadataFormElementRegistry);\n  private template = inject(TemplateRef<any>);\n\n  @Input() yuvMetadataElementTemplate?: string;\n  @Input() propertyType!: string;\n  @Input() situation: Situation = Situation.EDIT;\n\n  ngOnInit(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._addDefaultElementTemplate(this.propertyType, this.template);\n    else this.registry.addElementTemplate(this.propertyType, this.template, this.situation);\n  }\n\n  ngOnDestroy(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._removeDefaultElementTemplate(this.propertyType);\n    else this.registry.removeElementTemplate(this.propertyType, this.situation);\n  }\n}\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, effect, inject, input, signal, TemplateRef, untracked, ViewEncapsulation } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport { ObjectTypeField, Situation, SystemService } from '@yuuvis/client-core';\nimport { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';\nimport { MetadataFormElementRegistry } from '../metadata-form-element-registry.service';\nimport { MetadataFormFieldContext } from './metadata-form-field.interface';\n@Component({\n  selector: 'yuv-metadata-form-field',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet, MatFormFieldModule],\n  templateUrl: './metadata-form-field.component.html',\n  styleUrl: './metadata-form-field.component.scss',\n  hostDirectives: [NoopValueAccessorDirective],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'yuv-metadata-form-field'\n  }\n})\nexport class MetadataFormFieldComponent {\n  #registry = inject(MetadataFormElementRegistry);\n  #system = inject(SystemService);\n\n  #ngControl = injectNgControl();\n  elementTemplate = signal<TemplateRef<any> | undefined>(undefined);\n  readonly = false;\n\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      if (!field._internalType) field._internalType = this.#system.getInternalFormElementType(field.propertyType);\n      this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      // TODO: set readonly state based on ...????... schema?\n      this.readonly = false;\n    });\n  });\n  context = computed<MetadataFormFieldContext>(() => {\n    const field = this.formField();\n    field.required = this.situation() !== Situation.SEARCH ? field.required : false;\n    return {\n      label: field.label || field.name,\n      description: field.description,\n      situation: this.situation() || Situation.EDIT,\n      field,\n      ctrl: this.#ngControl?.control || undefined\n    };\n  });\n\n  /**\n   * Form situation, if not set default will be 'EDIT'\n   */\n  situation = input<string | undefined>(Situation.EDIT);\n}\n","@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      <ng-container *ngTemplateOutlet=\"et; context: { $implicit: context() }\"></ng-container>\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-metadata-form.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-element-registry.service.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-label.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-error.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-template.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.html","../../../../../libs/yuuvis/client-framework/metadata-form/src/yuuvis-client-framework-metadata-form.ts"],"sourcesContent":["import { Injectable, TemplateRef } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\n\n/**\n * Object forms are used to render and edit metadata of DMS objects. Each property\n * of an object can be rendered in a diffenrent way, depending on the type of the property.\n * This service allows to register and retrieve templates for rendering these form elements.\n * \n * You can register templates for different situations like EDIT, SEARCH, and CREATE.\n * The templates will then be used to render the form elements in the object form component.\n * \n * So based on the property type you can register custom templates for rendering certain\n * form elements. This is useful if you want to render a property in a different way.\n * \n * Example:\n * Having a number property representing a rating, you might want to render it as \n * a list of stars instead of a simple input field. \n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MetadataFormElementRegistry {\n  private _defaults: { [propertyType: string]: TemplateRef<any> } = {};\n\n  private _edit: { [propertyType: string]: TemplateRef<any> } = {};\n  private _search: { [propertyType: string]: TemplateRef<any> } = {};\n  private _create: { [propertyType: string]: TemplateRef<any> } = {};\n\n  /**\n   * Get a template to render a certain form element\n   * @param propertyType The internal type to get the template for\n   * @param situation Form situation\n   * @returns TemplateRef or undefined\n   */\n  getElementTemplate(propertyType: string, situation: string = Situation.EDIT): TemplateRef<any> | undefined {\n    let cmps = { ...this._defaults, ...this._edit };\n    if (situation === Situation.SEARCH) cmps = { ...this._defaults, ...this._edit, ...this._search };\n    else if (situation === Situation.CREATE) cmps = { ...this._defaults, ...this._edit, ...this._create };\n\n    return cmps[propertyType];\n  }\n\n  /**\n   * Register an object form element for a certain internal type. You might add a new component\n   * or overwrite an existung one.\n   * @param propertyType The internal type to provide the component for\n   * @param component The component\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  addElementTemplate(propertyType: string, templateRef: TemplateRef<any>, situation: Situation = Situation.EDIT): void {\n    if (propertyType && templateRef) {\n      switch (situation) {\n        case Situation.SEARCH: {\n          this._search[propertyType] = templateRef;\n          break;\n        }\n        case Situation.CREATE: {\n          this._create[propertyType] = templateRef;\n          break;\n        }\n        default: {\n          this._edit[propertyType] = templateRef;\n        }\n      }\n    }\n  }\n\n  /**\n   * Remove a registered form element.\n   * @param propertyType The internal type to remove the component for\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  removeElementTemplate(propertyType: string, situation: Situation = Situation.EDIT) {\n    switch (situation) {\n      case Situation.SEARCH: {\n        delete this._search[propertyType];\n        break;\n      }\n      case Situation.CREATE: {\n        delete this._create[propertyType];\n        break;\n      }\n      default: {\n        delete this._edit[propertyType];\n      }\n    }\n  }\n\n  /**\n   * Register default form element component. Usually this will be done by the object\n   * form component itself.\n   * @param propertyType The internal type to provide the component for\n   * @param component The default component\n   */\n  _addDefaultElementTemplate(propertyType: string, templateRef: TemplateRef<any>): void {\n    if (propertyType && templateRef) {\n      this._defaults[propertyType] = templateRef;\n    }\n  }\n\n  /**\n   * Remove a registered default form element.\n   * @param propertyType The internal type to remove the component for\n   */\n  _removeDefaultElementTemplate(propertyType: string) {\n    delete this._defaults[propertyType];\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControlStatus } from '@angular/forms';\n\n/**\n * Directive to apply styles to an object metadata element label based on its control status.\n * Depending on the state of the control (dirty, error), it will add or remove specific classes \n * to the label element. Thes clases could then be used to style the label accordingly.\n * \n * @example\n * <mat-label [yuvObjectMetadataElementLabel]=\"myControl\">My Label</mat-label>\n */\n@Directive({\n  selector: '[yuvObjectMetadataElementLabel]',\n  standalone: true,\n  host: {\n    '[class.dirty]': 'yuvObjectMetadataElementLabel().dirty',\n    '[class.error]': 'yuvObjectMetadataElementLabel().error'\n  }\n})\nexport class ObjectMetadataElementLabelDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n\n  yuvObjectMetadataElementLabel = input<AbstractControl<any, any>>();\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementLabel();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');\n      });\n      ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', ctrl.dirty);\n      });\n    }\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControlStatus } from '@angular/forms';\nimport { ObjectFormControl, ObjectFormTranslateService } from '@yuuvis/client-core';\n\n/**\n * Directive to apply an object-form related error to as inner text to an element.\n * This could be used to render objec tform related errors in a custom element like <mat-error>.\n * \n * @example\n * <mat-error [yuvObjectMetadataElementError]=\"myControl\"></mat-error>\n */\n@Directive({\n  selector: '[yuvObjectMetadataElementError]',\n  standalone: true\n})\nexport class ObjectMetadataElementErrorDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n  #fts = inject(ObjectFormTranslateService);\n\n  yuvObjectMetadataElementError = input<ObjectFormControl>();\n\n  #getErrors(): string[] {\n    const ctrl = this.yuvObjectMetadataElementError();\n\n    return ctrl && ctrl.errors\n      ? Object.keys(ctrl.errors).map((key) => {\n          return key === 'eoformScript' ? ctrl._eoFormElement.error.msg : this.#fts.getErrorLabel(key, ctrl.errors![key].params);\n        })\n      : [];\n  }\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementError();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        if (s === 'INVALID') {\n          const err = this.#getErrors();\n          this.#elRef.nativeElement.innerText = err.length > 0 ? err[0] : '';\n        }\n      });\n    }\n  }\n}\n","import { Directive, Input, OnDestroy, OnInit, TemplateRef, inject } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\nimport { MetadataFormElementRegistry } from './metadata-form-element-registry.service';\n\n/**\n * Directive to be applied to a `ng-template`. It will register the template as a\n * form element used by object-form component.\n *\n * Context is provided with the following fields:\n * - situation: form situation 'EDIT', 'CREATE', 'SEARCH'\n * - field: ObjectTypeField\n * - ngControl: Reactive FormControl\n *\n * @example\n * <ng-template yuvMetadataElementTemplate propertyType=\"boolean:switch\" let-ctx>...</ng-template>\n *\n */\n@Directive({\n  selector: '[yuvMetadataElementTemplate]',\n  standalone: true,\n})\nexport class ObjectMetadataElementTemplateDirective implements OnInit, OnDestroy {\n  private registry = inject(MetadataFormElementRegistry);\n  private template = inject(TemplateRef<any>);\n\n  @Input() yuvMetadataElementTemplate?: string;\n  @Input() propertyType!: string;\n  @Input() situation: Situation = Situation.EDIT;\n\n  ngOnInit(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._addDefaultElementTemplate(this.propertyType, this.template);\n    else this.registry.addElementTemplate(this.propertyType, this.template, this.situation);\n  }\n\n  ngOnDestroy(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._removeDefaultElementTemplate(this.propertyType);\n    else this.registry.removeElementTemplate(this.propertyType, this.situation);\n  }\n}\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, effect, inject, input, signal, TemplateRef, untracked, ViewEncapsulation } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport { ObjectTypeField, Situation, SystemService } from '@yuuvis/client-core';\nimport { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';\nimport { MetadataFormElementRegistry } from '../metadata-form-element-registry.service';\nimport { MetadataFormFieldContext } from './metadata-form-field.interface';\n\n/**\n * Component to render a metadata form field within an object form. These forms are\n * created to render and edit metadata of DMS objects. This component is used as a wrapper\n * for the actual form element, which is defined by the `formField` input.\n */\n@Component({\n  selector: 'yuv-metadata-form-field',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet, MatFormFieldModule],\n  templateUrl: './metadata-form-field.component.html',\n  styleUrl: './metadata-form-field.component.scss',\n  hostDirectives: [NoopValueAccessorDirective],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'yuv-metadata-form-field'\n  }\n})\nexport class MetadataFormFieldComponent {\n  #registry = inject(MetadataFormElementRegistry);\n  #system = inject(SystemService);\n\n  #ngControl = injectNgControl();\n  elementTemplate = signal<TemplateRef<any> | undefined>(undefined);\n  readonly = false;\n\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      if (!field._internalType) field._internalType = this.#system.getInternalFormElementType(field.propertyType);\n      this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      // TODO: set readonly state based on ...????... schema?\n      this.readonly = false;\n    });\n  });\n  context = computed<MetadataFormFieldContext>(() => {\n    const field = this.formField();\n    field.required = this.situation() !== Situation.SEARCH ? field.required : false;\n    return {\n      label: field.label || field.name,\n      description: field.description,\n      situation: this.situation() || Situation.EDIT,\n      field,\n      ctrl: this.#ngControl?.control || undefined\n    };\n  });\n\n  /**\n   * Form situation, if not set default will be 'EDIT'\n   */\n  situation = input<string | undefined>(Situation.EDIT);\n}\n","@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      <ng-container *ngTemplateOutlet=\"et; context: { $implicit: context() }\"></ng-container>\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-framework-object-summary.mjs

@@ -270,7 +270,7 @@ class ObjectSummaryComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryComponent, isStandalone: true, selector: "yuv-object-summary", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, dmsObjectInput: { classPropertyName: "dmsObjectInput", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null }, configType: { classPropertyName: "configType", publicName: "configType", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "flavorCmp", first: true, predicate: ObjectFlavorComponent, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BusyOverlayDirective, inputs: ["yuvBusyOverlay", "busy"] }], ngImport: i0, template: "@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section:not(.badges){padding:var(--ymt-spacing-m)}:host section.object-flavors{padding:0;border-block-end:1px solid var(--ymt-outline-variant)}:host section.object-flavors yuv-object-flavor{padding-inline-start:9px;min-height:30px}:host .content{flex:1;overflow-y:auto}:host .content section.title h2{margin:0}:host .content section.title .actions{align-self:start}:host section.badges{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:var(--ymt-spacing-2xs);padding-inline:var(--ymt-spacing-m)}:host section.properties{container:section/inline-size}:host section.properties .row{display:grid;grid-template-columns:[start] minmax(90px,1.5fr) repeat(auto-fit,[cell-start] minmax(90px,2fr) [cell-end]) [end];margin-block-end:var(--ymt-spacing-2xs);align-items:baseline}:host section.properties .row .label{font:var(--ymt-font-body-subtle);font-weight:700;grid-column:start/end;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);align-self:flex-start;word-break:break-word}:host section.properties .row .value{word-break:break-all;font:var(--ymt-font-body-subtle);grid-column:span 2;margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 270px){:host section.properties .row .label{grid-column:auto}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryComponent, isStandalone: true, selector: "yuv-object-summary", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, dmsObjectInput: { classPropertyName: "dmsObjectInput", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null }, configType: { classPropertyName: "configType", publicName: "configType", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "flavorCmp", first: true, predicate: ObjectFlavorComponent, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BusyOverlayDirective, inputs: ["yuvBusyOverlay", "busy"] }], ngImport: i0, template: "@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section:not(.badges){padding:var(--ymt-spacing-m)}:host section.object-flavors{padding:0;border-block-end:1px solid var(--ymt-outline-variant)}:host section.object-flavors yuv-object-flavor{padding-inline-start:9px;min-height:30px}:host .content{flex:1;overflow-y:auto}:host .content section.title h2{margin:0}:host .content section.title .actions{align-self:start}:host section.badges{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:var(--ymt-spacing-2xs);padding-inline:var(--ymt-spacing-m)}:host section.properties{container:section/inline-size}:host section.properties .row{display:grid;grid-template-columns:[start] minmax(50px,1.5fr) repeat(auto-fit,[cell-start] minmax(50px,2fr) [cell-end]) [end];margin-block-end:var(--ymt-spacing-2xs);align-items:baseline}:host section.properties .row .label{font:var(--ymt-font-body-subtle);font-weight:700;grid-column:start/end;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);align-self:flex-start;word-break:break-word}:host section.properties .row .value{word-break:break-all;font:var(--ymt-font-body-subtle);grid-column:span 2;margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 150px){:host section.properties .row .label{grid-column:auto}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryComponent, decorators: [{
             type: Component,
@@ -288,7 +288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
                             directive: BusyOverlayDirective,
                             inputs: ['yuvBusyOverlay: busy']
                         }
-                    ], template: "@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section:not(.badges){padding:var(--ymt-spacing-m)}:host section.object-flavors{padding:0;border-block-end:1px solid var(--ymt-outline-variant)}:host section.object-flavors yuv-object-flavor{padding-inline-start:9px;min-height:30px}:host .content{flex:1;overflow-y:auto}:host .content section.title h2{margin:0}:host .content section.title .actions{align-self:start}:host section.badges{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:var(--ymt-spacing-2xs);padding-inline:var(--ymt-spacing-m)}:host section.properties{container:section/inline-size}:host section.properties .row{display:grid;grid-template-columns:[start] minmax(90px,1.5fr) repeat(auto-fit,[cell-start] minmax(90px,2fr) [cell-end]) [end];margin-block-end:var(--ymt-spacing-2xs);align-items:baseline}:host section.properties .row .label{font:var(--ymt-font-body-subtle);font-weight:700;grid-column:start/end;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);align-self:flex-start;word-break:break-word}:host section.properties .row .value{word-break:break-all;font:var(--ymt-font-body-subtle);grid-column:span 2;margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 270px){:host section.properties .row .label{grid-column:auto}}\n"] }]
+                    ], template: "@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section:not(.badges){padding:var(--ymt-spacing-m)}:host section.object-flavors{padding:0;border-block-end:1px solid var(--ymt-outline-variant)}:host section.object-flavors yuv-object-flavor{padding-inline-start:9px;min-height:30px}:host .content{flex:1;overflow-y:auto}:host .content section.title h2{margin:0}:host .content section.title .actions{align-self:start}:host section.badges{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:var(--ymt-spacing-2xs);padding-inline:var(--ymt-spacing-m)}:host section.properties{container:section/inline-size}:host section.properties .row{display:grid;grid-template-columns:[start] minmax(50px,1.5fr) repeat(auto-fit,[cell-start] minmax(50px,2fr) [cell-end]) [end];margin-block-end:var(--ymt-spacing-2xs);align-items:baseline}:host section.properties .row .label{font:var(--ymt-font-body-subtle);font-weight:700;grid-column:start/end;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);align-self:flex-start;word-break:break-word}:host section.properties .row .value{word-break:break-all;font:var(--ymt-font-body-subtle);grid-column:span 2;margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 150px){:host section.properties .row .label{grid-column:auto}}\n"] }]
         }], ctorParameters: () => [] });
 
 class MultiObjectSummaryComponent {
@@ -305,7 +305,7 @@ class MultiObjectSummaryComponent {
     <section class="title">
       <h1>{{ headline() }}</h1>
     </section>
-  `, isInline: true, styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: MultiObjectSummaryComponent, decorators: [{
             type: Component,
@@ -317,7 +317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
     <section class="title">
       <h1>{{ headline() }}</h1>
     </section>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}\n"] }]
         }] });
 
 class ObjectSummaryDataComponent {
@@ -388,11 +388,11 @@ class ObjectSummaryDataComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryDataComponent, isStandalone: true, selector: "yuv-object-summary-data", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section h2{margin:0;margin-bottom:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);border-bottom:1px solid var(--ymt-outline-variant)}:host .content{padding-top:var(--ymt-spacing-m);flex:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;align-items:center}:host .content>*:not(:first-child){margin:var(--ymt-spacing-m) 0}:host section.properties{gap:1rem;border:1px solid var(--ymt-outline-variant);width:80%;background-color:var(--ymt-surface-panel)}:host section.properties .flavour-groups{display:flex;flex-flow:column}:host section.properties .row{display:flex;flex-flow:row wrap;align-items:start;column-gap:1rem;margin-block-end:var(--ymt-spacing-xs);padding:0 var(--ymt-spacing-m)}:host section.properties .row .label{font-weight:700;font:var(--ymt-font-body-subtle)}:host section.properties .row .value{word-break:break-all}:host section.flavor.properties>*:not(:first-child){padding:var(--ymt-spacing-m) 0}:host section.flavor.properties>*:not(:first-child) h2{border-top:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryDataComponent, isStandalone: true, selector: "yuv-object-summary-data", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section h2{margin:0;margin-bottom:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);border-bottom:1px solid var(--ymt-outline-variant)}:host .content{padding-top:var(--ymt-spacing-m);flex:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;align-items:center}:host .content>*:not(:first-child){margin:var(--ymt-spacing-m) 0}:host section.properties{gap:1rem;border:1px solid var(--ymt-outline-variant);width:80%;background-color:var(--ymt-surface-panel)}:host section.properties .flavour-groups{display:flex;flex-flow:column}:host section.properties .row{display:flex;flex-flow:row wrap;align-items:start;column-gap:1rem;margin-block-end:var(--ymt-spacing-xs);padding:0 var(--ymt-spacing-m)}:host section.properties .row .label{font-weight:700;font:var(--ymt-font-body-subtle)}:host section.properties .row .value{word-break:break-all}:host section.flavor.properties>*:not(:first-child){padding:var(--ymt-spacing-m) 0}:host section.flavor.properties>*:not(:first-child) h2{border-top:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-summary-data', standalone: true, imports: [RendererDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@media only screen and (max-height: 900px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section h2{margin:0;margin-bottom:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);border-bottom:1px solid var(--ymt-outline-variant)}:host .content{padding-top:var(--ymt-spacing-m);flex:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;align-items:center}:host .content>*:not(:first-child){margin:var(--ymt-spacing-m) 0}:host section.properties{gap:1rem;border:1px solid var(--ymt-outline-variant);width:80%;background-color:var(--ymt-surface-panel)}:host section.properties .flavour-groups{display:flex;flex-flow:column}:host section.properties .row{display:flex;flex-flow:row wrap;align-items:start;column-gap:1rem;margin-block-end:var(--ymt-spacing-xs);padding:0 var(--ymt-spacing-m)}:host section.properties .row .label{font-weight:700;font:var(--ymt-font-body-subtle)}:host section.properties .row .value{word-break:break-all}:host section.flavor.properties>*:not(:first-child){padding:var(--ymt-spacing-m) 0}:host section.flavor.properties>*:not(:first-child) h2{border-top:1px solid var(--ymt-outline-variant)}\n"] }]
+            args: [{ selector: 'yuv-object-summary-data', standalone: true, imports: [RendererDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--max-slide-size: 150px;display:flex;flex-flow:column;height:100%}:host section h2{margin:0;margin-bottom:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);border-bottom:1px solid var(--ymt-outline-variant)}:host .content{padding-top:var(--ymt-spacing-m);flex:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;align-items:center}:host .content>*:not(:first-child){margin:var(--ymt-spacing-m) 0}:host section.properties{gap:1rem;border:1px solid var(--ymt-outline-variant);width:80%;background-color:var(--ymt-surface-panel)}:host section.properties .flavour-groups{display:flex;flex-flow:column}:host section.properties .row{display:flex;flex-flow:row wrap;align-items:start;column-gap:1rem;margin-block-end:var(--ymt-spacing-xs);padding:0 var(--ymt-spacing-m)}:host section.properties .row .label{font-weight:700;font:var(--ymt-font-body-subtle)}:host section.properties .row .value{word-break:break-all}:host section.flavor.properties>*:not(:first-child){padding:var(--ymt-spacing-m) 0}:host section.flavor.properties>*:not(:first-child) h2{border-top:1px solid var(--ymt-outline-variant)}\n"] }]
         }] });
 
 /**

package/fesm2022/yuuvis-client-framework-object-summary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-object-summary.mjs","sources":["../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary.module.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/multi-object-summary/multi-object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule]\n})\nexport class ObjectSummaryModule {}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectorRef, Component, effect, inject, input, signal, untracked, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  BaseObjectTypeField,\n  ConfigTypeOption,\n  ContentStreamField,\n  DmsObject,\n  DmsService,\n  EventService,\n  ObjectConfigRecord,\n  ObjectConfigService,\n  Operator,\n  ResolvedObjectConfig,\n  SearchQuery,\n  SearchService,\n  SystemService,\n  SystemSOT,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { RetentionBadgeComponent } from '@yuuvis/client-framework/object-details';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { OverflowMenuComponent, OverflowMenuItem } from '@yuuvis/client-framework/overflow-menu';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\n\n/**\n * Component showing a summary of the given dms object.\n */\n@Component({\n  selector: 'yuv-object-summary',\n  standalone: true,\n  imports: [\n    NgClass,\n    BusyOverlayDirective,\n    RetentionBadgeComponent,\n    TranslateModule,\n    RendererDirective,\n    ObjectFlavorComponent,\n    OverflowMenuComponent,\n    MatIconModule\n  ],\n  templateUrl: './object-summary.component.html',\n  styleUrl: './object-summary.component.scss',\n  hostDirectives: [\n    {\n      directive: BusyOverlayDirective,\n      inputs: ['yuvBusyOverlay: busy']\n    }\n  ]\n})\nexport class ObjectSummaryComponent {\n  readonly #eventService = inject(EventService);\n  readonly #dmsService = inject(DmsService);\n  private readonly translate = inject(TranslateService);\n  readonly #systemService = inject(SystemService);\n  readonly #objectConfigService = inject(ObjectConfigService);\n  readonly #searchService = inject(SearchService);\n  readonly #cd = inject(ChangeDetectorRef);\n\n  flavorCmp = viewChild(ObjectFlavorComponent);\n\n  #oc?: ObjectConfigRecord;\n\n  slide = signal<{\n    icon?: {\n      name?: string;\n      title?: string;\n    };\n    uri?: string;\n    loading: boolean;\n    orientation?: 'portrait' | 'landscape';\n  }>({\n    loading: false\n  });\n  busy = true;\n\n  contextError?: string;\n  headerData = signal<\n    | {\n        icon?: {\n          name?: string;\n          title?: string;\n        };\n        title?: string;\n        description?: string;\n      }\n    | undefined\n  >(undefined);\n\n  baseData: {\n    label: string;\n    value: RendererDirectiveInput;\n  }[] = [];\n\n  flavorData?: {\n    flavor: ObjectFlavor;\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  };\n\n  icons = {\n    folder: YUV_ICONS.folder\n  };\n\n  actions = input<OverflowMenuItem[]>([]);\n\n  folderInfo?: {\n    size: number;\n    entries: {\n      key: string;\n      count: number;\n    }[];\n  };\n\n  /**\n   * DmsObject to show the details for.\n   */\n\n  dmsObject = signal<DmsObject | undefined>(undefined);\n\n  dmsObjectInput = input<DmsObject | undefined>(undefined, { alias: 'dmsObject' });\n  #dmsObjectInputEffect = effect(() => {\n    const dmsObject = this.dmsObjectInput();\n    const contentChanged = this.dmsObject()?.content?.contentStreamId !== dmsObject?.content?.contentStreamId;\n\n    untracked(() => {\n      this.dmsObject.set(dmsObject);\n      contentChanged && this.slide.update((slide) => ({ ...slide, uri: undefined, icon: undefined, iconSvg: undefined }));\n      this.flavorData = undefined;\n      if (dmsObject) {\n        this.#getHeaderData();\n        this.#getBaseData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // if a flavor has been selected and a new object comes in, we'll check if\n        // the new object has the same flavor and update the flavor data\n        // if (this.flavorData && dmsObject.sots.includes(this.flavorData.flavor.sot)) {\n        //   this.#getFlavorData(this.flavorData.flavor);\n        // } else this.flavorData = undefined;\n      } \n      // else {\n      //   this.flavorData = undefined;\n      // }\n    });\n  });\n\n  /**\n   * ID of a DmsObject. The object will be fetched from the backend upfront.\n   */\n  objectId = input<string | undefined | null>(null);\n  #objectIdEffect = effect(() => {\n    const id = this.objectId();\n    untracked(() => {\n      id && this.#getDmsObject(id);\n    });\n  });\n\n  // virtual object type to be used for header data\n  configType = input<ConfigTypeOption>();\n\n  constructor() {\n    this.#objectConfigService\n      .getObjectConfigs$(undefined, true)\n      .pipe(takeUntilDestroyed())\n      .subscribe((res: ObjectConfigRecord) => {\n        this.#oc = res;\n        const dmsObject = this.dmsObject();\n        if (dmsObject) this.#getHeaderData();\n      });\n    this.#eventService\n      .on(YuvEventType.DMS_OBJECT_UPDATED)\n      .pipe(takeUntilDestroyed())\n      .subscribe((e: YuvEvent) => {\n        const o = e.data as DmsObject;\n        const dmsObject = this.dmsObject();\n        this.#setupSlide();\n        if (dmsObject?.id === o.id) {\n          this.dmsObject.set(o);\n        }\n      });\n  }\n\n  #setupSlide() {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      if (dmsObject.content) {\n        const slideUri = this.#dmsService.getSlideURI(dmsObject.id, dmsObject.content?.mimeType);\n        if (slideUri) {\n          this.slide.update((slide) => ({ ...slide, loading: true }));\n          const img = new Image();\n          img.onload = () => {\n            this.slide.update((slide) => ({\n              ...slide,\n              orientation: img.width > img.height ? 'landscape' : 'portrait',\n              uri: `${slideUri}?${new Date().getTime()}`, // add Timestamp to force image reload\n              loading: false\n            }));\n            this.#cd.markForCheck();\n          };\n          img.onerror = () => {\n            const headerData = this.headerData();\n            this.slide.update((slide) => ({ ...slide, icon: headerData?.icon, loading: false }));\n            this.#cd.markForCheck();\n          };\n          img.src = slideUri;\n        }\n      } else {\n        const headerData = this.headerData();\n        this.slide.update((slide) => ({ ...slide, icon: headerData?.icon }));\n      }\n    }\n  }\n\n  onFlavorSelect(flavor: ObjectFlavor | undefined) {\n    if (flavor) {\n      this.#getFlavorData(flavor);\n    } else this.flavorData = undefined;\n  }\n\n  #fetchFolderInfo(id: string) {\n    const q: SearchQuery = {\n      fields: [`SUM(${ContentStreamField.LENGTH})`],\n      aggs: [BaseObjectTypeField.BASE_TYPE_ID],\n      filters: [\n        {\n          f: BaseObjectTypeField.PARENT_ID,\n          o: Operator.EQUAL,\n          v1: id\n        }\n      ]\n    };\n    this.#searchService.aggregate(q, [BaseObjectTypeField.BASE_TYPE_ID]).subscribe((res) => {\n      const entries = res.aggregations[0].entries;\n      this.folderInfo = {\n        size: entries.reduce((s, v) => s + v.count, 0),\n        entries\n      };\n    });\n  }\n\n  #getDmsObject(id: string) {\n    this.busy = true;\n    this.#dmsService.getDmsObject(id).subscribe({\n      next: (dmsObject) => this.dmsObject.set(dmsObject),\n      error: () => {\n        this.dmsObject.set(undefined);\n        this.contextError = this.translate.instant('yuv.object-summary.load.error');\n      },\n      complete: () => {\n        this.busy = false;\n      }\n    });\n  }\n\n  #getObjectConfig(type?: VirtualObjectType, bucket?: string): ResolvedObjectConfig | undefined {\n    const dmsObject = this.dmsObject();\n    return dmsObject\n      ? this.#objectConfigService.getResolvedObjectConfig(\n          dmsObject.data,\n          type || {\n            id: dmsObject.objectTypeId,\n            objectType: dmsObject.objectTypeId\n          },\n          bucket,\n          true\n        )\n      : undefined;\n  }\n\n  #getFlavorData(flavor: ObjectFlavor) {\n    if (!flavor) {\n      this.flavorData = undefined;\n      return;\n    }\n    const sot = this.#systemService.getSecondaryObjectType(flavor.sot, true);\n    const dmsObject = this.dmsObject();\n    if (dmsObject && sot) {\n      this.flavorData = {\n        flavor,\n        label: this.translate.instant(flavor.id),\n        properties: sot.fields\n          .filter((f) => f._internalType !== 'table')\n          .map((f) => ({\n            label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n            value: {\n              propertyName: f.id,\n              value: dmsObject.data[f.id]\n            }\n          }))\n      };\n    } else this.flavorData = undefined;\n  }\n\n  #getHeaderData() {\n    const oc = this.#getObjectConfig(this.configType()?.type, this.configType()?.bucket);\n    const dmsObject = this.dmsObject();\n    if (oc && dmsObject) {\n      this.headerData.update((data) => ({\n        ...data,\n        title: oc.title.value,\n        description: oc.description?.value,\n        icon: {\n          title: oc.title.value,\n          ...(oc.icon ? { name: oc.icon.value } : undefined)\n        }\n      }));\n\n      // this.headerData.icon =;\n    } else this.headerData.set(undefined);\n  }\n\n  #getBaseData() {\n    this.baseData = [];\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      const retentionFields = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]).includes(SystemSOT.DESTRUCTION_RETENTION)\n        ? [BaseObjectTypeField.RETENTION_START, BaseObjectTypeField.RETENTION_END]\n        : [];\n\n      (dmsObject.content ? [...fields, ...contentFields, ...retentionFields] : fields).forEach((f) => {\n        this.baseData.push({\n          label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n          value: {\n            propertyName: f,\n            value: dmsObject.data[f]\n          }\n        });\n      });\n    }\n  }\n}\n","@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n","import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [MatIcon],\n  template: `\n    <section class=\"slide\">\n      <mat-icon class=\"ymt-icon--size-6xl\">{{ icon() }}</mat-icon>\n    </section>\n\n    <section class=\"title\">\n      <h1>{{ headline() }}</h1>\n    </section>\n  `,\n  styleUrl: './multi-object-summary.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiObjectSummaryComponent {\n  icon = signal('home_storage');\n\n  headline = input<string>('this could be your headline');\n}\n","import { ChangeDetectionStrategy, Component, effect, inject, input, signal, untracked } from '@angular/core';\nimport { BaseObjectTypeField, ContentStreamField, DmsObject, SystemService, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective } from '@yuuvis/client-framework/renderer';\nimport { ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective],\n  templateUrl: './object-summary-data.component.html',\n  styleUrl: './object-summary-data.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ObjectSummaryDataComponent {\n  readonly #shell = inject(ShellService);\n  readonly #systemService = inject(SystemService);\n  readonly translate = inject(TranslateService);\n\n  dmsObject = input.required<DmsObject>();\n\n  baseData = signal<any[]>([]);\n  flavorData = signal<any[]>([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n        this.#getAppliedFlavors(dmsObject);\n      });\n    }\n  });\n\n  #getBaseData() {\n    this.baseData.set([]);\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      (dmsObject.content ? [...fields, ...contentFields] : fields).forEach((f) => {\n        this.baseData.update((data) => [\n          ...data,\n          {\n            label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n            value: {\n              propertyName: f,\n              value: dmsObject.data[f]\n            }\n          }\n        ]);\n      });\n    }\n    console.log('baseData', this.baseData());\n  }\n\n  #getAppliedFlavors(dmsObject: DmsObject) {\n    this.flavorData.set([]);\n    const appliedFlavors = this.#shell.getAppliedObjectFlavors(dmsObject).applied;\n    for (const flavor of appliedFlavors) {\n      this.flavorData.update((data) => [\n        ...data,\n        {\n          flavor,\n          label: this.translate.instant(flavor.id),\n          properties: this.#systemService.getSecondaryObjectType(flavor.sot, true)?.fields.map((f) => ({\n            label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n            value: {\n              propertyName: f.id,\n              value: dmsObject.data[f.id]\n            }\n          }))\n        }\n      ]);\n    }\n  }\n}\n","@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-object-summary.mjs","sources":["../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary.module.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/multi-object-summary/multi-object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule]\n})\nexport class ObjectSummaryModule {}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectorRef, Component, effect, inject, input, signal, untracked, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  BaseObjectTypeField,\n  ConfigTypeOption,\n  ContentStreamField,\n  DmsObject,\n  DmsService,\n  EventService,\n  ObjectConfigRecord,\n  ObjectConfigService,\n  Operator,\n  ResolvedObjectConfig,\n  SearchQuery,\n  SearchService,\n  SystemService,\n  SystemSOT,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { RetentionBadgeComponent } from '@yuuvis/client-framework/object-details';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { OverflowMenuComponent, OverflowMenuItem } from '@yuuvis/client-framework/overflow-menu';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\n\n/**\n * Component showing a summary of the given dms object.\n */\n@Component({\n  selector: 'yuv-object-summary',\n  standalone: true,\n  imports: [\n    NgClass,\n    BusyOverlayDirective,\n    RetentionBadgeComponent,\n    TranslateModule,\n    RendererDirective,\n    ObjectFlavorComponent,\n    OverflowMenuComponent,\n    MatIconModule\n  ],\n  templateUrl: './object-summary.component.html',\n  styleUrl: './object-summary.component.scss',\n  hostDirectives: [\n    {\n      directive: BusyOverlayDirective,\n      inputs: ['yuvBusyOverlay: busy']\n    }\n  ]\n})\nexport class ObjectSummaryComponent {\n  readonly #eventService = inject(EventService);\n  readonly #dmsService = inject(DmsService);\n  private readonly translate = inject(TranslateService);\n  readonly #systemService = inject(SystemService);\n  readonly #objectConfigService = inject(ObjectConfigService);\n  readonly #searchService = inject(SearchService);\n  readonly #cd = inject(ChangeDetectorRef);\n\n  flavorCmp = viewChild(ObjectFlavorComponent);\n\n  #oc?: ObjectConfigRecord;\n\n  slide = signal<{\n    icon?: {\n      name?: string;\n      title?: string;\n    };\n    uri?: string;\n    loading: boolean;\n    orientation?: 'portrait' | 'landscape';\n  }>({\n    loading: false\n  });\n  busy = true;\n\n  contextError?: string;\n  headerData = signal<\n    | {\n        icon?: {\n          name?: string;\n          title?: string;\n        };\n        title?: string;\n        description?: string;\n      }\n    | undefined\n  >(undefined);\n\n  baseData: {\n    label: string;\n    value: RendererDirectiveInput;\n  }[] = [];\n\n  flavorData?: {\n    flavor: ObjectFlavor;\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  };\n\n  icons = {\n    folder: YUV_ICONS.folder\n  };\n\n  actions = input<OverflowMenuItem[]>([]);\n\n  folderInfo?: {\n    size: number;\n    entries: {\n      key: string;\n      count: number;\n    }[];\n  };\n\n  /**\n   * DmsObject to show the details for.\n   */\n\n  dmsObject = signal<DmsObject | undefined>(undefined);\n\n  dmsObjectInput = input<DmsObject | undefined>(undefined, { alias: 'dmsObject' });\n  #dmsObjectInputEffect = effect(() => {\n    const dmsObject = this.dmsObjectInput();\n    const contentChanged = this.dmsObject()?.content?.contentStreamId !== dmsObject?.content?.contentStreamId;\n\n    untracked(() => {\n      this.dmsObject.set(dmsObject);\n      contentChanged && this.slide.update((slide) => ({ ...slide, uri: undefined, icon: undefined, iconSvg: undefined }));\n      this.flavorData = undefined;\n      if (dmsObject) {\n        this.#getHeaderData();\n        this.#getBaseData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // if a flavor has been selected and a new object comes in, we'll check if\n        // the new object has the same flavor and update the flavor data\n        // if (this.flavorData && dmsObject.sots.includes(this.flavorData.flavor.sot)) {\n        //   this.#getFlavorData(this.flavorData.flavor);\n        // } else this.flavorData = undefined;\n      } \n      // else {\n      //   this.flavorData = undefined;\n      // }\n    });\n  });\n\n  /**\n   * ID of a DmsObject. The object will be fetched from the backend upfront.\n   */\n  objectId = input<string | undefined | null>(null);\n  #objectIdEffect = effect(() => {\n    const id = this.objectId();\n    untracked(() => {\n      id && this.#getDmsObject(id);\n    });\n  });\n\n  // virtual object type to be used for header data\n  configType = input<ConfigTypeOption>();\n\n  constructor() {\n    this.#objectConfigService\n      .getObjectConfigs$(undefined, true)\n      .pipe(takeUntilDestroyed())\n      .subscribe((res: ObjectConfigRecord) => {\n        this.#oc = res;\n        const dmsObject = this.dmsObject();\n        if (dmsObject) this.#getHeaderData();\n      });\n    this.#eventService\n      .on(YuvEventType.DMS_OBJECT_UPDATED)\n      .pipe(takeUntilDestroyed())\n      .subscribe((e: YuvEvent) => {\n        const o = e.data as DmsObject;\n        const dmsObject = this.dmsObject();\n        this.#setupSlide();\n        if (dmsObject?.id === o.id) {\n          this.dmsObject.set(o);\n        }\n      });\n  }\n\n  #setupSlide() {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      if (dmsObject.content) {\n        const slideUri = this.#dmsService.getSlideURI(dmsObject.id, dmsObject.content?.mimeType);\n        if (slideUri) {\n          this.slide.update((slide) => ({ ...slide, loading: true }));\n          const img = new Image();\n          img.onload = () => {\n            this.slide.update((slide) => ({\n              ...slide,\n              orientation: img.width > img.height ? 'landscape' : 'portrait',\n              uri: `${slideUri}?${new Date().getTime()}`, // add Timestamp to force image reload\n              loading: false\n            }));\n            this.#cd.markForCheck();\n          };\n          img.onerror = () => {\n            const headerData = this.headerData();\n            this.slide.update((slide) => ({ ...slide, icon: headerData?.icon, loading: false }));\n            this.#cd.markForCheck();\n          };\n          img.src = slideUri;\n        }\n      } else {\n        const headerData = this.headerData();\n        this.slide.update((slide) => ({ ...slide, icon: headerData?.icon }));\n      }\n    }\n  }\n\n  onFlavorSelect(flavor: ObjectFlavor | undefined) {\n    if (flavor) {\n      this.#getFlavorData(flavor);\n    } else this.flavorData = undefined;\n  }\n\n  #fetchFolderInfo(id: string) {\n    const q: SearchQuery = {\n      fields: [`SUM(${ContentStreamField.LENGTH})`],\n      aggs: [BaseObjectTypeField.BASE_TYPE_ID],\n      filters: [\n        {\n          f: BaseObjectTypeField.PARENT_ID,\n          o: Operator.EQUAL,\n          v1: id\n        }\n      ]\n    };\n    this.#searchService.aggregate(q, [BaseObjectTypeField.BASE_TYPE_ID]).subscribe((res) => {\n      const entries = res.aggregations[0].entries;\n      this.folderInfo = {\n        size: entries.reduce((s, v) => s + v.count, 0),\n        entries\n      };\n    });\n  }\n\n  #getDmsObject(id: string) {\n    this.busy = true;\n    this.#dmsService.getDmsObject(id).subscribe({\n      next: (dmsObject) => this.dmsObject.set(dmsObject),\n      error: () => {\n        this.dmsObject.set(undefined);\n        this.contextError = this.translate.instant('yuv.object-summary.load.error');\n      },\n      complete: () => {\n        this.busy = false;\n      }\n    });\n  }\n\n  #getObjectConfig(type?: VirtualObjectType, bucket?: string): ResolvedObjectConfig | undefined {\n    const dmsObject = this.dmsObject();\n    return dmsObject\n      ? this.#objectConfigService.getResolvedObjectConfig(\n          dmsObject.data,\n          type || {\n            id: dmsObject.objectTypeId,\n            objectType: dmsObject.objectTypeId\n          },\n          bucket,\n          true\n        )\n      : undefined;\n  }\n\n  #getFlavorData(flavor: ObjectFlavor) {\n    if (!flavor) {\n      this.flavorData = undefined;\n      return;\n    }\n    const sot = this.#systemService.getSecondaryObjectType(flavor.sot, true);\n    const dmsObject = this.dmsObject();\n    if (dmsObject && sot) {\n      this.flavorData = {\n        flavor,\n        label: this.translate.instant(flavor.id),\n        properties: sot.fields\n          .filter((f) => f._internalType !== 'table')\n          .map((f) => ({\n            label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n            value: {\n              propertyName: f.id,\n              value: dmsObject.data[f.id]\n            }\n          }))\n      };\n    } else this.flavorData = undefined;\n  }\n\n  #getHeaderData() {\n    const oc = this.#getObjectConfig(this.configType()?.type, this.configType()?.bucket);\n    const dmsObject = this.dmsObject();\n    if (oc && dmsObject) {\n      this.headerData.update((data) => ({\n        ...data,\n        title: oc.title.value,\n        description: oc.description?.value,\n        icon: {\n          title: oc.title.value,\n          ...(oc.icon ? { name: oc.icon.value } : undefined)\n        }\n      }));\n\n      // this.headerData.icon =;\n    } else this.headerData.set(undefined);\n  }\n\n  #getBaseData() {\n    this.baseData = [];\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      const retentionFields = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]).includes(SystemSOT.DESTRUCTION_RETENTION)\n        ? [BaseObjectTypeField.RETENTION_START, BaseObjectTypeField.RETENTION_END]\n        : [];\n\n      (dmsObject.content ? [...fields, ...contentFields, ...retentionFields] : fields).forEach((f) => {\n        this.baseData.push({\n          label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n          value: {\n            propertyName: f,\n            value: dmsObject.data[f]\n          }\n        });\n      });\n    }\n  }\n}\n","@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n  }\n\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n\n  <section class=\"properties\">\n    @for (p of baseData; track $index) {\n      <div class=\"row\">\n        <div class=\"label\">{{ p.label }}</div>\n        <div class=\"value\">\n          <ng-container *yuvRenderer=\"p.value\"></ng-container>\n        </div>\n      </div>\n    }\n  </section>\n</div>\n","import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [MatIcon],\n  template: `\n    <section class=\"slide\">\n      <mat-icon class=\"ymt-icon--size-6xl\">{{ icon() }}</mat-icon>\n    </section>\n\n    <section class=\"title\">\n      <h1>{{ headline() }}</h1>\n    </section>\n  `,\n  styleUrl: './multi-object-summary.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiObjectSummaryComponent {\n  icon = signal('home_storage');\n\n  headline = input<string>('this could be your headline');\n}\n","import { ChangeDetectionStrategy, Component, effect, inject, input, signal, untracked } from '@angular/core';\nimport { BaseObjectTypeField, ContentStreamField, DmsObject, SystemService, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective } from '@yuuvis/client-framework/renderer';\nimport { ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective],\n  templateUrl: './object-summary-data.component.html',\n  styleUrl: './object-summary-data.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ObjectSummaryDataComponent {\n  readonly #shell = inject(ShellService);\n  readonly #systemService = inject(SystemService);\n  readonly translate = inject(TranslateService);\n\n  dmsObject = input.required<DmsObject>();\n\n  baseData = signal<any[]>([]);\n  flavorData = signal<any[]>([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n        this.#getAppliedFlavors(dmsObject);\n      });\n    }\n  });\n\n  #getBaseData() {\n    this.baseData.set([]);\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      (dmsObject.content ? [...fields, ...contentFields] : fields).forEach((f) => {\n        this.baseData.update((data) => [\n          ...data,\n          {\n            label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n            value: {\n              propertyName: f,\n              value: dmsObject.data[f]\n            }\n          }\n        ]);\n      });\n    }\n    console.log('baseData', this.baseData());\n  }\n\n  #getAppliedFlavors(dmsObject: DmsObject) {\n    this.flavorData.set([]);\n    const appliedFlavors = this.#shell.getAppliedObjectFlavors(dmsObject).applied;\n    for (const flavor of appliedFlavors) {\n      this.flavorData.update((data) => [\n        ...data,\n        {\n          flavor,\n          label: this.translate.instant(flavor.id),\n          properties: this.#systemService.getSecondaryObjectType(flavor.sot, true)?.fields.map((f) => ({\n            label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n            value: {\n              propertyName: f.id,\n              value: dmsObject.data[f.id]\n            }\n          }))\n        }\n      ]);\n    }\n  }\n}\n","@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>BASE</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-framework-simple-search.mjs

@@ -3,17 +3,21 @@ import { inject, EventEmitter, Output, Input, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/button';
+import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { SearchService, SystemService, BaseObjectTypeField, Utils } from '@yuuvis/client-core';
+import * as i2 from '@yuuvis/client-core';
+import { TranslateService, SearchService, SystemService, BaseObjectTypeField, Utils, TranslateModule } from '@yuuvis/client-core';
 import { debounceTime, tap } from 'rxjs';
 import { MatFormField, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import * as i4 from '@angular/material/input';
+import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 
 class SimpleSearchComponent {
+    #fb;
+    #searchService;
+    #systemService;
     /**
      * The search query
      */
@@ -30,11 +34,12 @@ class SimpleSearchComponent {
         return this._query;
     }
     constructor() {
-        this.fb = inject(FormBuilder);
-        this.searchService = inject(SearchService);
-        this.systemService = inject(SystemService);
+        this.#fb = inject(FormBuilder);
+        this.translate = inject(TranslateService);
+        this.#searchService = inject(SearchService);
+        this.#systemService = inject(SystemService);
         this._query = {};
-        this.form = this.fb.group({
+        this.form = this.#fb.group({
             term: [''],
             targets: []
         });
@@ -73,7 +78,7 @@ class SimpleSearchComponent {
     }
     aggregate(all) {
         if (all || this._query.term) {
-            this.searchService.aggregate(structuredClone(this._query), [BaseObjectTypeField.OBJECT_TYPE_ID]).subscribe((res) => {
+            this.#searchService.aggregate(structuredClone(this._query), [BaseObjectTypeField.OBJECT_TYPE_ID]).subscribe((res) => {
                 this._processAggregateResult(res);
             });
         }
@@ -88,7 +93,7 @@ class SimpleSearchComponent {
     _processAggregateResult(res) {
         if (res.aggregations && res.aggregations.length) {
             this.typeAggregation.emit(res.aggregations[0].entries
-                .map((r) => ({ objectTypeId: r.key, label: this.systemService.getLocalizedLabel(r.key) || r.key, count: r.count }))
+                .map((r) => ({ objectTypeId: r.key, label: this.#systemService.getLocalizedLabel(r.key) || r.key, count: r.count }))
                 .sort(Utils.sortValues('label')));
         }
         else {
@@ -103,18 +108,18 @@ class SimpleSearchComponent {
                     subscriptSizing: 'dynamic'
                 }
             }
-        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <!-- Todo: String Translations-->\n  <mat-form-field appearance=\"outline\">\n      <label>\n        <span class=\"ymt-hide-sr\">Search App</span>\n        <input matInput type=\"text\" placeholder=\"Search App\" formControlName=\"term\" />\n      </label>\n      <mat-icon matPrefix>search</mat-icon>\n      <button type=\"button\"\n              mat-icon-button\n              matSuffix\n              [disabled]=\"!!!form.value.term\"\n              class=\"clear-input-action ymt-icon-button--size-s\"\n              (click)=\"clear($event)\">\n              @if(form.value.term){ <mat-icon>close</mat-icon>}\n      </button>\n  </mat-form-field>\n  <button class=\"ymt-hide-sr\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'Submit Search'\" [disabled]=\"form.invalid\">\n    <mat-icon>search</mat-icon>\n  </button>\n</form>\n", styles: [":host .clear-input-action{margin-inline-end:4px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] }); }
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <!-- Todo: String Translations-->\n  <mat-form-field appearance=\"outline\">\n      <label>\n        <span class=\"ymt-hide-sr\">{{'yuv.simple-search.label'|translate}}</span>\n        <input matInput type=\"text\" [placeholder]=\"'yuv.simple-search.label'|translate\" formControlName=\"term\" />\n      </label>\n      <mat-icon matPrefix>search</mat-icon>\n      <button type=\"button\"\n              mat-icon-button\n              matSuffix\n              [disabled]=\"!!!form.value.term\"\n              class=\"clear-input-action ymt-icon-button--size-s\"\n              (click)=\"clear($event)\">\n              @if(form.value.term){ <mat-icon>close</mat-icon>}\n      </button>\n  </mat-form-field>\n  <button class=\"ymt-hide-sr\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'yuv.simple-search.submit'|translate\" [disabled]=\"form.invalid\">\n    <mat-icon>search</mat-icon>\n  </button>\n</form>\n", styles: [":host .clear-input-action{margin-inline-end:4px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SimpleSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-simple-search', standalone: true, imports: [ReactiveFormsModule, MatIconModule, MatButtonModule, MatFormField, MatInputModule], providers: [
+            args: [{ selector: 'yuv-simple-search', standalone: true, imports: [ReactiveFormsModule, TranslateModule, MatIconModule, MatButtonModule, MatFormField, MatInputModule], providers: [
                         {
                             provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
                             useValue: {
                                 subscriptSizing: 'dynamic'
                             }
                         }
-                    ], template: "<form [formGroup]=\"form\">\n  <!-- Todo: String Translations-->\n  <mat-form-field appearance=\"outline\">\n      <label>\n        <span class=\"ymt-hide-sr\">Search App</span>\n        <input matInput type=\"text\" placeholder=\"Search App\" formControlName=\"term\" />\n      </label>\n      <mat-icon matPrefix>search</mat-icon>\n      <button type=\"button\"\n              mat-icon-button\n              matSuffix\n              [disabled]=\"!!!form.value.term\"\n              class=\"clear-input-action ymt-icon-button--size-s\"\n              (click)=\"clear($event)\">\n              @if(form.value.term){ <mat-icon>close</mat-icon>}\n      </button>\n  </mat-form-field>\n  <button class=\"ymt-hide-sr\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'Submit Search'\" [disabled]=\"form.invalid\">\n    <mat-icon>search</mat-icon>\n  </button>\n</form>\n", styles: [":host .clear-input-action{margin-inline-end:4px}\n"] }]
+                    ], template: "<form [formGroup]=\"form\">\n  <!-- Todo: String Translations-->\n  <mat-form-field appearance=\"outline\">\n      <label>\n        <span class=\"ymt-hide-sr\">{{'yuv.simple-search.label'|translate}}</span>\n        <input matInput type=\"text\" [placeholder]=\"'yuv.simple-search.label'|translate\" formControlName=\"term\" />\n      </label>\n      <mat-icon matPrefix>search</mat-icon>\n      <button type=\"button\"\n              mat-icon-button\n              matSuffix\n              [disabled]=\"!!!form.value.term\"\n              class=\"clear-input-action ymt-icon-button--size-s\"\n              (click)=\"clear($event)\">\n              @if(form.value.term){ <mat-icon>close</mat-icon>}\n      </button>\n  </mat-form-field>\n  <button class=\"ymt-hide-sr\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'yuv.simple-search.submit'|translate\" [disabled]=\"form.invalid\">\n    <mat-icon>search</mat-icon>\n  </button>\n</form>\n", styles: [":host .clear-input-action{margin-inline-end:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { query: [{
                 type: Input
             }], querySubmit: [{