@eo-sdk/client 11.5.0-rc.3 → 11.6.0-rc.1

package/esm2022/app/eo-framework/app-shell/app-bar/context-search/context-search.component.mjs

@@ -24,10 +24,10 @@ export class ContextSearchComponent {
             this.setContext.emit(name);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ContextSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ContextSearchComponent, selector: "eo-context-search", inputs: { ctx: "ctx", query: "query", idxSearch: "idxSearch", selected: "selected", disabled: "disabled" }, outputs: { setContext: "setContext" }, ngImport: i0, template: "<div class=\"ctx-item\"  [ngClass]=\"{noResult: noResults, disabled: isDisabled, selected: isSelected}\" (click)=\"settingContext(ctx.name)\">\n  <span>{{ctx.label}}</span>\n  <span class=\"count\">\n    <div class=\"badge\" *ngIf=\"idxSearch.contextAggregations && idxSearch.contextAggregations[ctx.name]\">{{idxSearch.contextAggregations[ctx.name]}}</div>\n  </span>\n  @if (ctx.name !== 'sysroot') {\n    <eo-icon class=\"open\" [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n    <eo-icon class=\"close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n  }\n</div>\n", styles: [".ctx-item{height:24px;margin:1px 2px;background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);cursor:pointer;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);display:flex;align-items:center;position:relative}.ctx-item span.count{width:var(--app-pane-padding)}.ctx-item span.count .badge{position:absolute;font-size:10px;line-height:1em;padding:2px calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);background-color:var(--color-accent);color:var(--color-white);border-radius:2px;top:-6px;left:calc(var(--app-pane-padding) / 2)}.ctx-item eo-icon.close{padding:2px;display:none}.ctx-item eo-icon.open{display:block}.ctx-item.selected{background-color:var(--color-primary-2)}.ctx-item.selected eo-icon.close{display:block}.ctx-item.selected eo-icon.open{display:none}.ctx-item.noResult span.count .badge{display:none}.ctx-item.disabled:not(.selected){opacity:.5;pointer-events:none;cursor:default}.ctx-item.disabled:not(.selected) eo-icon{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ContextSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: ContextSearchComponent, selector: "eo-context-search", inputs: { ctx: "ctx", query: "query", idxSearch: "idxSearch", selected: "selected", disabled: "disabled" }, outputs: { setContext: "setContext" }, ngImport: i0, template: "<div class=\"ctx-item\"  [ngClass]=\"{noResult: noResults, disabled: isDisabled, selected: isSelected}\" (click)=\"settingContext(ctx.name)\">\n  <span>{{ctx.label}}</span>\n  <span class=\"count\">\n    <div class=\"badge\" *ngIf=\"idxSearch.contextAggregations && idxSearch.contextAggregations[ctx.name]\">{{idxSearch.contextAggregations[ctx.name]}}</div>\n  </span>\n  @if (ctx.name !== 'sysroot') {\n    <eo-icon class=\"open\" [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n    <eo-icon class=\"close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n  }\n</div>\n", styles: [".ctx-item{height:24px;margin:1px 2px;background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);cursor:pointer;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);display:flex;align-items:center;position:relative}.ctx-item span.count{width:var(--app-pane-padding)}.ctx-item span.count .badge{position:absolute;font-size:10px;line-height:1em;padding:2px calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);background-color:var(--color-accent);color:var(--color-white);border-radius:2px;top:-6px;left:calc(var(--app-pane-padding) / 2)}.ctx-item eo-icon.close{padding:2px;display:none}.ctx-item eo-icon.open{display:block}.ctx-item.selected{background-color:var(--color-primary-2)}.ctx-item.selected eo-icon.close{display:block}.ctx-item.selected eo-icon.open{display:none}.ctx-item.noResult span.count .badge{display:none}.ctx-item.disabled:not(.selected){opacity:.5;pointer-events:none;cursor:default}.ctx-item.disabled:not(.selected) eo-icon{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ContextSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ContextSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-context-search', template: "<div class=\"ctx-item\"  [ngClass]=\"{noResult: noResults, disabled: isDisabled, selected: isSelected}\" (click)=\"settingContext(ctx.name)\">\n  <span>{{ctx.label}}</span>\n  <span class=\"count\">\n    <div class=\"badge\" *ngIf=\"idxSearch.contextAggregations && idxSearch.contextAggregations[ctx.name]\">{{idxSearch.contextAggregations[ctx.name]}}</div>\n  </span>\n  @if (ctx.name !== 'sysroot') {\n    <eo-icon class=\"open\" [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n    <eo-icon class=\"close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n  }\n</div>\n", styles: [".ctx-item{height:24px;margin:1px 2px;background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);cursor:pointer;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);display:flex;align-items:center;position:relative}.ctx-item span.count{width:var(--app-pane-padding)}.ctx-item span.count .badge{position:absolute;font-size:10px;line-height:1em;padding:2px calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);background-color:var(--color-accent);color:var(--color-white);border-radius:2px;top:-6px;left:calc(var(--app-pane-padding) / 2)}.ctx-item eo-icon.close{padding:2px;display:none}.ctx-item eo-icon.open{display:block}.ctx-item.selected{background-color:var(--color-primary-2)}.ctx-item.selected eo-icon.close{display:block}.ctx-item.selected eo-icon.open{display:none}.ctx-item.noResult span.count .badge{display:none}.ctx-item.disabled:not(.selected){opacity:.5;pointer-events:none;cursor:default}.ctx-item.disabled:not(.selected) eo-icon{opacity:0}\n"] }]
         }], propDecorators: { ctx: [{

package/esm2022/app/eo-framework/app-shell/app-bar/side-bar/side-bar.component.mjs

@@ -46,14 +46,14 @@ let SideBarComponent = class SideBarComponent {
         this.setBackgroundImage();
         this.getDocumentation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SideBarComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.UserService }, { token: i1.Config }, { token: i2.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SideBarComponent, selector: "eo-side-bar", outputs: { eoOutsideClick: "eoOutsideClick" }, ngImport: i0, template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item dashboard\">\n            <a routerLink=\"/dashboard\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.dashboard</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n            <div class=\"nav-item docu\">\n              <a href=\"{{docu.link}}\" target=\"_blank\" translate>eo.sidebar.help.manual</a>\n            </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width: 600px){:host .eo-side-bar>div{--sidebar-header-height: 50px}:host .head{display:none}}@media only screen and (min-width: 601px){:host .nav-item.dashboard,:host .nav-item.docu{display:none}}\n"], dependencies: [{ kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i7.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: i8.TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SideBarComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.UserService }, { token: i1.Config }, { token: i2.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SideBarComponent, selector: "eo-side-bar", outputs: { eoOutsideClick: "eoOutsideClick" }, ngImport: i0, template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item dashboard\">\n            <a routerLink=\"/dashboard\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.dashboard</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n            <div class=\"nav-item docu\">\n              <a href=\"{{docu.link}}\" target=\"_blank\" translate>eo.sidebar.help.manual</a>\n            </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width: 600px){:host .eo-side-bar>div{--sidebar-header-height: 50px}:host .head{display:none}}@media only screen and (min-width: 601px){:host .nav-item.dashboard,:host .nav-item.docu{display:none}}\n"], dependencies: [{ kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i7.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: i8.TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
 };
 SideBarComponent = __decorate([
     UntilDestroy()
 ], SideBarComponent);
 export { SideBarComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SideBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SideBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-side-bar', template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item dashboard\">\n            <a routerLink=\"/dashboard\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.dashboard</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n            <div class=\"nav-item docu\">\n              <a href=\"{{docu.link}}\" target=\"_blank\" translate>eo.sidebar.help.manual</a>\n            </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width: 600px){:host .eo-side-bar>div{--sidebar-header-height: 50px}:host .head{display:none}}@media only screen and (min-width: 601px){:host .nav-item.dashboard,:host .nav-item.docu{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i1.CapabilitiesService }, { type: i1.UserService }, { type: i1.Config }, { type: i2.DomSanitizer }, { type: i0.ElementRef }], propDecorators: { eoOutsideClick: [{

package/esm2022/app/eo-framework/app-shell/app-bar/user-avatar-overlay/user-avatar-overlay.component.mjs

@@ -26,14 +26,14 @@ let UserAvatarOverlayComponent = class UserAvatarOverlayComponent {
             this.router.navigateByUrl(state);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: UserAvatarOverlayComponent, deps: [{ token: i1.UserService }, { token: i1.CapabilitiesService }, { token: i2.Router }, { token: i3.PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: UserAvatarOverlayComponent, selector: "eo-user-avatar-overlay", inputs: { userPanel: "userPanel" }, ngImport: i0, template: "<div class=\"eo-profile\" tabindex=\"-1\">\n  <div class=\"avatar\" tabindex=\"-1\">\n    <eo-user-avatar tabindex=\"-1\" ></eo-user-avatar>\n    <div class=\"overlay\" tabindex=\"-1\">\n      <div class=\"name\">{{user.firstname}} {{user.lastname}}</div>\n      <div class=\"mail\">{{user.email}}</div>\n      <div class=\"presence\" *ngIf=\"!user.present\" translate>eo.state.settings.presence.absent</div>\n    </div>\n  </div>\n  <div class=\"nav\" eoTrapFocus>\n    <div class=\"nav-item settings\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\" >\n      <a (keydown.enter)=\"openState('/settings')\" (click)=\"openState('/settings')\" id=\"settings\" tabindex=\"0\" routerLinkActive=\"active-link\" focusable translate>eo.bar.button.settings.title</a>\n    </div>\n    <div class=\"nav-item logout\" *ngIf=\"!capabilities.sso\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\">\n      <a [routerLink]=\"['/enter', { logout: true }]\" routerLinkActive=\"active-link\" translate>eo.bar.button.logout.title</a>\n    </div>\n    <ng-content select=\"eo-sidebar-plugin.profile\"></ng-content>\n  </div>\n</div>\n", styles: [":host::ng-deep{--profile-dropdown-width: 200px}:host::ng-deep .eo-profile{background:var(--color-primary);width:var(--profile-dropdown-width);color:var(--color-white)}:host::ng-deep .eo-profile .avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width);position:relative}:host::ng-deep .eo-profile .avatar eo-user-avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width)}:host::ng-deep .eo-profile .avatar .overlay{position:absolute;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) var(--app-pane-padding);bottom:0;right:0;left:0;background:rgba(var(--color-primary-rgb),.6)}:host::ng-deep .eo-profile .avatar .overlay .name,:host::ng-deep .eo-profile .avatar .overlay .mail{word-break:break-all}:host::ng-deep .eo-profile .avatar .overlay .mail{font-size:var(--font-caption)}:host::ng-deep .eo-profile .avatar .overlay .presence{font-size:var(--font-hint);color:var(--color-white);background:var(--color-error);border-radius:2px;display:inline-block;margin-top:calc(var(--app-pane-padding) / 2);padding:0 8px 1px}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):focus,:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}\n"], dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i6.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i7.UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { kind: "directive", type: i8.TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: UserAvatarOverlayComponent, deps: [{ token: i1.UserService }, { token: i1.CapabilitiesService }, { token: i2.Router }, { token: i3.PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: UserAvatarOverlayComponent, selector: "eo-user-avatar-overlay", inputs: { userPanel: "userPanel" }, ngImport: i0, template: "<div class=\"eo-profile\" tabindex=\"-1\">\n  <div class=\"avatar\" tabindex=\"-1\">\n    <eo-user-avatar tabindex=\"-1\" ></eo-user-avatar>\n    <div class=\"overlay\" tabindex=\"-1\">\n      <div class=\"name\">{{user.firstname}} {{user.lastname}}</div>\n      <div class=\"mail\">{{user.email}}</div>\n      <div class=\"presence\" *ngIf=\"!user.present\" translate>eo.state.settings.presence.absent</div>\n    </div>\n  </div>\n  <div class=\"nav\" eoTrapFocus>\n    <div class=\"nav-item settings\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\" >\n      <a (keydown.enter)=\"openState('/settings')\" (click)=\"openState('/settings')\" id=\"settings\" tabindex=\"0\" routerLinkActive=\"active-link\" focusable translate>eo.bar.button.settings.title</a>\n    </div>\n    <div class=\"nav-item logout\" *ngIf=\"!capabilities.sso\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\">\n      <a [routerLink]=\"['/enter', { logout: true }]\" routerLinkActive=\"active-link\" translate>eo.bar.button.logout.title</a>\n    </div>\n    <ng-content select=\"eo-sidebar-plugin.profile\"></ng-content>\n  </div>\n</div>\n", styles: [":host::ng-deep{--profile-dropdown-width: 200px}:host::ng-deep .eo-profile{background:var(--color-primary);width:var(--profile-dropdown-width);color:var(--color-white)}:host::ng-deep .eo-profile .avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width);position:relative}:host::ng-deep .eo-profile .avatar eo-user-avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width)}:host::ng-deep .eo-profile .avatar .overlay{position:absolute;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) var(--app-pane-padding);bottom:0;right:0;left:0;background:rgba(var(--color-primary-rgb),.6)}:host::ng-deep .eo-profile .avatar .overlay .name,:host::ng-deep .eo-profile .avatar .overlay .mail{word-break:break-all}:host::ng-deep .eo-profile .avatar .overlay .mail{font-size:var(--font-caption)}:host::ng-deep .eo-profile .avatar .overlay .presence{font-size:var(--font-hint);color:var(--color-white);background:var(--color-error);border-radius:2px;display:inline-block;margin-top:calc(var(--app-pane-padding) / 2);padding:0 8px 1px}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):focus,:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}\n"], dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i6.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i7.UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { kind: "directive", type: i8.TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
 };
 UserAvatarOverlayComponent = __decorate([
     UntilDestroy()
 ], UserAvatarOverlayComponent);
 export { UserAvatarOverlayComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: UserAvatarOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: UserAvatarOverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-user-avatar-overlay', template: "<div class=\"eo-profile\" tabindex=\"-1\">\n  <div class=\"avatar\" tabindex=\"-1\">\n    <eo-user-avatar tabindex=\"-1\" ></eo-user-avatar>\n    <div class=\"overlay\" tabindex=\"-1\">\n      <div class=\"name\">{{user.firstname}} {{user.lastname}}</div>\n      <div class=\"mail\">{{user.email}}</div>\n      <div class=\"presence\" *ngIf=\"!user.present\" translate>eo.state.settings.presence.absent</div>\n    </div>\n  </div>\n  <div class=\"nav\" eoTrapFocus>\n    <div class=\"nav-item settings\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\" >\n      <a (keydown.enter)=\"openState('/settings')\" (click)=\"openState('/settings')\" id=\"settings\" tabindex=\"0\" routerLinkActive=\"active-link\" focusable translate>eo.bar.button.settings.title</a>\n    </div>\n    <div class=\"nav-item logout\" *ngIf=\"!capabilities.sso\" (keydown.enter)=\"userPanel?.close()\" (click)=\"userPanel?.close()\">\n      <a [routerLink]=\"['/enter', { logout: true }]\" routerLinkActive=\"active-link\" translate>eo.bar.button.logout.title</a>\n    </div>\n    <ng-content select=\"eo-sidebar-plugin.profile\"></ng-content>\n  </div>\n</div>\n", styles: [":host::ng-deep{--profile-dropdown-width: 200px}:host::ng-deep .eo-profile{background:var(--color-primary);width:var(--profile-dropdown-width);color:var(--color-white)}:host::ng-deep .eo-profile .avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width);position:relative}:host::ng-deep .eo-profile .avatar eo-user-avatar{width:var(--profile-dropdown-width);height:var(--profile-dropdown-width)}:host::ng-deep .eo-profile .avatar .overlay{position:absolute;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) var(--app-pane-padding);bottom:0;right:0;left:0;background:rgba(var(--color-primary-rgb),.6)}:host::ng-deep .eo-profile .avatar .overlay .name,:host::ng-deep .eo-profile .avatar .overlay .mail{word-break:break-all}:host::ng-deep .eo-profile .avatar .overlay .mail{font-size:var(--font-caption)}:host::ng-deep .eo-profile .avatar .overlay .presence{font-size:var(--font-hint);color:var(--color-white);background:var(--color-error);border-radius:2px;display:inline-block;margin-top:calc(var(--app-pane-padding) / 2);padding:0 8px 1px}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host::ng-deep .eo-profile .nav ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):focus,:host::ng-deep .eo-profile .nav ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UserService }, { type: i1.CapabilitiesService }, { type: i2.Router }, { type: i3.PendingChangesService }], propDecorators: { userPanel: [{

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

@@ -23,11 +23,11 @@ const routes = [
     }
 ];
 export class AppShellRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppShellRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: AppShellRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppShellRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppShellRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: AppShellRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppShellRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppShellRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppShellRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],

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

@@ -28,8 +28,8 @@ import * as i0 from "@angular/core";
  * Module holding the base components of the application shell like application bar, side, search etc.
  */
 export class EoAppShellModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoAppShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: EoAppShellModule, declarations: [AppBarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoAppShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: EoAppShellModule, declarations: [AppBarComponent,
             SideBarComponent,
             AppSearchComponent,
             AppAddComponent,
@@ -53,7 +53,7 @@ export class EoAppShellModule {
             YvcAutocompleteModule,
             YvcDialogModule,
             ReactiveFormsModule], exports: [AppBarComponent, LicenseWarningComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoAppShellModule, imports: [AppShellRoutingModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoAppShellModule, imports: [AppShellRoutingModule,
             CommonModule,
             FormsModule,
             UiModule,
@@ -70,7 +70,7 @@ export class EoAppShellModule {
             YvcDialogModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoAppShellModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoAppShellModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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: [