@yuuvis/client-framework 2.20.1 → 3.0.0-beta.20.0

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

@@ -1,10 +1,8 @@
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, input, output, Component, viewChild, computed, effect, untracked, signal, HostAttributeToken } from '@angular/core';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/dialog';
+import * as i2$1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -12,17 +10,18 @@ import * as i2$2 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i1$3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2$1 from '@yuuvis/client-core';
-import { TranslateService, SystemService, TranslateModule, Situation } from '@yuuvis/client-core';
+import { TranslateService, SystemService, TranslatePipe, Situation } from '@yuuvis/client-core';
 import { BusyOverlayDirective, DialogComponent, ConfirmService, DragScrollDirective } from '@yuuvis/client-framework/common';
 import * as i1$2 from '@yuuvis/client-framework/list';
 import { YuvListModule, ListComponent } from '@yuuvis/client-framework/list';
 import { ShellService } from '@yuuvis/client-shell-core';
 import { switchMap, of } from 'rxjs';
 import { YmtButtonDirective } from '@yuuvis/material';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { ObjectFormComponent } from '@yuuvis/client-framework/object-form';
 import { ObjectPreviewComponent } from '@yuuvis/client-framework/object-preview';
-import * as i4 from '@yuuvis/client-framework/split-view';
+import * as i3 from '@yuuvis/client-framework/split-view';
 import { YuvSplitViewModule } from '@yuuvis/client-framework/split-view';
 import { finalize } from 'rxjs/operators';
 
@@ -30,9 +29,9 @@ class FlavorChipComponent {
     constructor() {
         this.translate = inject(TranslateService);
         this.#system = inject(SystemService);
-        this.flavor = input.required();
-        this.enableRemove = input();
-        this.enableDescription = input();
+        this.flavor = input.required(...(ngDevMode ? [{ debugName: "flavor" }] : []));
+        this.enableRemove = input(...(ngDevMode ? [undefined, { debugName: "enableRemove" }] : []));
+        this.enableDescription = input(...(ngDevMode ? [undefined, { debugName: "enableDescription" }] : []));
         this.flavorRemove = output();
     }
     #system;
@@ -41,32 +40,32 @@ class FlavorChipComponent {
         e.stopPropagation();
         this.flavorRemove.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FlavorChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FlavorChipComponent, isStandalone: true, selector: "yuv-flavor-chip", inputs: { flavor: { classPropertyName: "flavor", publicName: "flavor", isSignal: true, isRequired: true, transformFunction: null }, enableRemove: { classPropertyName: "enableRemove", publicName: "enableRemove", isSignal: true, isRequired: false, transformFunction: null }, enableDescription: { classPropertyName: "enableDescription", publicName: "enableDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { flavorRemove: "flavorRemove" }, ngImport: i0, template: "@let fo = flavor();\n\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} @else {\n  <div class=\"empty-icon\"></div>\n}\n\n<div>\n  {{ fo.name }}\n  @if (enableDescription()) {\n    <span class=\"description\">{{ fo.description }}</span>\n  }\n</div>\n@if (enableRemove() && !flavor().preventRemove) {\n  <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"remove($event)\">\n    <mat-icon>close</mat-icon>\n  </button>\n}\n", styles: [":host{display:flex;gap:.5em;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);align-items:center}:host .empty-icon{width:24px;height:24px;background-color:var(--ymt-surface-container);border-radius:var(--ymt-corner-s)}:host mat-icon{color:var(--ymt-text-color);flex:0 0 auto}:host>div{line-height:1em;display:block;white-space:nowrap;color:var(--ymt-text-color);overflow:hidden;text-overflow:ellipsis}:host>div .description{display:block;margin-block-start:.5em;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:42ch;line-height:1.3em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FlavorChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FlavorChipComponent, isStandalone: true, selector: "yuv-flavor-chip", inputs: { flavor: { classPropertyName: "flavor", publicName: "flavor", isSignal: true, isRequired: true, transformFunction: null }, enableRemove: { classPropertyName: "enableRemove", publicName: "enableRemove", isSignal: true, isRequired: false, transformFunction: null }, enableDescription: { classPropertyName: "enableDescription", publicName: "enableDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { flavorRemove: "flavorRemove" }, ngImport: i0, template: "@let fo = flavor();\n\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} @else {\n  <div class=\"empty-icon\"></div>\n}\n\n<div>\n  {{ fo.name }}\n  @if (enableDescription()) {\n    <span class=\"description\">{{ fo.description }}</span>\n  }\n</div>\n@if (enableRemove() && !flavor().preventRemove) {\n  <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"remove($event)\">\n    <mat-icon>close</mat-icon>\n  </button>\n}\n", styles: [":host{display:flex;gap:.5em;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);align-items:center}:host .empty-icon{width:24px;height:24px;background-color:var(--ymt-surface-container);border-radius:var(--ymt-corner-s)}:host mat-icon{color:var(--ymt-text-color);flex:0 0 auto}:host>div{line-height:1em;display:block;white-space:nowrap;color:var(--ymt-text-color);overflow:hidden;text-overflow:ellipsis}:host>div .description{display:block;margin-block-start:.5em;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:42ch;line-height:1.3em}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FlavorChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FlavorChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-flavor-chip', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, TranslateModule], template: "@let fo = flavor();\n\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} @else {\n  <div class=\"empty-icon\"></div>\n}\n\n<div>\n  {{ fo.name }}\n  @if (enableDescription()) {\n    <span class=\"description\">{{ fo.description }}</span>\n  }\n</div>\n@if (enableRemove() && !flavor().preventRemove) {\n  <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"remove($event)\">\n    <mat-icon>close</mat-icon>\n  </button>\n}\n", styles: [":host{display:flex;gap:.5em;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);align-items:center}:host .empty-icon{width:24px;height:24px;background-color:var(--ymt-surface-container);border-radius:var(--ymt-corner-s)}:host mat-icon{color:var(--ymt-text-color);flex:0 0 auto}:host>div{line-height:1em;display:block;white-space:nowrap;color:var(--ymt-text-color);overflow:hidden;text-overflow:ellipsis}:host>div .description{display:block;margin-block-start:.5em;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:42ch;line-height:1.3em}\n"] }]
-        }] });
+            args: [{ selector: 'yuv-flavor-chip', standalone: true, imports: [MatIconModule, MatButtonModule, TranslatePipe], template: "@let fo = flavor();\n\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} @else {\n  <div class=\"empty-icon\"></div>\n}\n\n<div>\n  {{ fo.name }}\n  @if (enableDescription()) {\n    <span class=\"description\">{{ fo.description }}</span>\n  }\n</div>\n@if (enableRemove() && !flavor().preventRemove) {\n  <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"remove($event)\">\n    <mat-icon>close</mat-icon>\n  </button>\n}\n", styles: [":host{display:flex;gap:.5em;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s);align-items:center}:host .empty-icon{width:24px;height:24px;background-color:var(--ymt-surface-container);border-radius:var(--ymt-corner-s)}:host mat-icon{color:var(--ymt-text-color);flex:0 0 auto}:host>div{line-height:1em;display:block;white-space:nowrap;color:var(--ymt-text-color);overflow:hidden;text-overflow:ellipsis}:host>div .description{display:block;margin-block-start:.5em;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:42ch;line-height:1.3em}\n"] }]
+        }], propDecorators: { flavor: [{ type: i0.Input, args: [{ isSignal: true, alias: "flavor", required: true }] }], enableRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRemove", required: false }] }], enableDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableDescription", required: false }] }], flavorRemove: [{ type: i0.Output, args: ["flavorRemove"] }] } });
 
 class AbstractApplyObjectFlavorComponent {
     constructor() {
         this.dialogData = inject(MAT_DIALOG_DATA);
         this.dialogRef = inject((MatDialogRef));
         // the dmsObject the flavor should be applied to
-        this.dmsObject = input(this.dialogData.dmsObject);
+        this.dmsObject = input(this.dialogData.dmsObject, ...(ngDevMode ? [{ debugName: "dmsObject" }] : []));
         // the flavor that should be applied
-        this.flavor = input(this.dialogData.flavor);
+        this.flavor = input(this.dialogData.flavor, ...(ngDevMode ? [{ debugName: "flavor" }] : []));
         // Optional data 
-        this.data = input(this.dialogData.data);
+        this.data = input(this.dialogData.data, ...(ngDevMode ? [{ debugName: "data" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AbstractApplyObjectFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: AbstractApplyObjectFlavorComponent, isStandalone: true, selector: "yuv-apply-object-flavor", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavor: { classPropertyName: "flavor", publicName: "flavor", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AbstractApplyObjectFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: AbstractApplyObjectFlavorComponent, isStandalone: true, selector: "yuv-apply-object-flavor", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavor: { classPropertyName: "flavor", publicName: "flavor", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AbstractApplyObjectFlavorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AbstractApplyObjectFlavorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-apply-object-flavor', standalone: true, imports: [], template: '' }]
-        }] });
+        }], propDecorators: { dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: false }] }], flavor: [{ type: i0.Input, args: [{ isSignal: true, alias: "flavor", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 class DefaultApplyFlavorComponent extends AbstractApplyObjectFlavorComponent {
     constructor() {
@@ -74,20 +73,22 @@ class DefaultApplyFlavorComponent extends AbstractApplyObjectFlavorComponent {
         this.#system = inject(SystemService);
         this.#shell = inject(ShellService);
         this.translate = inject(TranslateService);
-        this.objectForm = viewChild(ObjectFormComponent);
-        this.flavorLabel = computed(() => (this.flavor().origin === 'app' ? this.translate.instant(this.flavor().id) : this.#system.getLocalizedLabel(this.flavor().id)));
+        this.objectForm = viewChild(ObjectFormComponent, ...(ngDevMode ? [{ debugName: "objectForm" }] : []));
+        this.flavorLabel = computed(() => this.flavor().origin === 'app'
+            ? this.translate.instant(this.flavor().id)
+            : this.#system.getLocalizedLabel(this.flavor().id), ...(ngDevMode ? [{ debugName: "flavorLabel" }] : []));
         this.#flavorEffect = effect(() => {
             const f = this.flavor();
             untracked(() => {
                 if (f)
                     this.#loadForm(f);
             });
-        });
-        this.error = signal(false);
-        this.applyDisabled = signal(true);
-        this.busyLoading = signal(false);
-        this.busySaving = signal(false);
-        this.formOptions = signal(null);
+        }, ...(ngDevMode ? [{ debugName: "#flavorEffect" }] : []));
+        this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.applyDisabled = signal(true, ...(ngDevMode ? [{ debugName: "applyDisabled" }] : []));
+        this.busyLoading = signal(false, ...(ngDevMode ? [{ debugName: "busyLoading" }] : []));
+        this.busySaving = signal(false, ...(ngDevMode ? [{ debugName: "busySaving" }] : []));
+        this.formOptions = signal(null, ...(ngDevMode ? [{ debugName: "formOptions" }] : []));
     }
     #system;
     #shell;
@@ -124,14 +125,14 @@ class DefaultApplyFlavorComponent extends AbstractApplyObjectFlavorComponent {
     close() {
         this.dialogRef.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DefaultApplyFlavorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DefaultApplyFlavorComponent, isStandalone: true, selector: "yuv-default-apply-flavor", viewQueries: [{ propertyName: "objectForm", first: true, predicate: ObjectFormComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let o = dmsObject();\n@if (o) {\n  <yuv-dialog [yuvBusyOverlay]=\"busyLoading()\" [headertitel]=\"'yuv.object-flavor.apply-flavor.headline' | translate: { name: flavorLabel() }\">\n    <main>\n      <yuv-split-view [gutterSize]=\"1\">\n        <ng-template yuvSplitArea [size]=\"60\" [visible]=\"!!o.content\">\n          @if (o.content) {\n            <yuv-object-preview [objectId]=\"dmsObject().id\"></yuv-object-preview>\n          }\n        </ng-template>\n\n        <ng-template yuvSplitArea [size]=\"40\">\n          <div class=\"metadata\">\n            @let fo = formOptions();\n            @if (fo) {\n              <yuv-object-form [inert]=\"busySaving()\" [formOptions]=\"fo\" (statusChanged)=\"onFormStatusChanged($event)\"></yuv-object-form>\n            }\n          </div>\n        </ng-template>\n      </yuv-split-view>\n    </main>\n    <footer>\n      <button ymtButton=\"secondary\" mat-dialog-close [disabled]=\"busySaving()\">{{ 'yuv.object-flavor.apply-flavor.button.cancel' | translate }}</button>\n      <button ymtButton=\"primary\" mat-dialog-close [ngClass]=\"{ spinning: busySaving() }\" [disabled]=\"applyDisabled()\" (click)=\"applyFlavor()\">\n        {{ 'yuv.object-flavor.apply-flavor.button.apply' | translate }}\n      </button>\n    </footer>\n  </yuv-dialog>\n}\n", styles: [":host{display:grid;overflow:hidden}:host main{overflow:hidden}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .metadata{overflow-y:auto}:host .metadata yuv-object-form{display:block;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);max-width:100%;margin-inline:auto;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i4.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible", "lockSize"] }, { kind: "component", type: i4.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DefaultApplyFlavorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DefaultApplyFlavorComponent, isStandalone: true, selector: "yuv-default-apply-flavor", viewQueries: [{ propertyName: "objectForm", first: true, predicate: ObjectFormComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let o = dmsObject();\n@if (o) {\n  <yuv-dialog [yuvBusyOverlay]=\"busyLoading()\" [headertitel]=\"'yuv.object-flavor.apply-flavor.headline' | translate: { name: flavorLabel() }\">\n    <main>\n      <yuv-split-view [gutterSize]=\"1\">\n        <ng-template yuvSplitArea [size]=\"60\" [visible]=\"!!o.content\">\n          @if (o.content) {\n            <yuv-object-preview [objectId]=\"dmsObject().id\"></yuv-object-preview>\n          }\n        </ng-template>\n\n        <ng-template yuvSplitArea [size]=\"40\">\n          <div class=\"metadata\">\n            @let fo = formOptions();\n            @if (fo) {\n              <yuv-object-form [inert]=\"busySaving()\" [formOptions]=\"fo\" (statusChanged)=\"onFormStatusChanged($event)\"></yuv-object-form>\n            }\n          </div>\n        </ng-template>\n      </yuv-split-view>\n    </main>\n    <footer>\n      <button ymtButton=\"secondary\" mat-dialog-close [disabled]=\"busySaving()\">{{ 'yuv.object-flavor.apply-flavor.button.cancel' | translate }}</button>\n      <button ymtButton=\"primary\" mat-dialog-close [ngClass]=\"{ spinning: busySaving() }\" [disabled]=\"applyDisabled()\" (click)=\"applyFlavor()\">\n        {{ 'yuv.object-flavor.apply-flavor.button.apply' | translate }}\n      </button>\n    </footer>\n  </yuv-dialog>\n}\n", styles: [":host{display:grid;overflow:hidden}:host main{overflow:hidden}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .metadata{overflow-y:auto}:host .metadata yuv-object-form{display:block;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);max-width:100%;margin-inline:auto;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible", "lockSize"] }, { kind: "component", type: i3.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DefaultApplyFlavorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DefaultApplyFlavorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-default-apply-flavor', imports: [
                         CommonModule,
-                        TranslateModule,
+                        TranslatePipe,
                         MatDialogModule,
                         YuvSplitViewModule,
                         BusyOverlayDirective,
@@ -140,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         DialogComponent,
                         YmtButtonDirective
                     ], template: "@let o = dmsObject();\n@if (o) {\n  <yuv-dialog [yuvBusyOverlay]=\"busyLoading()\" [headertitel]=\"'yuv.object-flavor.apply-flavor.headline' | translate: { name: flavorLabel() }\">\n    <main>\n      <yuv-split-view [gutterSize]=\"1\">\n        <ng-template yuvSplitArea [size]=\"60\" [visible]=\"!!o.content\">\n          @if (o.content) {\n            <yuv-object-preview [objectId]=\"dmsObject().id\"></yuv-object-preview>\n          }\n        </ng-template>\n\n        <ng-template yuvSplitArea [size]=\"40\">\n          <div class=\"metadata\">\n            @let fo = formOptions();\n            @if (fo) {\n              <yuv-object-form [inert]=\"busySaving()\" [formOptions]=\"fo\" (statusChanged)=\"onFormStatusChanged($event)\"></yuv-object-form>\n            }\n          </div>\n        </ng-template>\n      </yuv-split-view>\n    </main>\n    <footer>\n      <button ymtButton=\"secondary\" mat-dialog-close [disabled]=\"busySaving()\">{{ 'yuv.object-flavor.apply-flavor.button.cancel' | translate }}</button>\n      <button ymtButton=\"primary\" mat-dialog-close [ngClass]=\"{ spinning: busySaving() }\" [disabled]=\"applyDisabled()\" (click)=\"applyFlavor()\">\n        {{ 'yuv.object-flavor.apply-flavor.button.apply' | translate }}\n      </button>\n    </footer>\n  </yuv-dialog>\n}\n", styles: [":host{display:grid;overflow:hidden}:host main{overflow:hidden}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .metadata{overflow-y:auto}:host .metadata yuv-object-form{display:block;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);max-width:100%;margin-inline:auto;box-sizing:border-box}\n"] }]
-        }] });
+        }], propDecorators: { objectForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ObjectFormComponent), { isSignal: true }] }] } });
 
 class ObjectFlavorPickerComponent {
     constructor() {
@@ -166,12 +167,20 @@ class ObjectFlavorPickerComponent {
                 }
             });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectFlavorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectFlavorPickerComponent, isStandalone: true, selector: "yuv-object-flavor-picker", host: { properties: { "class.cmp": "!!applyComponent" } }, ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.object-flavor.picker.title' | translate\">\n  <main>\n    <p>{{ 'yuv.object-flavor.picker.text' | translate }}</p>\n    <yuv-list (itemSelect)=\"itemSelected($event)\" selectOnEnter=\"true\">\n      @for (f of applicableFlavors; track $index) {\n        <yuv-flavor-chip [flavor]=\"f\" [enableDescription]=\"true\" yuvListItem></yuv-flavor-chip>\n      }\n    </yuv-list>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" mat-dialog-close>{{ 'yuv.object-flavor.picker.button.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{--ymt-dialog-content-display: block;overflow-y:auto}:host main{padding:0 var(--ymt-spacing-m)}:host yuv-flavor-chip{--_flavor-chip-icon-size: 24px;margin-block-end:2px;gap:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);cursor:pointer}:host yuv-flavor-chip:hover{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i1$2.ListComponent, selector: "yuv-list", inputs: ["preventChangeUntil", "multiselect", "selfHandleSelection", "selfHandleClick", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i1$2.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFlavorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectFlavorPickerComponent, isStandalone: true, selector: "yuv-object-flavor-picker", host: { properties: { "class.cmp": "!!applyComponent" } }, ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.object-flavor.picker.title' | translate\">\n  <main>\n    <p>{{ 'yuv.object-flavor.picker.text' | translate }}</p>\n    <yuv-list (itemSelect)=\"itemSelected($event)\" selectOnEnter=\"true\">\n      @for (f of applicableFlavors; track $index) {\n        <yuv-flavor-chip [flavor]=\"f\" [enableDescription]=\"true\" yuvListItem></yuv-flavor-chip>\n      }\n    </yuv-list>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" mat-dialog-close>{{ 'yuv.object-flavor.picker.button.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{--ymt-dialog-content-display: block;overflow-y:auto}:host main{padding:0 var(--ymt-spacing-m)}:host yuv-flavor-chip{--_flavor-chip-icon-size: 24px;margin-block-end:2px;gap:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);cursor:pointer}:host yuv-flavor-chip:hover{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i1$2.ListComponent, selector: "yuv-list", inputs: ["preventChangeUntil", "multiselect", "selfHandleSelection", "selfHandleClick", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i1$2.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectFlavorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFlavorPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-flavor-picker', standalone: true, imports: [CommonModule, YuvListModule, DialogComponent, MatButtonModule, MatDialogModule, FlavorChipComponent, TranslateModule, YmtButtonDirective], host: {
+            args: [{ selector: 'yuv-object-flavor-picker', standalone: true, imports: [
+                        YuvListModule,
+                        DialogComponent,
+                        MatButtonModule,
+                        MatDialogModule,
+                        FlavorChipComponent,
+                        TranslatePipe,
+                        YmtButtonDirective
+                    ], host: {
                         '[class.cmp]': '!!applyComponent'
                     }, template: "<yuv-dialog [headertitel]=\"'yuv.object-flavor.picker.title' | translate\">\n  <main>\n    <p>{{ 'yuv.object-flavor.picker.text' | translate }}</p>\n    <yuv-list (itemSelect)=\"itemSelected($event)\" selectOnEnter=\"true\">\n      @for (f of applicableFlavors; track $index) {\n        <yuv-flavor-chip [flavor]=\"f\" [enableDescription]=\"true\" yuvListItem></yuv-flavor-chip>\n      }\n    </yuv-list>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" mat-dialog-close>{{ 'yuv.object-flavor.picker.button.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{--ymt-dialog-content-display: block;overflow-y:auto}:host main{padding:0 var(--ymt-spacing-m)}:host yuv-flavor-chip{--_flavor-chip-icon-size: 24px;margin-block-end:2px;gap:var(--ymt-spacing-m);padding:var(--ymt-spacing-xs) var(--ymt-spacing-m);cursor:pointer}:host yuv-flavor-chip:hover{background-color:var(--ymt-surface-container-low)}\n"] }]
         }] });
@@ -183,8 +192,8 @@ class ObjectFlavorComponent {
         this.#confirm = inject(ConfirmService);
         this.#system = inject(SystemService);
         this.translate = inject(TranslateService);
-        this.list = viewChild(ListComponent);
-        this.dmsObject = input.required();
+        this.list = viewChild(ListComponent, ...(ngDevMode ? [{ debugName: "list" }] : []));
+        this.dmsObject = input.required(...(ngDevMode ? [{ debugName: "dmsObject" }] : []));
         this.#dmsObjectEffect = effect(() => {
             const o = this.dmsObject();
             const listCmp = this.list();
@@ -194,13 +203,13 @@ class ObjectFlavorComponent {
                     if (listCmp)
                         listCmp.clear(true);
                 });
-        });
+        }, ...(ngDevMode ? [{ debugName: "#dmsObjectEffect" }] : []));
         this.flavorSelect = output();
         this.appliedFlavors = [];
         this.applicableFlavors = [];
-        this.hidden = signal(false);
-        this.busy = signal(false);
-        this.selectedIndex = signal(-1);
+        this.hidden = signal(false, ...(ngDevMode ? [{ debugName: "hidden" }] : []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        this.selectedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
         this.disableSelection = (inject(new HostAttributeToken('disableSelection'), { optional: true }) || 'false') === 'true';
     }
     #shell;
@@ -262,13 +271,12 @@ class ObjectFlavorComponent {
         this.applicableFlavors = res.applicable;
         this.hidden.set(this.applicableFlavors.length === 0 && this.appliedFlavors.length === 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectFlavorComponent, isStandalone: true, selector: "yuv-object-flavor", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { flavorSelect: "flavorSelect" }, host: { properties: { "attr.aria-hidden": "hidden()", "class.busy": "busy()", "class.selection": "selectedIndex() > -1", "class.selectionDisabled": "disableSelection" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "\n<div class=\"object-flavor\">\n  <span class=\"label\">{{ 'yuv.object-flavor.label' | translate }}</span>\n@if (applicableFlavors.length) {\n  <button mat-icon-button class=\"add ymt-icon-button--size-s secondary\"\n  [matTooltip]=\"'yuv.object-flavor.button.add' | translate\" (click)=\"startApplyFlavor()\">\n    <mat-icon>add</mat-icon>\n  </button>\n}\n</div>\n@if (appliedFlavors.length) {\n  <yuv-list horizontal=\"true\" [disableSelection]=\"disableSelection\" (itemSelect)=\"onItemsSelect($event)\" yuvDragScroll>\n    @for (f of appliedFlavors; track f.id) {\n      <yuv-flavor-chip yuvListItem [flavor]=\"f\" [enableRemove]=\"true\" (flavorRemove)=\"removeFlavor(f, $index)\"></yuv-flavor-chip>\n    }\n  </yuv-list>\n}\n<button mat-icon-button class=\"clear\" [matTooltip]=\"'yuv.object-flavor.button.clear-selection' | translate\" (click)=\"clearSelection()\">\n  <mat-icon>close</mat-icon>\n</button>\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["body.yuv-high-contrast{--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}@media (prefers-contrast: more){:root:not(.yuuvis-high-contrast-theme){color-scheme:light dark}:root:not(.yuuvis-high-contrast-theme){--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}}:host{position:relative;display:flex;align-items:center;transition:opacity .1s ease-in-out;color:var(--ymt-text-color-subtle)}:host .object-flavor{align-self:center;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs);gap:var(--ymt-spacing-2xs);display:flex;align-items:center;line-height:1em;color:var(--ymt-text-color)}:host mat-icon{color:var(--ymt-text-color)}:host.selection yuv-list{border-inline-end:1px solid var(--ymt-outline-variant)}:host.selection button.clear{display:flex}:host .progress-bar{position:absolute;inset-block-start:0}:host .progress-bar{--mdc-linear-progress-active-indicator-height: 2px}:host .progress-bar{--mdc-linear-progress-track-height: 2px}:host.busy{pointer-events:none;opacity:.5}:host[aria-hidden=true]{display:none}:host button{flex:0 0 auto}:host button.clear{color:var(--ymt-text-color-subtle);display:none}:host:not(.selectionDisabled) yuv-list yuv-flavor-chip{cursor:pointer}:host yuv-list{display:flex;flex:1;overflow-x:auto;margin-inline-start:var(--ymt-spacing-xs);--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px;border-inline-start:1px solid var(--ymt-outline-variant)}:host yuv-list yuv-flavor-chip{cursor:default;border-inline-end:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: DragScrollDirective, selector: "[yuvDragScroll]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i1$2.ListComponent, selector: "yuv-list", inputs: ["preventChangeUntil", "multiselect", "selfHandleSelection", "selfHandleClick", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i1$2.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectFlavorComponent, isStandalone: true, selector: "yuv-object-flavor", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { flavorSelect: "flavorSelect" }, host: { properties: { "attr.aria-hidden": "hidden()", "class.busy": "busy()", "class.selection": "selectedIndex() > -1", "class.selectionDisabled": "disableSelection" } }, viewQueries: [{ propertyName: "list", first: true, predicate: ListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "\n<div class=\"object-flavor\">\n  <span class=\"label\">{{ 'yuv.object-flavor.label' | translate }}</span>\n@if (applicableFlavors.length) {\n  <button mat-icon-button class=\"add ymt-icon-button--size-s secondary\"\n  [matTooltip]=\"'yuv.object-flavor.button.add' | translate\" (click)=\"startApplyFlavor()\">\n    <mat-icon>add</mat-icon>\n  </button>\n}\n</div>\n@if (appliedFlavors.length) {\n  <yuv-list horizontal=\"true\" [disableSelection]=\"disableSelection\" (itemSelect)=\"onItemsSelect($event)\" yuvDragScroll>\n    @for (f of appliedFlavors; track f.id) {\n      <yuv-flavor-chip yuvListItem [flavor]=\"f\" [enableRemove]=\"true\" (flavorRemove)=\"removeFlavor(f, $index)\"></yuv-flavor-chip>\n    }\n  </yuv-list>\n}\n<button mat-icon-button class=\"clear\" [matTooltip]=\"'yuv.object-flavor.button.clear-selection' | translate\" (click)=\"clearSelection()\">\n  <mat-icon>close</mat-icon>\n</button>\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["body.yuv-high-contrast{--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}@media(prefers-contrast:more){:root:not(.yuuvis-high-contrast-theme){color-scheme:light dark}:root:not(.yuuvis-high-contrast-theme){--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}}:host{position:relative;display:flex;align-items:center;transition:opacity .1s ease-in-out;color:var(--ymt-text-color-subtle)}:host .object-flavor{align-self:center;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs);gap:var(--ymt-spacing-2xs);display:flex;align-items:center;line-height:1em;color:var(--ymt-text-color)}:host mat-icon{color:var(--ymt-text-color)}:host.selection yuv-list{border-inline-end:1px solid var(--ymt-outline-variant)}:host.selection button.clear{display:flex}:host .progress-bar{position:absolute;inset-block-start:0;--mat-progress-bar-active-indicator-height: 2px;--mat-progress-bar-track-height: 2px}:host.busy{pointer-events:none;opacity:.5}:host[aria-hidden=true]{display:none}:host button{flex:0 0 auto}:host button.clear{color:var(--ymt-text-color-subtle);display:none}:host:not(.selectionDisabled) yuv-list yuv-flavor-chip{cursor:pointer}:host yuv-list{display:flex;flex:1;overflow-x:auto;margin-inline-start:var(--ymt-spacing-xs);--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px;border-inline-start:1px solid var(--ymt-outline-variant)}:host yuv-list yuv-flavor-chip{cursor:default;border-inline-end:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: DragScrollDirective, selector: "[yuvDragScroll]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i1$2.ListComponent, selector: "yuv-list", inputs: ["preventChangeUntil", "multiselect", "selfHandleSelection", "selfHandleClick", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i1$2.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectFlavorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFlavorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-flavor', standalone: true, imports: [
-                        CommonModule,
                         FlavorChipComponent,
                         MatTooltipModule,
                         MatProgressBarModule,
@@ -276,38 +284,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         MatIconModule,
                         MatButtonModule,
                         YuvListModule,
-                        TranslateModule
+                        TranslatePipe
                     ], host: {
                         '[attr.aria-hidden]': 'hidden()',
                         '[class.busy]': 'busy()',
                         '[class.selection]': 'selectedIndex() > -1',
                         '[class.selectionDisabled]': 'disableSelection'
-                    }, template: "\n<div class=\"object-flavor\">\n  <span class=\"label\">{{ 'yuv.object-flavor.label' | translate }}</span>\n@if (applicableFlavors.length) {\n  <button mat-icon-button class=\"add ymt-icon-button--size-s secondary\"\n  [matTooltip]=\"'yuv.object-flavor.button.add' | translate\" (click)=\"startApplyFlavor()\">\n    <mat-icon>add</mat-icon>\n  </button>\n}\n</div>\n@if (appliedFlavors.length) {\n  <yuv-list horizontal=\"true\" [disableSelection]=\"disableSelection\" (itemSelect)=\"onItemsSelect($event)\" yuvDragScroll>\n    @for (f of appliedFlavors; track f.id) {\n      <yuv-flavor-chip yuvListItem [flavor]=\"f\" [enableRemove]=\"true\" (flavorRemove)=\"removeFlavor(f, $index)\"></yuv-flavor-chip>\n    }\n  </yuv-list>\n}\n<button mat-icon-button class=\"clear\" [matTooltip]=\"'yuv.object-flavor.button.clear-selection' | translate\" (click)=\"clearSelection()\">\n  <mat-icon>close</mat-icon>\n</button>\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["body.yuv-high-contrast{--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}@media (prefers-contrast: more){:root:not(.yuuvis-high-contrast-theme){color-scheme:light dark}:root:not(.yuuvis-high-contrast-theme){--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}}:host{position:relative;display:flex;align-items:center;transition:opacity .1s ease-in-out;color:var(--ymt-text-color-subtle)}:host .object-flavor{align-self:center;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs);gap:var(--ymt-spacing-2xs);display:flex;align-items:center;line-height:1em;color:var(--ymt-text-color)}:host mat-icon{color:var(--ymt-text-color)}:host.selection yuv-list{border-inline-end:1px solid var(--ymt-outline-variant)}:host.selection button.clear{display:flex}:host .progress-bar{position:absolute;inset-block-start:0}:host .progress-bar{--mdc-linear-progress-active-indicator-height: 2px}:host .progress-bar{--mdc-linear-progress-track-height: 2px}:host.busy{pointer-events:none;opacity:.5}:host[aria-hidden=true]{display:none}:host button{flex:0 0 auto}:host button.clear{color:var(--ymt-text-color-subtle);display:none}:host:not(.selectionDisabled) yuv-list yuv-flavor-chip{cursor:pointer}:host yuv-list{display:flex;flex:1;overflow-x:auto;margin-inline-start:var(--ymt-spacing-xs);--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px;border-inline-start:1px solid var(--ymt-outline-variant)}:host yuv-list yuv-flavor-chip{cursor:default;border-inline-end:1px solid var(--ymt-outline-variant)}\n"] }]
-        }] });
+                    }, template: "\n<div class=\"object-flavor\">\n  <span class=\"label\">{{ 'yuv.object-flavor.label' | translate }}</span>\n@if (applicableFlavors.length) {\n  <button mat-icon-button class=\"add ymt-icon-button--size-s secondary\"\n  [matTooltip]=\"'yuv.object-flavor.button.add' | translate\" (click)=\"startApplyFlavor()\">\n    <mat-icon>add</mat-icon>\n  </button>\n}\n</div>\n@if (appliedFlavors.length) {\n  <yuv-list horizontal=\"true\" [disableSelection]=\"disableSelection\" (itemSelect)=\"onItemsSelect($event)\" yuvDragScroll>\n    @for (f of appliedFlavors; track f.id) {\n      <yuv-flavor-chip yuvListItem [flavor]=\"f\" [enableRemove]=\"true\" (flavorRemove)=\"removeFlavor(f, $index)\"></yuv-flavor-chip>\n    }\n  </yuv-list>\n}\n<button mat-icon-button class=\"clear\" [matTooltip]=\"'yuv.object-flavor.button.clear-selection' | translate\" (click)=\"clearSelection()\">\n  <mat-icon>close</mat-icon>\n</button>\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["body.yuv-high-contrast{--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}@media(prefers-contrast:more){:root:not(.yuuvis-high-contrast-theme){color-scheme:light dark}:root:not(.yuuvis-high-contrast-theme){--ymt-surface-app: light-dark(#ffffff, #000000);--ymt-surface: light-dark(#f5f5f5, #0a0a0a);--ymt-surface-container-lowest: light-dark(#ffffff, #000000);--ymt-surface-container-low: light-dark(#f0f0f0, #0d0d0d);--ymt-surface-container: light-dark(#e8e8e8, #141414);--ymt-surface-container-high: light-dark(#e0e0e0, #1a1a1a);--ymt-surface-container-highest: light-dark(#d6d6d6, #212121);--ymt-surface-panel: light-dark(#ffffff, #0d0d0d);--ymt-pane-surface: light-dark(#ffffff, #000000);--ymt-pane-surface-floating: light-dark(#ffffff, #141414);--ymt-pane-surface-blank: transparent;--ymt-pane-surface-floating-inverse: light-dark(#000000, #ffffff);--ymt-bar-surface: light-dark(#ffffff, #000000);--ymt-bar-surface-blank: transparent;--ymt-on-surface: light-dark(#000000, #ffffff);--ymt-on-surface-type-subtle: light-dark(#595959, #a0a0a0);--ymt-text-color: light-dark(#000000, #ffffff);--ymt-text-color-subtle: light-dark(#595959, #a0a0a0);--ymt-on-bar-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface: light-dark(#000000, #ffffff);--ymt-on-pane-surface-floating-inverse: light-dark(#ffffff, #000000);--ymt-pane-drag-handle: light-dark(#8c8c8c, #606060);--ymt-primary: light-dark(#0047cc, #6ba4ff);--ymt-on-primary: light-dark(#ffffff, #000000);--ymt-primary-container: light-dark(#d6e4ff, #002766);--ymt-on-primary-container: light-dark(#001a52, #c8dcff);--ymt-text-color-primary: light-dark(#0047cc, #6ba4ff);--ymt-brand: light-dark(#ffffff, #000000);--ymt-on-brand: light-dark(#000000, #ffffff);--ymt-outline-width: 1px;--ymt-outline: light-dark(#767676, #737373);--ymt-outline-variant: light-dark(#949494, #525252);--ymt-outline-variant-emphasized: light-dark(#595959, #8a8a8a);--ymt-success: light-dark(#166534, #4ade80);--ymt-on-success: light-dark(#ffffff, #000000);--ymt-success-container: light-dark(#dcfce7, #003314);--ymt-on-success-container: light-dark(#14532d, #86efac);--ymt-danger: light-dark(#b91c1c, #ff6b6b);--ymt-on-danger: light-dark(#ffffff, #000000);--ymt-danger-container: light-dark(#fee2e2, #4a0000);--ymt-on-danger-container: light-dark(#7f1d1d, #ffbebe);--ymt-warning: light-dark(#92400e, #facc15);--ymt-on-warning: light-dark(#ffffff, #000000);--ymt-warning-container: light-dark(#fef3c7, #3d2800);--ymt-on-warning-container: light-dark(#78350f, #ffe082);--ymt-inverse-surface: light-dark(#000000, #ffffff);--ymt-inverse-surface-90: light-dark(rgba(0, 0, 0, .9), rgba(255, 255, 255, .9));--ymt-on-inverse-surface: light-dark(#ffffff, #000000);--ymt-scrim: #000000;--ymt-scrim-opacity: 65;--ymt-text-selection-container: light-dark(#d6e4ff, #002766);--ymt-on-text-selection-container: light-dark(#001a52, #c8dcff);--ymt-focus-background: light-dark(#e8e8e8, #1a1a1a);--ymt-on-focus-background: light-dark(#000000, #ffffff);--ymt-hover-background: light-dark(#f0f0f0, #141414);--ymt-on-hover-background: light-dark(#000000, #ffffff);--ymt-selection-background: light-dark(#d6d6d6, #212121);--ymt-on-selection-background: light-dark(#000000, #ffffff);--ymt-current-background: light-dark(#d6e4ff, #002766);--ymt-on-current-background: light-dark(#001a52, #c8dcff);--ymt-focus-indicator-size: 3px;--ymt-focus-indicator-inner: light-dark(#ffffff, #000000);--ymt-focus-indicator-outer: light-dark(#000000, #ffffff);--ymt-scrollbar-thumb-color: light-dark(#949494, #525252);--ymt-scrollbar-thumb-color-hover: light-dark(#595959, #737373);--ymt-scrollbar-track-color: light-dark(#f0f0f0, #141414);--ymt-hover-state-layer-opacity: .16;--ymt-focus-state-layer-opacity: .24;--ymt-pressed-state-layer-opacity: .32;--ymt-disabled-opacity: .5}}:host{position:relative;display:flex;align-items:center;transition:opacity .1s ease-in-out;color:var(--ymt-text-color-subtle)}:host .object-flavor{align-self:center;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs) var(--ymt-spacing-2xs);gap:var(--ymt-spacing-2xs);display:flex;align-items:center;line-height:1em;color:var(--ymt-text-color)}:host mat-icon{color:var(--ymt-text-color)}:host.selection yuv-list{border-inline-end:1px solid var(--ymt-outline-variant)}:host.selection button.clear{display:flex}:host .progress-bar{position:absolute;inset-block-start:0;--mat-progress-bar-active-indicator-height: 2px;--mat-progress-bar-track-height: 2px}:host.busy{pointer-events:none;opacity:.5}:host[aria-hidden=true]{display:none}:host button{flex:0 0 auto}:host button.clear{color:var(--ymt-text-color-subtle);display:none}:host:not(.selectionDisabled) yuv-list yuv-flavor-chip{cursor:pointer}:host yuv-list{display:flex;flex:1;overflow-x:auto;margin-inline-start:var(--ymt-spacing-xs);--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px;border-inline-start:1px solid var(--ymt-outline-variant)}:host yuv-list yuv-flavor-chip{cursor:default;border-inline-end:1px solid var(--ymt-outline-variant)}\n"] }]
+        }], propDecorators: { list: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ListComponent), { isSignal: true }] }], dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: true }] }], flavorSelect: [{ type: i0.Output, args: ["flavorSelect"] }] } });
 
 class AbstractApplyCreateFlavorComponent {
     constructor() {
         this.#dialogData = inject(MAT_DIALOG_DATA);
         this.#dialogRef = inject((MatDialogRef));
-        this.createdObjectIDs = signal(this.#dialogData.createdObjectIDs);
-        this.flavor = signal(this.#dialogData.flavor);
-        this.data = signal(this.#dialogData.data);
+        this.createdObjectIDs = signal(this.#dialogData.createdObjectIDs, ...(ngDevMode ? [{ debugName: "createdObjectIDs" }] : []));
+        this.flavor = signal(this.#dialogData.flavor, ...(ngDevMode ? [{ debugName: "flavor" }] : []));
+        this.data = signal(this.#dialogData.data, ...(ngDevMode ? [{ debugName: "data" }] : []));
         this.cancel = output();
     }
     #dialogData;
     #dialogRef;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AbstractApplyCreateFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AbstractApplyCreateFlavorComponent, isStandalone: true, selector: "yuv-abstract-apply-create-flavor", outputs: { cancel: "cancel" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AbstractApplyCreateFlavorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AbstractApplyCreateFlavorComponent, isStandalone: true, selector: "yuv-abstract-apply-create-flavor", outputs: { cancel: "cancel" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AbstractApplyCreateFlavorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AbstractApplyCreateFlavorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yuv-abstract-apply-create-flavor',
                     standalone: true,
-                    imports: [CommonModule],
+                    imports: [],
                     template: ''
                 }]
-        }] });
+        }], propDecorators: { cancel: [{ type: i0.Output, args: ["cancel"] }] } });
 
 /**
  * Generated bundle index. Do not edit.