@yuuvis/client-framework 2.1.14 → 2.1.16

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, ElementRef, DestroyRef, input, Directive, TemplateRef, Input, signal, effect, untracked, computed, ViewEncapsulation, Component } from '@angular/core';
-import { Situation, ObjectFormTranslateService, SystemService } from '@yuuvis/client-core';
+import { Situation, SystemService } from '@yuuvis/client-core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@yuuvis/client-framework/common';
+import { FormTranslateService, injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i1 from '@yuuvis/client-framework/common';
-import { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';
 
 /**
  * Object forms are used to render and edit metadata of DMS objects. Each property
@@ -177,7 +177,7 @@ class ObjectMetadataElementErrorDirective {
     constructor() {
         this.#elRef = inject(ElementRef);
         this.#dRef = inject(DestroyRef);
-        this.#fts = inject(ObjectFormTranslateService);
+        this.#fts = inject(FormTranslateService);
         this.yuvObjectMetadataElementError = input();
     }
     #elRef;

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 * 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  // registering a template by name will add this prefix to the given name\n  NAME_PROPERTY_PREFIX = '@name:'\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';\nimport { MetadataFormFieldContext } from './metadata-form-field/metadata-form-field.interface';\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<MetadataFormFieldContext>();\n\n  ngOnInit() {\n    const input = this.yuvObjectMetadataElementLabel();\n    if (input) {\n      if (input.formChangedSubject) {\n        input.formChangedSubject?.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', input.ctrl!.dirty);\n        });\n      }\n\n      if (input.ctrl) {\n        input.ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');\n        });\n        input.ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', input.ctrl!.dirty);\n        });\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    // only show errors if the control has been touched\n    const shouldShowErrors = ctrl && ctrl.errors && (ctrl.touched || ctrl.dirty);\n\n    return shouldShowErrors\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, input } 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  #registry = inject(MetadataFormElementRegistry);\n  #template = inject(TemplateRef<any>);\n\n  /**\n   * Bucket to register the template. Use 'default' for templates that should be\n   * used across all situations.\n   */\n  @Input() yuvMetadataElementTemplate?: string;\n  /**\n   * Situation to register the template for. So only object forms for that\n   * situation (CREATE, EDIT, SEARCH) will use the template. Defaults to `EDIT`.\n   */\n  situation = input<Situation>(Situation.EDIT);\n\n  /**\n   * Internal property type to get the registered template. You need to set either\n   * `propertyType` or `propertyName` to get a template. Setting a name and\n   * a type, the name will be used because it is more precise.\n   */\n  propertyType = input<string>();\n  /**\n   * Pick registered metadata element by name. You need to set either\n   * `propertyType` or `propertyName` to get a template. Setting a name and\n   * a type, the name will be used because it is more precise.\n   */\n  propertyName = input<string>();\n  #registrationKey?: string;\n\n  ngOnInit(): void {\n    const pn = this.propertyName();\n    this.#registrationKey = pn ? `${this.#registry.NAME_PROPERTY_PREFIX}${pn}` : this.propertyType();\n    if (this.#registrationKey) {\n      if (this.yuvMetadataElementTemplate === 'default') {\n        this.#registry._addDefaultElementTemplate(this.#registrationKey, this.#template);\n      } else this.#registry.addElementTemplate(this.#registrationKey, this.#template, this.situation());\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (!this.#registrationKey) return;\n    if (this.yuvMetadataElementTemplate === 'default') this.#registry._removeDefaultElementTemplate(this.#registrationKey);\n    else this.#registry.removeElementTemplate(this.#registrationKey, 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';\nimport { Subject } from 'rxjs';\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  formChangedSubject = input<Subject<void>>()\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      // check for template by name ...\n      const templateByName = this.#registry.getElementTemplate(`${this.#registry.NAME_PROPERTY_PREFIX}${field.name}`, this.situation());\n      if (templateByName) this.elementTemplate.set(templateByName);\n      else {\n        if (!field._internalType) field._internalType = this.#system.getInternalFormElementType(field.propertyType);\n        this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      }\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      formChangedSubject: this.formChangedSubject()\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  // registering a template by name will add this prefix to the given name\n  NAME_PROPERTY_PREFIX = '@name:'\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';\nimport { MetadataFormFieldContext } from './metadata-form-field/metadata-form-field.interface';\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<MetadataFormFieldContext>();\n\n  ngOnInit() {\n    const input = this.yuvObjectMetadataElementLabel();\n    if (input) {\n      if (input.formChangedSubject) {\n        input.formChangedSubject?.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', input.ctrl!.dirty);\n        });\n      }\n\n      if (input.ctrl) {\n        input.ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');\n        });\n        input.ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n          this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', input.ctrl!.dirty);\n        });\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 } from '@yuuvis/client-core';\nimport { FormTranslateService } from '@yuuvis/client-framework/common';\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(FormTranslateService);\n\n  yuvObjectMetadataElementError = input<ObjectFormControl>();\n\n  #getErrors(): string[] {\n    const ctrl = this.yuvObjectMetadataElementError();\n\n    // only show errors if the control has been touched\n    const shouldShowErrors = ctrl && ctrl.errors && (ctrl.touched || ctrl.dirty);\n\n    return shouldShowErrors\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, input } 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  #registry = inject(MetadataFormElementRegistry);\n  #template = inject(TemplateRef<any>);\n\n  /**\n   * Bucket to register the template. Use 'default' for templates that should be\n   * used across all situations.\n   */\n  @Input() yuvMetadataElementTemplate?: string;\n  /**\n   * Situation to register the template for. So only object forms for that\n   * situation (CREATE, EDIT, SEARCH) will use the template. Defaults to `EDIT`.\n   */\n  situation = input<Situation>(Situation.EDIT);\n\n  /**\n   * Internal property type to get the registered template. You need to set either\n   * `propertyType` or `propertyName` to get a template. Setting a name and\n   * a type, the name will be used because it is more precise.\n   */\n  propertyType = input<string>();\n  /**\n   * Pick registered metadata element by name. You need to set either\n   * `propertyType` or `propertyName` to get a template. Setting a name and\n   * a type, the name will be used because it is more precise.\n   */\n  propertyName = input<string>();\n  #registrationKey?: string;\n\n  ngOnInit(): void {\n    const pn = this.propertyName();\n    this.#registrationKey = pn ? `${this.#registry.NAME_PROPERTY_PREFIX}${pn}` : this.propertyType();\n    if (this.#registrationKey) {\n      if (this.yuvMetadataElementTemplate === 'default') {\n        this.#registry._addDefaultElementTemplate(this.#registrationKey, this.#template);\n      } else this.#registry.addElementTemplate(this.#registrationKey, this.#template, this.situation());\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (!this.#registrationKey) return;\n    if (this.yuvMetadataElementTemplate === 'default') this.#registry._removeDefaultElementTemplate(this.#registrationKey);\n    else this.#registry.removeElementTemplate(this.#registrationKey, 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';\nimport { Subject } from 'rxjs';\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  formChangedSubject = input<Subject<void>>()\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      // check for template by name ...\n      const templateByName = this.#registry.getElementTemplate(`${this.#registry.NAME_PROPERTY_PREFIX}${field.name}`, this.situation());\n      if (templateByName) this.elementTemplate.set(templateByName);\n      else {\n        if (!field._internalType) field._internalType = this.#system.getInternalFormElementType(field.propertyType);\n        this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      }\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      formChangedSubject: this.formChangedSubject()\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-details.mjs

@@ -3,15 +3,15 @@ import { inject, contentChild, input, effect, Component, signal, Injectable, vie
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@yuuvis/client-core';
-import { ObjectConfigService, Utils, DmsService, TranslateService, EventService, YuvEventType, LocaleDatePipe, TranslateModule, PendingChangesService, NotificationService, SystemService, Situation, UserService } from '@yuuvis/client-core';
+import { ObjectConfigService, EventService, YuvEventType, Utils, DmsService, TranslateService, LocaleDatePipe, TranslateModule, PendingChangesService, NotificationService, SystemService, Situation, UserService } from '@yuuvis/client-core';
 import { RendererDirective } from '@yuuvis/client-framework/renderer';
-import * as i3 from '@angular/material/icon';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { RetentionBadgeComponent, BusyOverlayDirective } from '@yuuvis/client-framework/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { finalize } from 'rxjs';
-import * as i2 from '@angular/material/tabs';
+import * as i2$1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import { ObjectPreviewComponent } from '@yuuvis/client-framework/object-preview';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -35,8 +35,12 @@ import { ObjectSummaryDataComponent } from '@yuuvis/client-framework/object-summ
  * ```
  */
 class ObjectDetailsHeaderComponent {
+    #objectConfig;
+    #eventService;
+    #dmsObjectEffect;
     constructor() {
         this.#objectConfig = inject(ObjectConfigService);
+        this.#eventService = inject(EventService);
         this.headerActions = contentChild('yuvHeaderActions');
         this.dmsObject = input(undefined);
         this.#dmsObjectEffect = effect(() => {
@@ -55,9 +59,13 @@ class ObjectDetailsHeaderComponent {
          * Bucket of the object config to retrieve header data from
          */
         this.bucket = input(undefined);
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_UPDATED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((e) => {
+            this.#setHeaderData();
+        });
     }
-    #objectConfig;
-    #dmsObjectEffect;
     #setHeaderData() {
         const o = this.dmsObject();
         if (!o) {
@@ -73,12 +81,12 @@ class ObjectDetailsHeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsHeaderComponent, isStandalone: true, selector: "yuv-object-details-header", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "headerActions", first: true, predicate: ["yuvHeaderActions"], descendants: true, isSignal: true }], ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj && headerData) {\n  <div class=\"icon\">\n    <mat-icon>{{ headerData.icon }}</mat-icon>\n  </div>\n  <h2><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h2>\n  <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n  <div class=\"badges\">\n    <yuv-retention-badge [dmsObject]=\"dmsObj\"></yuv-retention-badge>\n  </div>\n  @let actions = headerActions();\n  @if (actions) {\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n    </div>\n  }\n}\n", styles: [":host{display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title actions\" \"icon description description\" \". badges badges\";row-gap:var(--ymt-spacing-xs);column-gap:var(--ymt-spacing-m)}:host .icon{grid-area:icon}:host .actions{grid-area:actions;display:flex;align-items:center;gap:var(--ymt-spacing-s)}:host h2{grid-area:title;margin:0;overflow:hidden;white-space:nowrap}:host h2 yuv-unknown-renderer,:host h2 yuv-string-renderer{overflow:hidden;text-overflow:ellipsis;display:block}:host .description{grid-area:description}:host .badges{grid-area:badges}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsHeaderComponent, isStandalone: true, selector: "yuv-object-details-header", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "headerActions", first: true, predicate: ["yuvHeaderActions"], descendants: true, isSignal: true }], ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj && headerData) {\n  <div class=\"icon\">\n    <mat-icon>{{ headerData.icon }}</mat-icon>\n  </div>\n  <h2><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h2>\n  <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n  <div class=\"badges\">\n    <yuv-retention-badge [dmsObject]=\"dmsObj\"></yuv-retention-badge>\n  </div>\n  @let actions = headerActions();\n  @if (actions) {\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n    </div>\n  }\n}\n", styles: [":host{display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title actions\" \"icon description description\" \". badges badges\";row-gap:var(--ymt-spacing-xs);column-gap:var(--ymt-spacing-m)}:host .icon{grid-area:icon}:host .actions{grid-area:actions;display:flex;align-items:center;gap:var(--ymt-spacing-s)}:host h2{grid-area:title;margin:0;overflow:hidden;white-space:nowrap}:host h2 yuv-unknown-renderer,:host h2 yuv-string-renderer{overflow:hidden;text-overflow:ellipsis;display:block}:host .description{grid-area:description}:host .badges{grid-area:badges}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-details-header', imports: [CommonModule, MatIconModule, RendererDirective, RetentionBadgeComponent], template: "@let dmsObj = dmsObject();\n@if (dmsObj && headerData) {\n  <div class=\"icon\">\n    <mat-icon>{{ headerData.icon }}</mat-icon>\n  </div>\n  <h2><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h2>\n  <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n  <div class=\"badges\">\n    <yuv-retention-badge [dmsObject]=\"dmsObj\"></yuv-retention-badge>\n  </div>\n  @let actions = headerActions();\n  @if (actions) {\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n    </div>\n  }\n}\n", styles: [":host{display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title actions\" \"icon description description\" \". badges badges\";row-gap:var(--ymt-spacing-xs);column-gap:var(--ymt-spacing-m)}:host .icon{grid-area:icon}:host .actions{grid-area:actions;display:flex;align-items:center;gap:var(--ymt-spacing-s)}:host h2{grid-area:title;margin:0;overflow:hidden;white-space:nowrap}:host h2 yuv-unknown-renderer,:host h2 yuv-string-renderer{overflow:hidden;text-overflow:ellipsis;display:block}:host .description{grid-area:description}:host .badges{grid-area:badges}\n"] }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class ObjectDetailsShellService {
     constructor() {
@@ -152,11 +160,11 @@ class ObjectDetailsShellComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsShellComponent, isStandalone: true, selector: "yuv-object-details-shell", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  <yuv-object-details-header [dmsObject]=\"dmsObj\" [type]=\"type()\" [bucket]=\"bucket()\"></yuv-object-details-header>\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content></ng-content>\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectDetailsHeaderComponent, selector: "yuv-object-details-header", inputs: ["dmsObject", "type", "bucket"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsShellComponent, isStandalone: true, selector: "yuv-object-details-shell", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  <yuv-object-details-header [dmsObject]=\"dmsObj\" [type]=\"type()\" [bucket]=\"bucket()\"></yuv-object-details-header>\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content></ng-content>\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectDetailsHeaderComponent, selector: "yuv-object-details-header", inputs: ["dmsObject", "type", "bucket"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-details-shell', standalone: true, imports: [CommonModule, ObjectDetailsHeaderComponent, MatTooltipModule, BusyOverlayDirective], template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  <yuv-object-details-header [dmsObject]=\"dmsObj\" [type]=\"type()\" [bucket]=\"bucket()\"></yuv-object-details-header>\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content></ng-content>\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"] }]
+            args: [{ selector: 'yuv-object-details-shell', standalone: true, imports: [CommonModule, ObjectDetailsHeaderComponent, MatTooltipModule, BusyOverlayDirective], template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  <yuv-object-details-header [dmsObject]=\"dmsObj\" [type]=\"type()\" [bucket]=\"bucket()\"></yuv-object-details-header>\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content></ng-content>\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"] }]
         }], ctorParameters: () => [] });
 
 class ObjectAuditComponent {
@@ -320,7 +328,7 @@ class ObjectAuditComponent {
         this.error = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectAuditComponent, deps: [{ token: i1$1.AuditService }, { token: i1$1.EventService }, { token: i1$1.SystemService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectAuditComponent, isStandalone: true, selector: "yuv-object-audit", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, skipActions: { classPropertyName: "skipActions", publicName: "skipActions", isSignal: true, isRequired: false, transformFunction: null }, allActions: { classPropertyName: "allActions", publicName: "allActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"yuv-audit\" [ngClass]=\"{ singleEntry: auditsRes?.items?.length === 1, onPage: auditsRes && auditsRes.page > 1 }\" [yuvBusyOverlay]=\"busy\">\n  @if (error) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsRes) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsRes.hasMoreItems || auditsRes.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsRes.page === 1\"\n            (click)=\"goToPage(auditsRes.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsRes.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsRes.hasMoreItems\"\n            (click)=\"goToPage(auditsRes.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 1fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:end}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:4px 6px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectAuditComponent, isStandalone: true, selector: "yuv-object-audit", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, skipActions: { classPropertyName: "skipActions", publicName: "skipActions", isSignal: true, isRequired: false, transformFunction: null }, allActions: { classPropertyName: "allActions", publicName: "allActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"yuv-audit\" [ngClass]=\"{ singleEntry: auditsRes?.items?.length === 1, onPage: auditsRes && auditsRes.page > 1 }\" [yuvBusyOverlay]=\"busy\">\n  @if (error) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsRes) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsRes.hasMoreItems || auditsRes.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsRes.page === 1\"\n            (click)=\"goToPage(auditsRes.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsRes.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsRes.hasMoreItems\"\n            (click)=\"goToPage(auditsRes.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 1fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:end}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:4px 6px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectAuditComponent, decorators: [{
             type: Component,
@@ -507,7 +515,7 @@ class ObjectMetadataComponent {
         this.#formSubscriptions.forEach((s) => s.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectMetadataComponent, isStandalone: true, selector: "yuv-object-metadata", inputs: { disableControls: { classPropertyName: "disableControls", publicName: "disableControls", isSignal: true, isRequired: false, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: false, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: false, isRequired: false, transformFunction: null }, dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavoredDmsObject: { classPropertyName: "flavoredDmsObject", publicName: "flavoredDmsObject", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexDataSaved: "indexDataSaved", statusChanged: "statusChanged" }, host: { properties: { "class.empty": "empty()" } }, viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main [yuvBusyOverlay]=\"busy()\">\n  @if (empty()) {\n    <p class=\"empty\">{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  } @else {\n    <yuv-object-form [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary>\n          @if (fo.icon) {\n            @if (fo.svgIcon) {\n              <mat-icon [svgIcon]=\"fo.icon\"></mat-icon>\n            } @else {\n              <mat-icon>{{ fo.icon }}</mat-icon>\n            }\n          }\n          <span>{{ fo.label }}</span\n          ><mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n        </summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n\n    <!-- base data -->\n    @if (_dmsObject) {\n      <yuv-object-summary-data [dmsObject]=\"_dmsObject\"></yuv-object-summary-data>\n    }\n  }\n</main>\n\n<footer [ngClass]=\"{ visible: !disableControls() && controlsVisible() }\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busy()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button ymtButton=\"primary\" button-size=\"small\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busy()\">\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-height: 4rem;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--ymt-spacing-l);opacity:0}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--ymt-corner-full)}:host footer.visible{animation:controlsAppear .2s ease-in-out forwards}:host main details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host main details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host main details[open] yuv-icon.arr{transform:rotate(180deg)}:host main details summary{padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);position:relative}:host main details summary span{flex:1}:host main details summary::marker{display:none}:host main details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectMetadataComponent, isStandalone: true, selector: "yuv-object-metadata", inputs: { disableControls: { classPropertyName: "disableControls", publicName: "disableControls", isSignal: true, isRequired: false, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: false, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: false, isRequired: false, transformFunction: null }, dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavoredDmsObject: { classPropertyName: "flavoredDmsObject", publicName: "flavoredDmsObject", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexDataSaved: "indexDataSaved", statusChanged: "statusChanged" }, host: { properties: { "class.empty": "empty()" } }, viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main [yuvBusyOverlay]=\"busy()\">\n  @if (empty()) {\n    <p class=\"empty\">{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  } @else {\n    <yuv-object-form [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary>\n          @if (fo.icon) {\n            @if (fo.svgIcon) {\n              <mat-icon [svgIcon]=\"fo.icon\"></mat-icon>\n            } @else {\n              <mat-icon>{{ fo.icon }}</mat-icon>\n            }\n          }\n          <span>{{ fo.label }}</span\n          ><mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n        </summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n\n    <!-- base data -->\n    @if (_dmsObject) {\n      <yuv-object-summary-data [dmsObject]=\"_dmsObject\"></yuv-object-summary-data>\n    }\n  }\n</main>\n\n<footer [attr.inert]=\"(disableControls() || !controlsVisible()) || null\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busy()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button ymtButton=\"primary\" button-size=\"small\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busy()\">\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-height: 4rem;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--ymt-spacing-l);opacity:0}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--ymt-corner-full)}:host footer:not([inert]){animation:controlsAppear .2s ease-in-out forwards}:host main details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host main details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host main details[open] yuv-icon.arr{transform:rotate(180deg)}:host main details summary{padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);position:relative}:host main details summary span{flex:1}:host main details summary::marker{display:none}:host main details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectMetadataComponent, decorators: [{
             type: Component,
@@ -523,7 +531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
                         YmtButtonDirective
                     ], host: {
                         '[class.empty]': 'empty()'
-                    }, template: "<main [yuvBusyOverlay]=\"busy()\">\n  @if (empty()) {\n    <p class=\"empty\">{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  } @else {\n    <yuv-object-form [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary>\n          @if (fo.icon) {\n            @if (fo.svgIcon) {\n              <mat-icon [svgIcon]=\"fo.icon\"></mat-icon>\n            } @else {\n              <mat-icon>{{ fo.icon }}</mat-icon>\n            }\n          }\n          <span>{{ fo.label }}</span\n          ><mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n        </summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n\n    <!-- base data -->\n    @if (_dmsObject) {\n      <yuv-object-summary-data [dmsObject]=\"_dmsObject\"></yuv-object-summary-data>\n    }\n  }\n</main>\n\n<footer [ngClass]=\"{ visible: !disableControls() && controlsVisible() }\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busy()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button ymtButton=\"primary\" button-size=\"small\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busy()\">\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-height: 4rem;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--ymt-spacing-l);opacity:0}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--ymt-corner-full)}:host footer.visible{animation:controlsAppear .2s ease-in-out forwards}:host main details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host main details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host main details[open] yuv-icon.arr{transform:rotate(180deg)}:host main details summary{padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);position:relative}:host main details summary span{flex:1}:host main details summary::marker{display:none}:host main details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"] }]
+                    }, template: "<main [yuvBusyOverlay]=\"busy()\">\n  @if (empty()) {\n    <p class=\"empty\">{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  } @else {\n    <yuv-object-form [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary>\n          @if (fo.icon) {\n            @if (fo.svgIcon) {\n              <mat-icon [svgIcon]=\"fo.icon\"></mat-icon>\n            } @else {\n              <mat-icon>{{ fo.icon }}</mat-icon>\n            }\n          }\n          <span>{{ fo.label }}</span\n          ><mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n        </summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n\n    <!-- base data -->\n    @if (_dmsObject) {\n      <yuv-object-summary-data [dmsObject]=\"_dmsObject\"></yuv-object-summary-data>\n    }\n  }\n</main>\n\n<footer [attr.inert]=\"(disableControls() || !controlsVisible()) || null\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busy()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button ymtButton=\"primary\" button-size=\"small\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busy()\">\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-height: 4rem;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--ymt-spacing-l);opacity:0}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--ymt-corner-full)}:host footer:not([inert]){animation:controlsAppear .2s ease-in-out forwards}:host main details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host main details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host main details[open] yuv-icon.arr{transform:rotate(180deg)}:host main details summary{padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);position:relative}:host main details summary span{flex:1}:host main details summary::marker{display:none}:host main details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"] }]
         }], propDecorators: { situation: [{
                 type: Input
             }], formDisabled: [{
@@ -592,11 +600,11 @@ class ObjectDetailsComponent {
             this._dmsObject.set(updatedObject);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsComponent, isStandalone: true, selector: "yuv-object-details", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, objectConfigBucket: { classPropertyName: "objectConfigBucket", publicName: "objectConfigBucket", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ObjectDetailsShellService], ngImport: i0, template: "<yuv-object-details-shell [type]=\"type()\" [bucket]=\"objectConfigBucket()\">\n  @let dmsObj = _dmsObject();\n  <mat-tab-group>\n    <!-- content -->\n    <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n      <ng-template matTabContent>\n        @if (dmsObj && dmsObj.content) {\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        }\n      </ng-template>\n    </mat-tab>\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata  [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ObjectDetailsShellComponent, selector: "yuv-object-details-shell", inputs: ["type", "bucket"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectDetailsComponent, isStandalone: true, selector: "yuv-object-details", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, objectConfigBucket: { classPropertyName: "objectConfigBucket", publicName: "objectConfigBucket", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ObjectDetailsShellService], ngImport: i0, template: "<yuv-object-details-shell [type]=\"type()\" [bucket]=\"objectConfigBucket()\">\n  @let dmsObj = _dmsObject();\n  <mat-tab-group>\n    <!-- content -->\n    @if (dmsObj && dmsObj.content) {\n      <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n        <ng-template matTabContent>\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        </ng-template>\n      </mat-tab>\n    }\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ObjectDetailsShellComponent, selector: "yuv-object-details-shell", inputs: ["type", "bucket"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-details', standalone: true, imports: [CommonModule, TranslateModule, MatTabsModule, ObjectDetailsShellComponent, ObjectPreviewComponent, ObjectMetadataComponent, ObjectAuditComponent], providers: [ObjectDetailsShellService], template: "<yuv-object-details-shell [type]=\"type()\" [bucket]=\"objectConfigBucket()\">\n  @let dmsObj = _dmsObject();\n  <mat-tab-group>\n    <!-- content -->\n    <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n      <ng-template matTabContent>\n        @if (dmsObj && dmsObj.content) {\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        }\n      </ng-template>\n    </mat-tab>\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata  [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"] }]
+            args: [{ selector: 'yuv-object-details', standalone: true, imports: [CommonModule, TranslateModule, MatTabsModule, ObjectDetailsShellComponent, ObjectPreviewComponent, ObjectMetadataComponent, ObjectAuditComponent], providers: [ObjectDetailsShellService], template: "<yuv-object-details-shell [type]=\"type()\" [bucket]=\"objectConfigBucket()\">\n  @let dmsObj = _dmsObject();\n  <mat-tab-group>\n    <!-- content -->\n    @if (dmsObj && dmsObj.content) {\n      <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n        <ng-template matTabContent>\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        </ng-template>\n      </mat-tab>\n    }\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"] }]
         }] });
 
 const cmp = [