@eo-sdk/client 11.5.0-rc.1 → 11.5.0-rc.2

package/esm2022/app/eo-framework/app-shell/license-warning/license-warning.component.mjs

@@ -12,10 +12,10 @@ export class LicenseWarningComponent {
         const after30Days = new Date(new Date().setDate((new Date()).getDate() + 30));
         return !this.licenseState?.error && expiryDate < after30Days;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LicenseWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: LicenseWarningComponent, selector: "eo-license-warning", inputs: { licenseState: "licenseState", transparent: "transparent" }, ngImport: i0, template: "<div *ngIf=\"licenseState && licenseState?.type !== 'PRODUCTION'; else production\" [ngClass]=\"{'accent-color': transparent}\">\n    <span *ngIf=\"expiresWithinAMonth(); else notExpiring\" translate [translateParams]=\"{type: licenseState?.type, date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.expirationDate</span>\n    <ng-template #notExpiring>\n        <span *ngIf=\"!licenseState?.error; else expired\" translate [translateParams]=\"{type: licenseState?.type}\">eo.license.warning.type</span>\n    </ng-template>\n</div>\n\n<ng-template #production>\n  <div [ngClass]=\"{'accent-color': transparent}\">\n    <div *ngIf=\"expiresWithinAMonth(); else notExpiring\">\n      <span translate *ngIf=\"!licenseState?.error; else expired\" [translateParams]=\"{date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.type.production.expiration</span>\n    </div>\n    <ng-template #notExpiring>\n      <span *ngIf=\"!licenseState?.error; else expired\"></span>\n    </ng-template>\n  </div>\n</ng-template>\n\n<ng-template #expired>\n    <span *ngIf=\"licenseState?.error === 'EXPIRED' || licenseState?.error === 'EXPIRED_WITH_GRAND'; else error\" translate>eo.license.warning.expired</span>\n</ng-template>\n\n<ng-template #error>\n  <span translate>eo.license.warning.invalid</span>\n</ng-template>\n", styles: [":host{z-index:15}:host div{font-size:var(--font-subhead);width:max-content}:host div.accent-color{color:var(--color-accent)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i3.LocaleDatePipe, name: "localeDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: LicenseWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: LicenseWarningComponent, selector: "eo-license-warning", inputs: { licenseState: "licenseState", transparent: "transparent" }, ngImport: i0, template: "<div *ngIf=\"licenseState && licenseState?.type !== 'PRODUCTION'; else production\" [ngClass]=\"{'accent-color': transparent}\">\n    <span *ngIf=\"expiresWithinAMonth(); else notExpiring\" translate [translateParams]=\"{type: licenseState?.type, date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.expirationDate</span>\n    <ng-template #notExpiring>\n        <span *ngIf=\"!licenseState?.error; else expired\" translate [translateParams]=\"{type: licenseState?.type}\">eo.license.warning.type</span>\n    </ng-template>\n</div>\n\n<ng-template #production>\n  <div [ngClass]=\"{'accent-color': transparent}\">\n    <div *ngIf=\"expiresWithinAMonth(); else notExpiring\">\n      <span translate *ngIf=\"!licenseState?.error; else expired\" [translateParams]=\"{date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.type.production.expiration</span>\n    </div>\n    <ng-template #notExpiring>\n      <span *ngIf=\"!licenseState?.error; else expired\"></span>\n    </ng-template>\n  </div>\n</ng-template>\n\n<ng-template #expired>\n    <span *ngIf=\"licenseState?.error === 'EXPIRED' || licenseState?.error === 'EXPIRED_WITH_GRAND'; else error\" translate>eo.license.warning.expired</span>\n</ng-template>\n\n<ng-template #error>\n  <span translate>eo.license.warning.invalid</span>\n</ng-template>\n", styles: [":host{z-index:15}:host div{font-size:var(--font-subhead);width:max-content}:host div.accent-color{color:var(--color-accent)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i3.LocaleDatePipe, name: "localeDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LicenseWarningComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: LicenseWarningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-license-warning', template: "<div *ngIf=\"licenseState && licenseState?.type !== 'PRODUCTION'; else production\" [ngClass]=\"{'accent-color': transparent}\">\n    <span *ngIf=\"expiresWithinAMonth(); else notExpiring\" translate [translateParams]=\"{type: licenseState?.type, date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.expirationDate</span>\n    <ng-template #notExpiring>\n        <span *ngIf=\"!licenseState?.error; else expired\" translate [translateParams]=\"{type: licenseState?.type}\">eo.license.warning.type</span>\n    </ng-template>\n</div>\n\n<ng-template #production>\n  <div [ngClass]=\"{'accent-color': transparent}\">\n    <div *ngIf=\"expiresWithinAMonth(); else notExpiring\">\n      <span translate *ngIf=\"!licenseState?.error; else expired\" [translateParams]=\"{date: licenseState?.expires | localeDate: 'eoShortDate'}\">eo.license.warning.type.production.expiration</span>\n    </div>\n    <ng-template #notExpiring>\n      <span *ngIf=\"!licenseState?.error; else expired\"></span>\n    </ng-template>\n  </div>\n</ng-template>\n\n<ng-template #expired>\n    <span *ngIf=\"licenseState?.error === 'EXPIRED' || licenseState?.error === 'EXPIRED_WITH_GRAND'; else error\" translate>eo.license.warning.expired</span>\n</ng-template>\n\n<ng-template #error>\n  <span translate>eo.license.warning.invalid</span>\n</ng-template>\n", styles: [":host{z-index:15}:host div{font-size:var(--font-subhead);width:max-content}:host div.accent-color{color:var(--color-accent)}\n"] }]
         }], propDecorators: { licenseState: [{

package/esm2022/app/eo-framework/cta/component/cta.component.mjs

@@ -5,10 +5,10 @@ export class CtaComponent {
     constructor() {
         this.active = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CtaComponent, selector: "eo-cta", inputs: { active: "active" }, ngImport: i0, template: "<section class=\"cta\" [ngClass]=\"{active: active}\">\n  <ng-content></ng-content>\n</section>\n", styles: [".cta{height:0;transition:all .1s ease-in-out;opacity:0;overflow:hidden}.cta.active{height:35px;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: CtaComponent, selector: "eo-cta", inputs: { active: "active" }, ngImport: i0, template: "<section class=\"cta\" [ngClass]=\"{active: active}\">\n  <ng-content></ng-content>\n</section>\n", styles: [".cta{height:0;transition:all .1s ease-in-out;opacity:0;overflow:hidden}.cta.active{height:35px;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CtaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CtaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-cta', template: "<section class=\"cta\" [ngClass]=\"{active: active}\">\n  <ng-content></ng-content>\n</section>\n", styles: [".cta{height:0;transition:all .1s ease-in-out;opacity:0;overflow:hidden}.cta.active{height:35px;opacity:1}\n"] }]
         }], propDecorators: { active: [{

package/esm2022/app/eo-framework/cta/cta.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { CtaComponent } from './component/cta.component';
 import * as i0 from "@angular/core";
 export class CtaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CtaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: CtaModule, declarations: [CtaComponent], imports: [CommonModule], exports: [CtaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CtaModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CtaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: CtaModule, declarations: [CtaComponent], imports: [CommonModule], exports: [CtaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CtaModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CtaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CtaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/eo-framework.module.mjs

@@ -37,8 +37,8 @@ import { UtilModule } from './util/util.module';
 import { YvcSplitViewModule } from '@yuuvis/components/split-view';
 import * as i0 from "@angular/core";
 export class EoFrameworkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: EoFrameworkModule, declarations: [UploadOverlayComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: EoFrameworkModule, declarations: [UploadOverlayComponent,
             PrepareDetailsComponent,
             InboxDetailsComponent,
             ProcessHistoryComponent,
@@ -100,7 +100,7 @@ export class EoFrameworkModule {
             PluginsModule,
             FrameComponent,
             ObjectStateDetailsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoFrameworkModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoFrameworkModule, imports: [CommonModule,
             EoAppShellModule,
             ObjectFormModule,
             UiModule,
@@ -146,7 +146,7 @@ export class EoFrameworkModule {
             AccordionModule,
             PluginsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoFrameworkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoFrameworkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/error/error.module.mjs

@@ -5,15 +5,15 @@ import { Error404Component } from './error404/error404.component';
 import { UiModule } from '../ui/ui.module';
 import * as i0 from "@angular/core";
 export class ErrorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ErrorModule, declarations: [NotFoundComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ErrorModule, declarations: [NotFoundComponent,
             Error404Component], imports: [CommonModule,
             UiModule], exports: [NotFoundComponent,
             Error404Component] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ErrorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ErrorModule, imports: [CommonModule,
             UiModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ErrorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/error/error404/error404.component.mjs

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 import * as i2 from "../../ui/eo-icon/eo-icon.component";
 export class Error404Component {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: Error404Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: Error404Component, selector: "eo-error404", ngImport: i0, template: "<section class=\"not-found\">\n  <header class=\"header\">\n    <h3 class=\"title\">\n      <span translate>eo.status.404.title</span>\n      <span class=\"description\" translate>eo.status.404.description</span>\n    </h3>\n    <eo-icon class=\"icon\" [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n  </header>\n</section>\n\n", styles: [".not-found{display:flex;flex-flow:column;position:fixed;left:0;right:0;top:var(--app-bar-height);bottom:0}.not-found .header{background:var(--color-primary);color:var(--color-white);flex:0 0 33vh;display:flex;align-items:flex-end}.not-found .header .title{flex:1 1 auto;padding:var(--app-pane-padding);font-size:var(--font-display);color:var(--main-background);opacity:.84;display:flex;font-weight:var(--font-weight-light);flex-direction:column;padding-bottom:0;margin-bottom:var(--app-pane-padding)}.not-found .header .description{margin:calc(var(--app-pane-padding) / 2) 0;font-size:var(--font-title);font-weight:var(--font-weight-light);opacity:.84;white-space:unset}.not-found .header eo-icon.icon{position:absolute;height:initial;right:0;width:400px;transform:translateY(10vh);opacity:.1;color:var(--main-background)}\n"], dependencies: [{ kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: Error404Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: Error404Component, selector: "eo-error404", ngImport: i0, template: "<section class=\"not-found\">\n  <header class=\"header\">\n    <h3 class=\"title\">\n      <span translate>eo.status.404.title</span>\n      <span class=\"description\" translate>eo.status.404.description</span>\n    </h3>\n    <eo-icon class=\"icon\" [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n  </header>\n</section>\n\n", styles: [".not-found{display:flex;flex-flow:column;position:fixed;left:0;right:0;top:var(--app-bar-height);bottom:0}.not-found .header{background:var(--color-primary);color:var(--color-white);flex:0 0 33vh;display:flex;align-items:flex-end}.not-found .header .title{flex:1 1 auto;padding:var(--app-pane-padding);font-size:var(--font-display);color:var(--main-background);opacity:.84;display:flex;font-weight:var(--font-weight-light);flex-direction:column;padding-bottom:0;margin-bottom:var(--app-pane-padding)}.not-found .header .description{margin:calc(var(--app-pane-padding) / 2) 0;font-size:var(--font-title);font-weight:var(--font-weight-light);opacity:.84;white-space:unset}.not-found .header eo-icon.icon{position:absolute;height:initial;right:0;width:400px;transform:translateY(10vh);opacity:.1;color:var(--main-background)}\n"], dependencies: [{ kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: Error404Component, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: Error404Component, decorators: [{
             type: Component,
             args: [{ selector: 'eo-error404', template: "<section class=\"not-found\">\n  <header class=\"header\">\n    <h3 class=\"title\">\n      <span translate>eo.status.404.title</span>\n      <span class=\"description\" translate>eo.status.404.description</span>\n    </h3>\n    <eo-icon class=\"icon\" [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n  </header>\n</section>\n\n", styles: [".not-found{display:flex;flex-flow:column;position:fixed;left:0;right:0;top:var(--app-bar-height);bottom:0}.not-found .header{background:var(--color-primary);color:var(--color-white);flex:0 0 33vh;display:flex;align-items:flex-end}.not-found .header .title{flex:1 1 auto;padding:var(--app-pane-padding);font-size:var(--font-display);color:var(--main-background);opacity:.84;display:flex;font-weight:var(--font-weight-light);flex-direction:column;padding-bottom:0;margin-bottom:var(--app-pane-padding)}.not-found .header .description{margin:calc(var(--app-pane-padding) / 2) 0;font-size:var(--font-title);font-weight:var(--font-weight-light);opacity:.84;white-space:unset}.not-found .header eo-icon.icon{position:absolute;height:initial;right:0;width:400px;transform:translateY(10vh);opacity:.1;color:var(--main-background)}\n"] }]
         }] });

package/esm2022/app/eo-framework/error/not-found/not-found.component.mjs

@@ -10,10 +10,10 @@ export class NotFoundComponent {
         this.titleService = titleService;
         this.titleService.setDefaultTitle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NotFoundComponent, deps: [{ token: i1.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: NotFoundComponent, selector: "eo-not-found", ngImport: i0, template: '<eo-error404></eo-error404>', isInline: true, dependencies: [{ kind: "component", type: i2.Error404Component, selector: "eo-error404" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: NotFoundComponent, deps: [{ token: i1.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: NotFoundComponent, selector: "eo-not-found", ngImport: i0, template: '<eo-error404></eo-error404>', isInline: true, dependencies: [{ kind: "component", type: i2.Error404Component, selector: "eo-error404" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: NotFoundComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-not-found',

package/esm2022/app/eo-framework/form-elements/checkbox/checkbox.component.mjs

@@ -34,8 +34,8 @@ export class CheckboxComponent {
         }
         this.propagateChange(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CheckboxComponent, selector: "eo-checkbox", inputs: { required: "required", tristate: "tristate", readonly: "readonly" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: CheckboxComponent, selector: "eo-checkbox", inputs: { required: "required", tristate: "tristate", readonly: "readonly" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CheckboxComponent),
@@ -43,7 +43,7 @@ export class CheckboxComponent {
             }
         ], ngImport: i0, template: "<yvc-checkbox [title]=\"value === null ? ('eo.form.property.checkbox.indefinite.tooltip' | translate) : ''\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\" [tristate]=\"tristate\"\n    [readonly]=\"readonly\"></yvc-checkbox>\n", styles: [":host{display:flex;align-items:center}:host .tristate{display:flex;align-items:center}:host .tristate ::ng-deep .pi-times:before{content:\"\"}:host eo-icon{height:16px;width:16px;color:var(--text-color-hint);cursor:pointer;margin:1px 0 0 4px}:host-context(.dark) eo-icon{color:rgba(var(--color-white-rgb),.8)}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.CheckboxComponent, selector: "yvc-checkbox", inputs: ["tristate", "readonly"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-checkbox', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/codesystem/codesystem.component.mjs

@@ -252,8 +252,8 @@ export class CodesystemComponent {
                 }
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodesystemComponent, deps: [{ token: i1.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CodesystemComponent, selector: "eo-codesystem", inputs: { situation: "situation", pickerTitle: "pickerTitle", placeholder: "placeholder", codesystem: "codesystem", multiselect: "multiselect", readonly: "readonly", inputStyleClass: "inputStyleClass", emptyMessage: "emptyMessage", filterFunction: "filterFunction", disablingFilterFunction: "disablingFilterFunction" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CodesystemComponent, deps: [{ token: i1.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: CodesystemComponent, selector: "eo-codesystem", inputs: { situation: "situation", pickerTitle: "pickerTitle", placeholder: "placeholder", codesystem: "codesystem", multiselect: "multiselect", readonly: "readonly", inputStyleClass: "inputStyleClass", emptyMessage: "emptyMessage", filterFunction: "filterFunction", disablingFilterFunction: "disablingFilterFunction" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CodesystemComponent),
@@ -266,7 +266,7 @@ export class CodesystemComponent {
             }
         ], viewQueries: [{ propertyName: "autoCompleteInput", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "autoCompleteButton", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<div class=\"eo-codesystem\" *ngIf=\"codesystem\"\n  [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length, readonly: readonly}\">\n\n  <yvc-autocomplete #autocomplete (suggestionSelect)=\"onAutoCompleteSelect($event)\"\n    (suggestionUnselect)=\"onAutoCompleteUnselect($event)\" [autocompleteValues]=\"autocompleteRes\" field=\"name\"\n    [disabled]=\"readonly\" [placeholder]=\"placeholder\" [forceSelection]=\"true\" (autocompleteFnc)=\"autocompleteFn($event)\"\n    [multiple]=\"multiselect\" (ngModelChange)=\"onAutocompleteValueChange($event)\" [(ngModel)]=\"selectedNodes\">\n  </yvc-autocomplete>\n  <button type=\"button\" #button *ngIf=\"!readonly\"\n  (click)=\"setDialogVisible(true, $event)\" \n  (keydown.enter)=\"setDialogVisible(true, $event)\" \n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n  </button>\n</div>\n\n<eo-dialog [title]=\"pickerTitle || ''\" [visible]=\"display\" (hide)=\"display = false\">\n  <eo-tree [tree]=\"tree\" [isDisplayed]=\"display\" *ngIf=\"display\" [options]=\"{multiselect: multiselect}\"\n    [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\" [readonly]=\"readonly\"\n    [emptyMessage]=\"emptyMessage\">\n  </eo-tree>\n</eo-dialog>", styles: [".eo-codesystem{display:flex;align-items:center;justify-content:space-between}.eo-codesystem yvc-autocomplete{display:flex;flex:1;border:0;outline:0}.eo-codesystem>button{padding:0}.eo-codesystem>button eo-icon{width:16px;height:16px;margin:auto}.eo-codesystem.full ::ng-deep yvc-autocomplete .inputToken{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i5.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i6.TreeComponent, selector: "eo-tree", inputs: ["options", "isDisplayed", "readonly", "emptyMessage", "selectionKey", "highlightedNodes", "tree", "treeUpdate"], outputs: ["expandedNodesChanged", "onSelected"] }, { kind: "component", type: i7.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "typeahead", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodesystemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CodesystemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-codesystem', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/date/date.component.mjs

@@ -60,8 +60,8 @@ export class DateComponent {
     ngOnDestroy() {
         this._subs.forEach((s) => s.unsubscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DateComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DateComponent, selector: "eo-date", inputs: { withTime: "withTime", readonly: "readonly", onlyFutureDates: "onlyFutureDates" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DateComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DateComponent, selector: "eo-date", inputs: { withTime: "withTime", readonly: "readonly", onlyFutureDates: "onlyFutureDates" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateComponent),
@@ -74,7 +74,7 @@ export class DateComponent {
             }
         ], viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true, read: NgModel }], ngImport: i0, template: "<yvc-datepicker #picker [calendar]=\"true\" [disabled]=\"readonly\" [locale]=\"locale\" [withTime]=\"withTime\" [labels]=\"labels\"\n    [hour12]=\"locale === 'en'\" \n    [onlyFutureDates]=\"onlyFutureDates\"\n    [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange($event)\"></yvc-datepicker>", styles: [":host yvc-datepicker{border:0;outline:0;box-sizing:border-box;overflow-x:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Datepicker, selector: "yvc-datepicker", inputs: ["calendar", "readonly", "hour12", "locale", "labels", "withTime", "onlyFutureDates", "minDate", "maxDate", "disabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-date', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/date/year-range/year-range.directive.mjs

@@ -25,10 +25,10 @@ export class YearRangeDirective {
         this.rangeMin = 0;
         this.rangeMax = 9999;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: YearRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: YearRangeDirective, selector: "[eoYearRange]", inputs: { rangeMin: "rangeMin", rangeMax: "rangeMax" }, host: { listeners: { "input": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: YearRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: YearRangeDirective, selector: "[eoYearRange]", inputs: { rangeMin: "rangeMin", rangeMax: "rangeMax" }, host: { listeners: { "input": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: YearRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: YearRangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoYearRange]'

package/esm2022/app/eo-framework/form-elements/datetime-range/datetime-range.component.mjs

@@ -148,8 +148,8 @@ export class DatetimeRangeComponent {
     ngOnInit() {
         this.searchOption = this.operator;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DatetimeRangeComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: { withTime: "withTime", pickerTitle: "pickerTitle", operator: "operator" }, host: { properties: { "class.swap": "this.swapInputs" }, classAttribute: "form-element-range" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DatetimeRangeComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: { withTime: "withTime", pickerTitle: "pickerTitle", operator: "operator" }, host: { properties: { "class.swap": "this.swapInputs" }, classAttribute: "form-element-range" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DatetimeRangeComponent),
@@ -162,7 +162,7 @@ export class DatetimeRangeComponent {
             }
         ], ngImport: i0, template: "<form class=\"eo-datetime-range\" [formGroup]=\"rangeForm\">\n  <eo-date *ngIf=\"searchOption === 'gtelte'\" [withTime]=\"withTime\"\n    formControlName=\"dateValueFrom\"></eo-date>\n\n  <yvc-dropdown [ngModel]=\"searchOption\" (ngModelChange)=\"onValueChange($event)\" [ngModelOptions]=\"{standalone: true}\"\n    [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-date [withTime]=\"withTime\" formControlName=\"dateValue\"></eo-date>\n</form>\n\n<div class=\"errors\" *ngIf=\"rangeForm.invalid\">\n  <div class=\"err-msg\" translate>eo.form.property.date.invalid</div>\n  <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"reset()\"></eo-icon>\n</div>\n", styles: [".eo-datetime-range{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px}.eo-datetime-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-datetime-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-datetime-range eo-date{flex:1 1 auto}.err-msg{color:var(--color-error);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4)}.errors{display:flex;align-items:center;justify-content:space-between;gap:.5em}.errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}.errors eo-icon{color:var(--color-error);width:18px;height:18px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "component", type: i7.DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DatetimeRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DatetimeRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-datetime-range', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/dynamic-list/dynamic-list.component.mjs

@@ -265,8 +265,8 @@ export class DynamicListComponent {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DynamicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: { situation: "situation", multiselect: "multiselect", pickerTitle: "pickerTitle", readonly: "readonly", filterFunction: "filterFunction", listObject: "listObject" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DynamicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: { situation: "situation", multiselect: "multiselect", pickerTitle: "pickerTitle", readonly: "readonly", filterFunction: "filterFunction", listObject: "listObject" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DynamicListComponent),
@@ -279,7 +279,7 @@ export class DynamicListComponent {
             }
         ], viewQueries: [{ propertyName: "autoCompleteInput", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "autoCompleteButton", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<eo-dialog #listDialog [title]=\"pickerTitle\" [visible]=\"display\" [ngClass]=\"{empty: !(list?.entries?.length)}\"\n  [styleClass]=\"'dynlist-dialog'\" (hide)=\"display = false\">\n\n  <eo-tree [tree]=\"tree\" *ngIf=\"display && tree\" [isDisplayed]=\"display\" [options]=\"{multiselect: multiselect}\"\n    [(ngModel)]=\"selectedNodes\" (keyup.enter)=\"showDialog($event, false)\"\n    (ngModelChange)=\"onTreeSelectionChanged($event)\">\n  </eo-tree>\n\n  <div class=\"empty\" *ngIf=\"!(list?.entries?.length)\">\n    <div translate>eo.form.property.dynamic.list.empty</div>\n  </div>\n</eo-dialog>\n\n<div class=\"eo-dynamic-list\" [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length}\">\n\n  <yvc-autocomplete [(ngModel)]=\"selectedNodes\" #autocomplete (suggestionSelect)=\"onAutoCompleteSelect($event)\"\n    [disabled]=\"readonly\" (suggestionUnselect)=\"onAutoCompleteUnselect($event)\" [forceSelection]=\"true\"\n    [autocompleteValues]=\"autocompleteRes\" (ngModelChange)=\"onTreeSelectionChanged($event)\" field=\"{{valueField}}\" (autocompleteFnc)=\"autocompleteFn($event)\"\n    [multiple]=\"multiselect\">\n\n    <ng-template let-item #chipTemplate>\n      <div>\n        <div class=\"value\">{{item[valueField]}}</div>\n      </div>\n    </ng-template>\n\n    <ng-template #autocompleteOptionTemplate let-item>\n      <div>\n        <div class=\"value\">{{item[valueField]}}</div>\n        <div class=\"description\" style=\"font-style: italic; color: var(--text-color-caption)\">{{item[descriptionField]}}</div>\n      </div>\n    </ng-template>\n  </yvc-autocomplete>\n\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\" [disabled]=\"readonly\" (click)=\"showDialog($event, $event.detail)\"\n    (keyup.arrowDown)=\"showDialog($event)\" (keyup.enter)=\"showDialog($event)\" (keyup.space)=\"showDialog($event)\">\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n  </button>\n</div>", styles: [".rtl .form-element .form-field>div label{text-align:left!important}:host .eo-dynamic-list{display:flex;align-items:center;justify-content:space-between}:host .eo-dynamic-list .description{padding-left:0!important}:host .eo-dynamic-list yvc-autocomplete{flex:1 1 auto;border:0;outline:0}:host .eo-dynamic-list>button{flex:0 0 auto;padding:0}:host .eo-dynamic-list>button eo-icon{width:16px;height:16px;margin:auto}:host .eo-dynamic-list.full ::ng-deep yvc-autocomplete .inputToken{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i5.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i6.TreeComponent, selector: "eo-tree", inputs: ["options", "isDisplayed", "readonly", "emptyMessage", "selectionKey", "highlightedNodes", "tree", "treeUpdate"], outputs: ["expandedNodesChanged", "onSelected"] }, { kind: "component", type: i7.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "typeahead", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DynamicListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DynamicListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-dynamic-list', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/form-elements.module.mjs

@@ -30,8 +30,8 @@ import { ReferenceComponent } from './reference/reference.component';
 import { StringComponent } from './string/string.component';
 import * as i0 from "@angular/core";
 export class FormElementsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: FormElementsModule, declarations: [FormInputComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: FormElementsModule, declarations: [FormInputComponent,
             CodesystemComponent,
             DatetimeRangeComponent,
             NumberComponent,
@@ -82,7 +82,7 @@ export class FormElementsModule {
             PasswordComponent,
             IdReferenceComponent,
             YearRangeDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormElementsModule, imports: [YvcIconModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormElementsModule, imports: [YvcIconModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -105,7 +105,7 @@ export class FormElementsModule {
             YvcDropdownModule,
             YvcDatepickerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormElementsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormElementsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/form-elements/form-input/form-input.component.mjs

@@ -31,10 +31,10 @@ export class FormInputComponent {
             this.onToggleLabel.emit(this.toggled);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormInputComponent, selector: "eo-form-input", inputs: { label: "label", tag: "tag", description: "description", skipToggle: "skipToggle", isNull: "isNull", invalid: "invalid", disabled: "disabled", required: "required" }, outputs: { onToggleLabel: "onToggleLabel" }, host: { properties: { "class.disabled": "this.isDisabled", "class.invalid": "this.isInvalid", "class.required": "this.isRequired" } }, ngImport: i0, template: "<div class=\"fe-wrapper\" eoInputFocus [disabled]=\"isDisabled\">\n  <div class=\"tag\" *ngIf=\"tag\" title=\"{{tag.title}}\">{{tag.label}}</div>\n  <label class=\"form-input__label\" (click)=\"toggle()\">{{_label}}</label>\n  <div class=\"control\">\n    <ng-content *ngIf=\"!toggled; else tplnull\"></ng-content>\n\n    <ng-template #tplnull><span translate>eo.form.input.null</span></ng-template>\n  </div>\n</div>\n<div class=\"description\" *ngIf=\"description\" translate>{{description}}</div>\n\n", styles: [":host .fe-wrapper{display:flex;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) 0;border-bottom:1px solid rgba(var(--color-black-rgb),.15)}:host .fe-wrapper.focused{border-color:var(--color-accent)}:host .fe-wrapper.focused>label{color:var(--color-accent)}:host .fe-wrapper>div.control{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 4);order:1;min-width:0}:host .fe-wrapper>div.control>span{display:inline-block;border-radius:2px;font-size:var(--font-hint);background-color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4);color:var(--color-white)}:host .fe-wrapper>.form-input__label{text-align:end;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;user-select:none;order:2;flex:0 1 auto;padding:2px calc(var(--app-pane-padding) / 4);margin-right:3px;color:var(--text-color-caption);border-radius:2px;font-size:var(--font-caption)}:host .fe-wrapper>.tag{order:3;flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);font-size:var(--font-hint);display:inline-block;line-height:1em;padding:2px;cursor:default;color:var(--color-white)}:host.checkbox .fe-wrapper>label{text-align:start}:host .description{font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8);color:var(--text-color-caption)}:host.required .fe-wrapper>label{background-color:rgba(var(--color-black-rgb),.06)}:host.required .fe-wrapper>label:after{content:\"*\";padding:0 4px;font-weight:700}:host.invalid .fe-wrapper{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host.invalid .fe-wrapper>label{background-color:var(--color-error);color:var(--color-white);margin:0 4px}:host.invalid .fe-wrapper>label:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}:host.checkbox .fe-wrapper{border-color:transparent!important}:host.checkbox .fe-wrapper>div.control{flex:0 0 auto}:host.checkbox .fe-wrapper>label{flex:0 1 auto}:host-context(.dark) .fe-wrapper{border-color:rgba(var(--color-white-rgb),.54)}:host-context(.dark) .fe-wrapper>label{color:rgba(var(--color-white-rgb),.84)}:host-context(.dark) .fe-wrapper.focused{border-color:var(--color-white)}:host-context(.dark) .fe-wrapper.focused>label{color:var(--color-white)}:host-context(.dark) ::ng-deep .ui-dropdown.range{background-color:rgba(var(--color-white-rgb),.1)}:host-context(.fe-wrapper) .fe-wrapper{background:transparent;padding:0}:host ::ng-deep yvc-datepicker{width:100%;border:0;outline:0!important;display:flex;align-items:center}:host ::ng-deep yvc-datepicker yvc-date-input-text,:host ::ng-deep yvc-datepicker yvc-date-input{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.InputFocusDirective, selector: "[eoInputFocus]", inputs: ["disabled"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: FormInputComponent, selector: "eo-form-input", inputs: { label: "label", tag: "tag", description: "description", skipToggle: "skipToggle", isNull: "isNull", invalid: "invalid", disabled: "disabled", required: "required" }, outputs: { onToggleLabel: "onToggleLabel" }, host: { properties: { "class.disabled": "this.isDisabled", "class.invalid": "this.isInvalid", "class.required": "this.isRequired" } }, ngImport: i0, template: "<div class=\"fe-wrapper\" eoInputFocus [disabled]=\"isDisabled\">\n  <div class=\"tag\" *ngIf=\"tag\" title=\"{{tag.title}}\">{{tag.label}}</div>\n  <label class=\"form-input__label\" (click)=\"toggle()\">{{_label}}</label>\n  <div class=\"control\">\n    <ng-content *ngIf=\"!toggled; else tplnull\"></ng-content>\n\n    <ng-template #tplnull><span translate>eo.form.input.null</span></ng-template>\n  </div>\n</div>\n<div class=\"description\" *ngIf=\"description\" translate>{{description}}</div>\n\n", styles: [":host .fe-wrapper{display:flex;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) 0;border-bottom:1px solid rgba(var(--color-black-rgb),.15)}:host .fe-wrapper.focused{border-color:var(--color-accent)}:host .fe-wrapper.focused>label{color:var(--color-accent)}:host .fe-wrapper>div.control{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 4);order:1;min-width:0}:host .fe-wrapper>div.control>span{display:inline-block;border-radius:2px;font-size:var(--font-hint);background-color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4);color:var(--color-white)}:host .fe-wrapper>.form-input__label{text-align:end;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;user-select:none;order:2;flex:0 1 auto;padding:2px calc(var(--app-pane-padding) / 4);margin-right:3px;color:var(--text-color-caption);border-radius:2px;font-size:var(--font-caption)}:host .fe-wrapper>.tag{order:3;flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);font-size:var(--font-hint);display:inline-block;line-height:1em;padding:2px;cursor:default;color:var(--color-white)}:host.checkbox .fe-wrapper>label{text-align:start}:host .description{font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8);color:var(--text-color-caption)}:host.required .fe-wrapper>label{background-color:rgba(var(--color-black-rgb),.06)}:host.required .fe-wrapper>label:after{content:\"*\";padding:0 4px;font-weight:700}:host.invalid .fe-wrapper{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host.invalid .fe-wrapper>label{background-color:var(--color-error);color:var(--color-white);margin:0 4px}:host.invalid .fe-wrapper>label:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}:host.checkbox .fe-wrapper{border-color:transparent!important}:host.checkbox .fe-wrapper>div.control{flex:0 0 auto}:host.checkbox .fe-wrapper>label{flex:0 1 auto}:host-context(.dark) .fe-wrapper{border-color:rgba(var(--color-white-rgb),.54)}:host-context(.dark) .fe-wrapper>label{color:rgba(var(--color-white-rgb),.84)}:host-context(.dark) .fe-wrapper.focused{border-color:var(--color-white)}:host-context(.dark) .fe-wrapper.focused>label{color:var(--color-white)}:host-context(.dark) ::ng-deep .ui-dropdown.range{background-color:rgba(var(--color-white-rgb),.1)}:host-context(.fe-wrapper) .fe-wrapper{background:transparent;padding:0}:host ::ng-deep yvc-datepicker{width:100%;border:0;outline:0!important;display:flex;align-items:center}:host ::ng-deep yvc-datepicker yvc-date-input-text,:host ::ng-deep yvc-datepicker yvc-date-input{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.InputFocusDirective, selector: "[eoInputFocus]", inputs: ["disabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-form-input', template: "<div class=\"fe-wrapper\" eoInputFocus [disabled]=\"isDisabled\">\n  <div class=\"tag\" *ngIf=\"tag\" title=\"{{tag.title}}\">{{tag.label}}</div>\n  <label class=\"form-input__label\" (click)=\"toggle()\">{{_label}}</label>\n  <div class=\"control\">\n    <ng-content *ngIf=\"!toggled; else tplnull\"></ng-content>\n\n    <ng-template #tplnull><span translate>eo.form.input.null</span></ng-template>\n  </div>\n</div>\n<div class=\"description\" *ngIf=\"description\" translate>{{description}}</div>\n\n", styles: [":host .fe-wrapper{display:flex;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) 0;border-bottom:1px solid rgba(var(--color-black-rgb),.15)}:host .fe-wrapper.focused{border-color:var(--color-accent)}:host .fe-wrapper.focused>label{color:var(--color-accent)}:host .fe-wrapper>div.control{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 4);order:1;min-width:0}:host .fe-wrapper>div.control>span{display:inline-block;border-radius:2px;font-size:var(--font-hint);background-color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4);color:var(--color-white)}:host .fe-wrapper>.form-input__label{text-align:end;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;user-select:none;order:2;flex:0 1 auto;padding:2px calc(var(--app-pane-padding) / 4);margin-right:3px;color:var(--text-color-caption);border-radius:2px;font-size:var(--font-caption)}:host .fe-wrapper>.tag{order:3;flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);font-size:var(--font-hint);display:inline-block;line-height:1em;padding:2px;cursor:default;color:var(--color-white)}:host.checkbox .fe-wrapper>label{text-align:start}:host .description{font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8);color:var(--text-color-caption)}:host.required .fe-wrapper>label{background-color:rgba(var(--color-black-rgb),.06)}:host.required .fe-wrapper>label:after{content:\"*\";padding:0 4px;font-weight:700}:host.invalid .fe-wrapper{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host.invalid .fe-wrapper>label{background-color:var(--color-error);color:var(--color-white);margin:0 4px}:host.invalid .fe-wrapper>label:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}:host.checkbox .fe-wrapper{border-color:transparent!important}:host.checkbox .fe-wrapper>div.control{flex:0 0 auto}:host.checkbox .fe-wrapper>label{flex:0 1 auto}:host-context(.dark) .fe-wrapper{border-color:rgba(var(--color-white-rgb),.54)}:host-context(.dark) .fe-wrapper>label{color:rgba(var(--color-white-rgb),.84)}:host-context(.dark) .fe-wrapper.focused{border-color:var(--color-white)}:host-context(.dark) .fe-wrapper.focused>label{color:var(--color-white)}:host-context(.dark) ::ng-deep .ui-dropdown.range{background-color:rgba(var(--color-white-rgb),.1)}:host-context(.fe-wrapper) .fe-wrapper{background:transparent;padding:0}:host ::ng-deep yvc-datepicker{width:100%;border:0;outline:0!important;display:flex;align-items:center}:host ::ng-deep yvc-datepicker yvc-date-input-text,:host ::ng-deep yvc-datepicker yvc-date-input{flex:1}\n"] }]
         }], propDecorators: { label: [{

package/esm2022/app/eo-framework/form-elements/form-input/input-focus/input-focus.directive.mjs

@@ -15,10 +15,10 @@ export class InputFocusDirective {
     onFocusOut(evt) {
         this.renderer.removeClass(this.formInput, 'focused');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputFocusDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: InputFocusDirective, selector: "[eoInputFocus]", inputs: { disabled: "disabled" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InputFocusDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: InputFocusDirective, selector: "[eoInputFocus]", inputs: { disabled: "disabled" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InputFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoInputFocus]'

package/esm2022/app/eo-framework/form-elements/id-reference/id-reference.component.mjs

@@ -199,8 +199,8 @@ export class IdReferenceComponent {
             this.multiselect = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IdReferenceComponent, deps: [{ token: i1.ClipboardService }, { token: i1.SystemService }, { token: i2.ReferenceService }, { token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: IdReferenceComponent, selector: "eo-id-reference", inputs: { readonly: "readonly", multiselect: "multiselect", situation: "situation", contextId: "contextId", exceptionIDs: "exceptionIDs", dataToRender: "dataToRender", reference: "reference", queryFilters: "queryFilters", objectTypesFilter: "objectTypesFilter" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IdReferenceComponent, deps: [{ token: i1.ClipboardService }, { token: i1.SystemService }, { token: i2.ReferenceService }, { token: i1.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: IdReferenceComponent, selector: "eo-id-reference", inputs: { readonly: "readonly", multiselect: "multiselect", situation: "situation", contextId: "contextId", exceptionIDs: "exceptionIDs", dataToRender: "dataToRender", reference: "reference", queryFilters: "queryFilters", objectTypesFilter: "objectTypesFilter" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => IdReferenceComponent),
@@ -213,7 +213,7 @@ export class IdReferenceComponent {
             }
         ], viewQueries: [{ propertyName: "autoCompleteInput", first: true, predicate: ["autocomplete"], descendants: true }], ngImport: i0, template: "<div class=\"eo-id-reference\" [ngClass]=\"{acInputHidden: !multiselect && _innerValues.length}\">\n  <yvc-autocomplete [(ngModel)]=\"innerValues\" [minLength]=\"1\" #autocomplete\n    (suggestionSelect)=\"onAutoCompleteSelect($event)\" (suggestionUnselect)=\"removeItem($event)\"\n    (blur)=\"onAutoCompleteBlur()\" [autocompleteValues]=\"autocompleteRes\" field=\"title\" [disabled]=\"readonly\"\n    [forceSelection]=\"true\" (autocompleteFnc)=\"autocompleteFn($event)\" [multiple]=\"true\">\n\n    <!-- [styleClass]=\"!multiselect && innerValues.length === 1 ? 'xxx' : ''\"> -->\n\n    <ng-template #chipTemplate let-item>\n      <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\"\n        [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\n        <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\n          viewBox=\"0 0 24 24\">\n          <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\n        13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\">\n          </path>\n        </svg>\n      </a>\n      <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType?.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\n      <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\" eoRtlAware=\"full\">\n        <span *ngIf=\"item.title || referenceType?.label; else noAccess\">\n          {{item.title || referenceType?.label}}\n        </span>\n      </span>\n      <ng-template #noAccess>\n        <span class=\"label no-access-reference-label\">{{('eo.references.noAccess' | translate)}}</span>\n      </ng-template>\n      <ng-template #deleted>\n        <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\n      </ng-template>\n    </ng-template>\n  </yvc-autocomplete>\n\n  <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' |\n      translate) : ''}}</span></ng-template>\n\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\"\n    title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\" [disabled]=\"selectionDisabled\"\n    (click)=\"showDialog()\">\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\n  </button>\n</div>\n\n<eo-dialog [title]=\"('eo.references.add' | translate)\" [subtitle]=\"referenceType?.label\" [(visible)]=\"visibleDialog\"\n  [minHeight]=\"590\" [styleClass]=\"'reference-field-dialog'\" #dialog>\n\n  <eo-reference-finder *ngIf=\"dialog.visible\" [isDisabled]=\"isDisabled\" [types]=\"referenceType.qname\"\n    [multiselect]=\"multiselect\" [currentSelection]=\"innerValues\" [clipboard]=\"clipboard\" [contextId]=\"contextId\"\n    [exceptionIDs]=\"exceptionIDs\" [queryFilters]=\"queryFilters\" (addDmsObjects)=\"paste($event)\">\n  </eo-reference-finder>\n</eo-dialog>\n", styles: [".eo-id-reference{display:flex;align-items:center}.eo-id-reference__element{display:flex;align-self:center;flex-wrap:wrap}.eo-id-reference>button{padding:0}.eo-id-reference>button eo-icon{width:16px;height:16px;margin:auto}::ng-deep .eo-id-reference.acInputHidden .inputToken{width:0!important;margin:0;padding:0}::ng-deep .eo-id-reference.acInputHidden .inputToken input{width:0!important}::ng-deep .reference-field-dialog{width:100%;height:100%}::ng-deep .eo-dialog-content{display:contents!important}::ng-deep .cdk-overlay-pane:has(.reference-field-dialog){height:60%;width:577px}::ng-deep .deleted-reference-label,::ng-deep .no-access-reference-label{color:var(--color-error)}::ng-deep .label{display:flex;flex-flow:column;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .label>span{font-size:var(--font-hint)}::ng-deep .label.rtl{margin-left:1em;margin-right:4px}::ng-deep a.link{color:var(--text-color-caption);pointer-events:all;display:flex}::ng-deep a.link:hover{color:var(--color-accent)}::ng-deep .ref-icon,::ng-deep .ref-type-icon{width:16px;height:16px;color:var(--text-color-caption)}::ng-deep .remove-icon{color:var(--text-color-hint);height:14px;width:14px;flex:0 0 auto}::ng-deep .remove-icon:hover{color:var(--text-color-caption);cursor:pointer}yvc-autocomplete{width:100%;border:0;outline:0!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: i7.RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: i8.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "directive", type: i9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i10.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "typeahead", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }, { kind: "component", type: i11.ReferenceFinderComponent, selector: "eo-reference-finder", inputs: ["isDisabled", "types", "multiselect", "contextId", "exceptionIDs", "queryFilters", "currentSelection", "clipboard"], outputs: ["addDmsObjects"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IdReferenceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IdReferenceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-id-reference', providers: [
                         {

package/esm2022/app/eo-framework/form-elements/id-reference/reference-finder/reference-finder.component.mjs

@@ -219,10 +219,10 @@ export class ReferenceFinderComponent {
         this.searchTerm$.next('*');
         this.searchInput.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReferenceFinderComponent, deps: [{ token: i1.ReferenceFinderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ReferenceFinderComponent, selector: "eo-reference-finder", inputs: { isDisabled: "isDisabled", types: "types", multiselect: "multiselect", contextId: "contextId", exceptionIDs: "exceptionIDs", queryFilters: "queryFilters", currentSelection: "currentSelection", clipboard: "clipboard" }, outputs: { addDmsObjects: "addDmsObjects" }, host: { listeners: { "keydown": "onKey($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "entries", predicate: ["entry"], descendants: true, read: ElementRef }], ngImport: i0, template: "\n<section class=\"reference-finder-search--input\">\n  <input #searchInput autofocus tabindex=\"1\" (input)=\"searchTerm$.next($event.target.value)\" class=\"search\" type=\"text\" placeholder=\"{{('eo.search.result.term' | translate)}}\"/>\n</section>\n\n<section class=\"reference-finder--content\" *ngIf=\"!searching; else loading\">\n  <div class=\"results\">\n    <eo-simple-accordion *ngIf=\"clipboardItems.length && !copyOnly\"\n    [header]=\"'eo.clipboard.type.copy' | translate\"\n    [selected]=\"true\"\n    (selectChange)=\"clipboardOpen = $event;\"\n    class=\"results-accordion\">\n        <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n          [@fadeInOut]\n          [list]=\"list\"\n          [multiselect]=\"multiselect\"\n          (selectReference)=\"selectReference($event)\"\n          [marked]=\"list.id === markedItem?.id\"\n        >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"clipboardItems.length && copyOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n    <div class=\"padding\"></div>\n\n    <eo-simple-accordion *ngIf=\"resultList.length && !searchOnly\" [selected]=\"true\" [header]=\"'eo.search.title' | translate\" class=\"results-accordion\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"resultList.length && searchOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n  </div>\n\n  <div class=\"cta\">\n    <div>\n      <button type=\"button\" *ngIf=\"multiselect\" (click)=\"selectAllEntries()\">{{('eo.cta.button.select.all' | translate)}}</button>\n      <button type=\"button\" *ngIf=\"multiselect && !searchOnly\" [disabled]=\"isDisabled\" (click)=\"selectCopiedEntries()\">{{('eo.cta.button.select.copy' | translate)}}</button>\n    </div>\n    <button type=\"button\" class=\"add\" (click)=\"addItems()\" *ngIf=\"!disableAdd\" [@fadeInOut]  [class.active]=\"!disableAdd\" [disabled]=\"disableAdd\" [title]=\"'eo.cta.button.add' | translate\">\n      {{('eo.cta.button.add' | translate)}}\n    </button>\n  </div>\n</section>\n\n<ng-template #loading>\n  <div class=\"loader-overlay__mask\">\n    <eo-loading-spinner class=\"reference__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</ng-template>\n", styles: [":host{display:contents}.reference-finder-search--input{background-color:var(--color-accent);padding:var(--app-pane-padding);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:\"search\"}.reference-finder--content{display:contents;align-self:center;justify-items:center}.search{grid-area:search;width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);border:1px var(--panel-background-grey) solid;box-shadow:0 2px 2px #0003}.search-result--hint{font-size:var(--font-caption)}.results{overflow:auto;height:100%;margin:calc(var(--app-pane-padding) / 2);overflow-x:hidden}.results-accordion:nth-child(odd){margin-bottom:10px}.cta{display:flex;align-items:center;justify-content:space-between;padding:var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.1)}.add{grid-area:add}.add.active{color:var(--color-white);background-color:var(--color-accent)}.padding{padding:5px}:host ::-webkit-scrollbar{width:5px}:host ::ng-deep .ui-accordion-content{padding:1em 0}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}.loader-overlay__mask .reference__loader{margin:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i4.SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "item", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: i5.ReferenceFinderEntryComponent, selector: "eo-reference-finder-entry", inputs: ["list", "multiselect", "marked"], outputs: ["selectReference"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], animations: [fadeInOut] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ReferenceFinderComponent, deps: [{ token: i1.ReferenceFinderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ReferenceFinderComponent, selector: "eo-reference-finder", inputs: { isDisabled: "isDisabled", types: "types", multiselect: "multiselect", contextId: "contextId", exceptionIDs: "exceptionIDs", queryFilters: "queryFilters", currentSelection: "currentSelection", clipboard: "clipboard" }, outputs: { addDmsObjects: "addDmsObjects" }, host: { listeners: { "keydown": "onKey($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "entries", predicate: ["entry"], descendants: true, read: ElementRef }], ngImport: i0, template: "\n<section class=\"reference-finder-search--input\">\n  <input #searchInput autofocus tabindex=\"1\" (input)=\"searchTerm$.next($event.target.value)\" class=\"search\" type=\"text\" placeholder=\"{{('eo.search.result.term' | translate)}}\"/>\n</section>\n\n<section class=\"reference-finder--content\" *ngIf=\"!searching; else loading\">\n  <div class=\"results\">\n    <eo-simple-accordion *ngIf=\"clipboardItems.length && !copyOnly\"\n    [header]=\"'eo.clipboard.type.copy' | translate\"\n    [selected]=\"true\"\n    (selectChange)=\"clipboardOpen = $event;\"\n    class=\"results-accordion\">\n        <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n          [@fadeInOut]\n          [list]=\"list\"\n          [multiselect]=\"multiselect\"\n          (selectReference)=\"selectReference($event)\"\n          [marked]=\"list.id === markedItem?.id\"\n        >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"clipboardItems.length && copyOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n    <div class=\"padding\"></div>\n\n    <eo-simple-accordion *ngIf=\"resultList.length && !searchOnly\" [selected]=\"true\" [header]=\"'eo.search.title' | translate\" class=\"results-accordion\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"resultList.length && searchOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n  </div>\n\n  <div class=\"cta\">\n    <div>\n      <button type=\"button\" *ngIf=\"multiselect\" (click)=\"selectAllEntries()\">{{('eo.cta.button.select.all' | translate)}}</button>\n      <button type=\"button\" *ngIf=\"multiselect && !searchOnly\" [disabled]=\"isDisabled\" (click)=\"selectCopiedEntries()\">{{('eo.cta.button.select.copy' | translate)}}</button>\n    </div>\n    <button type=\"button\" class=\"add\" (click)=\"addItems()\" *ngIf=\"!disableAdd\" [@fadeInOut]  [class.active]=\"!disableAdd\" [disabled]=\"disableAdd\" [title]=\"'eo.cta.button.add' | translate\">\n      {{('eo.cta.button.add' | translate)}}\n    </button>\n  </div>\n</section>\n\n<ng-template #loading>\n  <div class=\"loader-overlay__mask\">\n    <eo-loading-spinner class=\"reference__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</ng-template>\n", styles: [":host{display:contents}.reference-finder-search--input{background-color:var(--color-accent);padding:var(--app-pane-padding);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:\"search\"}.reference-finder--content{display:contents;align-self:center;justify-items:center}.search{grid-area:search;width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);border:1px var(--panel-background-grey) solid;box-shadow:0 2px 2px #0003}.search-result--hint{font-size:var(--font-caption)}.results{overflow:auto;height:100%;margin:calc(var(--app-pane-padding) / 2);overflow-x:hidden}.results-accordion:nth-child(odd){margin-bottom:10px}.cta{display:flex;align-items:center;justify-content:space-between;padding:var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.1)}.add{grid-area:add}.add.active{color:var(--color-white);background-color:var(--color-accent)}.padding{padding:5px}:host ::-webkit-scrollbar{width:5px}:host ::ng-deep .ui-accordion-content{padding:1em 0}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}.loader-overlay__mask .reference__loader{margin:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i4.SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "item", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: i5.ReferenceFinderEntryComponent, selector: "eo-reference-finder-entry", inputs: ["list", "multiselect", "marked"], outputs: ["selectReference"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], animations: [fadeInOut] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReferenceFinderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ReferenceFinderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-reference-finder', animations: [fadeInOut], template: "\n<section class=\"reference-finder-search--input\">\n  <input #searchInput autofocus tabindex=\"1\" (input)=\"searchTerm$.next($event.target.value)\" class=\"search\" type=\"text\" placeholder=\"{{('eo.search.result.term' | translate)}}\"/>\n</section>\n\n<section class=\"reference-finder--content\" *ngIf=\"!searching; else loading\">\n  <div class=\"results\">\n    <eo-simple-accordion *ngIf=\"clipboardItems.length && !copyOnly\"\n    [header]=\"'eo.clipboard.type.copy' | translate\"\n    [selected]=\"true\"\n    (selectChange)=\"clipboardOpen = $event;\"\n    class=\"results-accordion\">\n        <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n          [@fadeInOut]\n          [list]=\"list\"\n          [multiselect]=\"multiselect\"\n          (selectReference)=\"selectReference($event)\"\n          [marked]=\"list.id === markedItem?.id\"\n        >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"clipboardItems.length && copyOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of clipboardItems\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n    <div class=\"padding\"></div>\n\n    <eo-simple-accordion *ngIf=\"resultList.length && !searchOnly\" [selected]=\"true\" [header]=\"'eo.search.title' | translate\" class=\"results-accordion\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </eo-simple-accordion>\n\n    <section *ngIf=\"resultList.length && searchOnly\">\n      <eo-reference-finder-entry *ngFor=\"let list of resultList\" #entry\n        [@fadeInOut]\n        [list]=\"list\"\n        [multiselect]=\"multiselect\"\n        (selectReference)=\"selectReference($event)\"\n        [marked]=\"list.id === markedItem?.id\"\n      >\n      </eo-reference-finder-entry>\n    </section>\n  </div>\n\n  <div class=\"cta\">\n    <div>\n      <button type=\"button\" *ngIf=\"multiselect\" (click)=\"selectAllEntries()\">{{('eo.cta.button.select.all' | translate)}}</button>\n      <button type=\"button\" *ngIf=\"multiselect && !searchOnly\" [disabled]=\"isDisabled\" (click)=\"selectCopiedEntries()\">{{('eo.cta.button.select.copy' | translate)}}</button>\n    </div>\n    <button type=\"button\" class=\"add\" (click)=\"addItems()\" *ngIf=\"!disableAdd\" [@fadeInOut]  [class.active]=\"!disableAdd\" [disabled]=\"disableAdd\" [title]=\"'eo.cta.button.add' | translate\">\n      {{('eo.cta.button.add' | translate)}}\n    </button>\n  </div>\n</section>\n\n<ng-template #loading>\n  <div class=\"loader-overlay__mask\">\n    <eo-loading-spinner class=\"reference__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</ng-template>\n", styles: [":host{display:contents}.reference-finder-search--input{background-color:var(--color-accent);padding:var(--app-pane-padding);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:\"search\"}.reference-finder--content{display:contents;align-self:center;justify-items:center}.search{grid-area:search;width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);border:1px var(--panel-background-grey) solid;box-shadow:0 2px 2px #0003}.search-result--hint{font-size:var(--font-caption)}.results{overflow:auto;height:100%;margin:calc(var(--app-pane-padding) / 2);overflow-x:hidden}.results-accordion:nth-child(odd){margin-bottom:10px}.cta{display:flex;align-items:center;justify-content:space-between;padding:var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.1)}.add{grid-area:add}.add.active{color:var(--color-white);background-color:var(--color-accent)}.padding{padding:5px}:host ::-webkit-scrollbar{width:5px}:host ::ng-deep .ui-accordion-content{padding:1em 0}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}.loader-overlay__mask .reference__loader{margin:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.ReferenceFinderService }], propDecorators: { entries: [{

package/esm2022/app/eo-framework/form-elements/id-reference/reference-finder-entry/reference-finder-entry.component.mjs

@@ -15,10 +15,10 @@ export class ReferenceFinderEntryComponent {
             this.selectReference.emit({ item, add });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReferenceFinderEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ReferenceFinderEntryComponent, selector: "eo-reference-finder-entry", inputs: { list: "list", multiselect: "multiselect", marked: "marked" }, outputs: { selectReference: "selectReference" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"resultsList\" *ngIf=\"list\" [class.disabled]=\"list?.disabled\" [class.selected]=\"list?.selected\" [class.marked]=\"marked\">\n    <a class=\"link\" [href]=\"link\" target=\"_blank\">\n      <eo-icon class=\"link\" [iconSrc]=\"'ic_link.svg'\"  [iconTitle]=\"'eo.object.details' | translate\"></eo-icon>\n    </a>\n    <div class=\"content\" [class.singleselect]=\"!multiselect\">\n      <div class=\"select\" *ngIf=\"multiselect\" (click)=\"select(list, false, !list?.disabled)\" [class.selected]=\"list?.selected\" [class.disabled]=\"list?.disabled\">\n        <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n        </svg>\n      </div>\n      \n      <div class=\"details\" [class.width-clipboard]=\"list?.clipboard\"\n      (click)=\"select(list, false, !list?.disabled && !list?.selected)\" (dblclick)=\"select(null, true, !list?.disabled)\">\n        \n        <eo-icon class=\"icon\" [objectType]=\"list?.objectType\"  [iconTitle]=\"list?.objectType?.label\"></eo-icon>\n        <div class=\"title\">\n          {{list?.title}}\n        </div>\n        <span class=\"extra\" *ngIf=\"list?.contextFolder\">{{'eo.references.search.contextfolder' | translate}}: {{list?.contextFolder?.title}} - {{list?.contextFolder?.description}}</span>\n        <div class=\"description\">\n         {{list?.description}}\n        </div>\n      </div>\n    </div>\n  </div>", styles: [".ui-accordion .ui-accordion-content :host{padding:1rem 0}.resultsList{display:grid;grid-template-columns:2fr auto;grid-template-rows:1fr;grid-template-areas:\"content link\"}.resultsList.disabled{color:#e5e5e5b3!important}.resultsList.selected{background-color:var(--main-background-light)}.resultsList.marked,.resultsList:hover:not(.disabled){background-color:var(--main-background-light);border-radius:2px;cursor:pointer}.resultsList.marked .title,.resultsList.marked .description,.resultsList.marked .icon,.resultsList:hover:not(.disabled) .title,.resultsList:hover:not(.disabled) .description,.resultsList:hover:not(.disabled) .icon{color:var(--text-color-caption)}.link{grid-area:link;align-self:center;margin-right:5px}.content{display:grid;grid-template-columns:auto 2fr;grid-template-rows:1fr;grid-template-areas:\"select details\";grid-area:content;grid-gap:5px}.content.singleselect{grid-template-columns:1fr auto;grid-template-rows:1fr;grid-template-areas:\"details\"}.select{grid-area:select;width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin-top:7px;margin-left:5px}.select.disabled:hover{cursor:default}.select:hover:not(.disabled) svg{fill:var(--text-color-body);opacity:.3}.select.selected svg{background:var(--color-primary-3);border-color:var(--color-primary-3)}.select.selected.disabled svg{background:var(--main-background);border-color:var(--main-background)}.details{display:grid;grid-template-columns:.1fr 2fr;grid-template-rows:1fr auto auto;grid-template-areas:\"icon title\" \". description\" \". extra\";grid-area:details;grid-gap:0 5px;margin:5px 0}.clipboard{grid-area:clipboard;align-self:center;margin-right:5px;color:var(--text-color-caption);width:20px}.extra{grid-area:extra;align-self:center;color:var(--text-color-caption);font-style:italic}.clipboard .extra{width:20px}.icon{grid-area:icon;color:var(--text-color-caption)}.disabled .icon{color:var(--main-background)}.title{grid-area:title;font-size:var(--font-subhead);font-weight:700;color:var(--text-color-caption);align-items:center;display:flex;justify-items:center;white-space:nowrap;max-width:460px}.title div:first-child{margin-right:5px}.title .context{font-size:var(--font-caption);font-weight:400;overflow:hidden;text-overflow:ellipsis}.description{grid-area:description;color:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ReferenceFinderEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ReferenceFinderEntryComponent, selector: "eo-reference-finder-entry", inputs: { list: "list", multiselect: "multiselect", marked: "marked" }, outputs: { selectReference: "selectReference" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"resultsList\" *ngIf=\"list\" [class.disabled]=\"list?.disabled\" [class.selected]=\"list?.selected\" [class.marked]=\"marked\">\n    <a class=\"link\" [href]=\"link\" target=\"_blank\">\n      <eo-icon class=\"link\" [iconSrc]=\"'ic_link.svg'\"  [iconTitle]=\"'eo.object.details' | translate\"></eo-icon>\n    </a>\n    <div class=\"content\" [class.singleselect]=\"!multiselect\">\n      <div class=\"select\" *ngIf=\"multiselect\" (click)=\"select(list, false, !list?.disabled)\" [class.selected]=\"list?.selected\" [class.disabled]=\"list?.disabled\">\n        <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n        </svg>\n      </div>\n      \n      <div class=\"details\" [class.width-clipboard]=\"list?.clipboard\"\n      (click)=\"select(list, false, !list?.disabled && !list?.selected)\" (dblclick)=\"select(null, true, !list?.disabled)\">\n        \n        <eo-icon class=\"icon\" [objectType]=\"list?.objectType\"  [iconTitle]=\"list?.objectType?.label\"></eo-icon>\n        <div class=\"title\">\n          {{list?.title}}\n        </div>\n        <span class=\"extra\" *ngIf=\"list?.contextFolder\">{{'eo.references.search.contextfolder' | translate}}: {{list?.contextFolder?.title}} - {{list?.contextFolder?.description}}</span>\n        <div class=\"description\">\n         {{list?.description}}\n        </div>\n      </div>\n    </div>\n  </div>", styles: [".ui-accordion .ui-accordion-content :host{padding:1rem 0}.resultsList{display:grid;grid-template-columns:2fr auto;grid-template-rows:1fr;grid-template-areas:\"content link\"}.resultsList.disabled{color:#e5e5e5b3!important}.resultsList.selected{background-color:var(--main-background-light)}.resultsList.marked,.resultsList:hover:not(.disabled){background-color:var(--main-background-light);border-radius:2px;cursor:pointer}.resultsList.marked .title,.resultsList.marked .description,.resultsList.marked .icon,.resultsList:hover:not(.disabled) .title,.resultsList:hover:not(.disabled) .description,.resultsList:hover:not(.disabled) .icon{color:var(--text-color-caption)}.link{grid-area:link;align-self:center;margin-right:5px}.content{display:grid;grid-template-columns:auto 2fr;grid-template-rows:1fr;grid-template-areas:\"select details\";grid-area:content;grid-gap:5px}.content.singleselect{grid-template-columns:1fr auto;grid-template-rows:1fr;grid-template-areas:\"details\"}.select{grid-area:select;width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin-top:7px;margin-left:5px}.select.disabled:hover{cursor:default}.select:hover:not(.disabled) svg{fill:var(--text-color-body);opacity:.3}.select.selected svg{background:var(--color-primary-3);border-color:var(--color-primary-3)}.select.selected.disabled svg{background:var(--main-background);border-color:var(--main-background)}.details{display:grid;grid-template-columns:.1fr 2fr;grid-template-rows:1fr auto auto;grid-template-areas:\"icon title\" \". description\" \". extra\";grid-area:details;grid-gap:0 5px;margin:5px 0}.clipboard{grid-area:clipboard;align-self:center;margin-right:5px;color:var(--text-color-caption);width:20px}.extra{grid-area:extra;align-self:center;color:var(--text-color-caption);font-style:italic}.clipboard .extra{width:20px}.icon{grid-area:icon;color:var(--text-color-caption)}.disabled .icon{color:var(--main-background)}.title{grid-area:title;font-size:var(--font-subhead);font-weight:700;color:var(--text-color-caption);align-items:center;display:flex;justify-items:center;white-space:nowrap;max-width:460px}.title div:first-child{margin-right:5px}.title .context{font-size:var(--font-caption);font-weight:400;overflow:hidden;text-overflow:ellipsis}.description{grid-area:description;color:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReferenceFinderEntryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ReferenceFinderEntryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-reference-finder-entry', template: "<div tabindex=\"-1\" class=\"resultsList\" *ngIf=\"list\" [class.disabled]=\"list?.disabled\" [class.selected]=\"list?.selected\" [class.marked]=\"marked\">\n    <a class=\"link\" [href]=\"link\" target=\"_blank\">\n      <eo-icon class=\"link\" [iconSrc]=\"'ic_link.svg'\"  [iconTitle]=\"'eo.object.details' | translate\"></eo-icon>\n    </a>\n    <div class=\"content\" [class.singleselect]=\"!multiselect\">\n      <div class=\"select\" *ngIf=\"multiselect\" (click)=\"select(list, false, !list?.disabled)\" [class.selected]=\"list?.selected\" [class.disabled]=\"list?.disabled\">\n        <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n        </svg>\n      </div>\n      \n      <div class=\"details\" [class.width-clipboard]=\"list?.clipboard\"\n      (click)=\"select(list, false, !list?.disabled && !list?.selected)\" (dblclick)=\"select(null, true, !list?.disabled)\">\n        \n        <eo-icon class=\"icon\" [objectType]=\"list?.objectType\"  [iconTitle]=\"list?.objectType?.label\"></eo-icon>\n        <div class=\"title\">\n          {{list?.title}}\n        </div>\n        <span class=\"extra\" *ngIf=\"list?.contextFolder\">{{'eo.references.search.contextfolder' | translate}}: {{list?.contextFolder?.title}} - {{list?.contextFolder?.description}}</span>\n        <div class=\"description\">\n         {{list?.description}}\n        </div>\n      </div>\n    </div>\n  </div>", styles: [".ui-accordion .ui-accordion-content :host{padding:1rem 0}.resultsList{display:grid;grid-template-columns:2fr auto;grid-template-rows:1fr;grid-template-areas:\"content link\"}.resultsList.disabled{color:#e5e5e5b3!important}.resultsList.selected{background-color:var(--main-background-light)}.resultsList.marked,.resultsList:hover:not(.disabled){background-color:var(--main-background-light);border-radius:2px;cursor:pointer}.resultsList.marked .title,.resultsList.marked .description,.resultsList.marked .icon,.resultsList:hover:not(.disabled) .title,.resultsList:hover:not(.disabled) .description,.resultsList:hover:not(.disabled) .icon{color:var(--text-color-caption)}.link{grid-area:link;align-self:center;margin-right:5px}.content{display:grid;grid-template-columns:auto 2fr;grid-template-rows:1fr;grid-template-areas:\"select details\";grid-area:content;grid-gap:5px}.content.singleselect{grid-template-columns:1fr auto;grid-template-rows:1fr;grid-template-areas:\"details\"}.select{grid-area:select;width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin-top:7px;margin-left:5px}.select.disabled:hover{cursor:default}.select:hover:not(.disabled) svg{fill:var(--text-color-body);opacity:.3}.select.selected svg{background:var(--color-primary-3);border-color:var(--color-primary-3)}.select.selected.disabled svg{background:var(--main-background);border-color:var(--main-background)}.details{display:grid;grid-template-columns:.1fr 2fr;grid-template-rows:1fr auto auto;grid-template-areas:\"icon title\" \". description\" \". extra\";grid-area:details;grid-gap:0 5px;margin:5px 0}.clipboard{grid-area:clipboard;align-self:center;margin-right:5px;color:var(--text-color-caption);width:20px}.extra{grid-area:extra;align-self:center;color:var(--text-color-caption);font-style:italic}.clipboard .extra{width:20px}.icon{grid-area:icon;color:var(--text-color-caption)}.disabled .icon{color:var(--main-background)}.title{grid-area:title;font-size:var(--font-subhead);font-weight:700;color:var(--text-color-caption);align-items:center;display:flex;justify-items:center;white-space:nowrap;max-width:460px}.title div:first-child{margin-right:5px}.title .context{font-size:var(--font-caption);font-weight:400;overflow:hidden;text-overflow:ellipsis}.description{grid-area:description;color:var(--text-color-caption)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { list: [{