@eo-sdk/client 11.9.0-rc.2 → 11.10.0-rc.2

package/esm2022/app/eo-framework/process/history/process-history.component.mjs

@@ -11,10 +11,10 @@ export class ProcessHistoryComponent {
     trackByIndex(index, item) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: { history: "history" }, ngImport: i0, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%;overflow:hidden}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: i7.HistoryFilterPipe, name: "historyFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: { history: "history" }, ngImport: i0, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%;overflow:hidden}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: i7.HistoryFilterPipe, name: "historyFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-process-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%;overflow:hidden}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\n"] }]
         }], propDecorators: { history: [{

package/esm2022/app/eo-framework/process/process-file/process-file.component.mjs

@@ -53,10 +53,10 @@ export class ProcessFileComponent {
         const attachmentIds = this.processFile.map(e => e.id);
         return this.clipboard.elements.filter(e => attachmentIds.indexOf(e.id) === -1).length === 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFileComponent, deps: [{ token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ProcessFileComponent, selector: "eo-process-file", inputs: { processFile: "processFile", permissions: "permissions", clipboard: "clipboard", selectedContentFileId: "selectedContentFileId", isDisabled: "isDisabled", editable: "editable" }, outputs: { onOpenWorkItemContentInContext: "onOpenWorkItemContentInContext", onOpenWorkItemContent: "onOpenWorkItemContent", onRemoveWorkItemContent: "onRemoveWorkItemContent", onPasteProcessFile: "onPasteProcessFile" }, ngImport: i0, template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:92px 0 0}.no-dms-object{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }], animations: [] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFileComponent, deps: [{ token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ProcessFileComponent, selector: "eo-process-file", inputs: { processFile: "processFile", permissions: "permissions", clipboard: "clipboard", selectedContentFileId: "selectedContentFileId", isDisabled: "isDisabled", editable: "editable" }, outputs: { onOpenWorkItemContentInContext: "onOpenWorkItemContentInContext", onOpenWorkItemContent: "onOpenWorkItemContent", onRemoveWorkItemContent: "onRemoveWorkItemContent", onPasteProcessFile: "onPasteProcessFile" }, ngImport: i0, template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:92px 0 0}.no-dms-object{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }], animations: [] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-process-file', animations: [], template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:92px 0 0}.no-dms-object{color:var(--color-error)}\n"] }]
         }], ctorParameters: () => [{ type: i1.EventService }], propDecorators: { processFile: [{

package/esm2022/app/eo-framework/process-form/process-form.component.mjs

@@ -27,10 +27,10 @@ export class ProcessFormComponent {
         this.formData = event.data;
         this.statusChanged.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ProcessFormComponent, selector: "eo-process-form", inputs: { formOptions: "formOptions" }, outputs: { onSaveForm: "onSaveForm", onResetForm: "onResetForm", onCancel: "onCancel", statusChanged: "statusChanged" }, viewQueries: [{ propertyName: "bpmForm", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<section class=\"process-form form-container\">\n\n  <div class=\"form\">\n    <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                    (statusChanged)=\"onIndexDataChanged($event)\">\n    </eo-object-form>\n  </div>\n\n  <div class=\"actions\">\n    <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n    <eo-cta [active]=\"true\">\n      <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n      <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.cta.button.cancel</button>\n      <button (click)=\"saveForm()\" [disabled]=\"form?.invalid\" class=\"primary\" translate>eo.executable.processes.execute</button>\n    </eo-cta>\n  </div>\n\n</section>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form .form{overflow:auto}:host .process-form .invalid{color:var(--color-error)}:host .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}:host .process-form .actions button{white-space:nowrap}:host .process-form .actions eo-cta{display:flex;justify-content:flex-end}:host .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media screen and (max-width: 800px){:host .process-form .actions{flex-direction:column;align-items:flex-end}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i3.CtaComponent, selector: "eo-cta", inputs: ["active"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ProcessFormComponent, selector: "eo-process-form", inputs: { formOptions: "formOptions" }, outputs: { onSaveForm: "onSaveForm", onResetForm: "onResetForm", onCancel: "onCancel", statusChanged: "statusChanged" }, viewQueries: [{ propertyName: "bpmForm", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<section class=\"process-form form-container\">\n\n  <div class=\"form\">\n    <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                    (statusChanged)=\"onIndexDataChanged($event)\">\n    </eo-object-form>\n  </div>\n\n  <div class=\"actions\">\n    <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n    <eo-cta [active]=\"true\">\n      <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n      <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.cta.button.cancel</button>\n      <button (click)=\"saveForm()\" [disabled]=\"form?.invalid\" class=\"primary\" translate>eo.executable.processes.execute</button>\n    </eo-cta>\n  </div>\n\n</section>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form .form{overflow:auto}:host .process-form .invalid{color:var(--color-error)}:host .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}:host .process-form .actions button{white-space:nowrap}:host .process-form .actions eo-cta{display:flex;justify-content:flex-end}:host .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media screen and (max-width: 800px){:host .process-form .actions{flex-direction:column;align-items:flex-end}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i3.CtaComponent, selector: "eo-cta", inputs: ["active"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-process-form', template: "<section class=\"process-form form-container\">\n\n  <div class=\"form\">\n    <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                    (statusChanged)=\"onIndexDataChanged($event)\">\n    </eo-object-form>\n  </div>\n\n  <div class=\"actions\">\n    <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n    <eo-cta [active]=\"true\">\n      <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n      <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.cta.button.cancel</button>\n      <button (click)=\"saveForm()\" [disabled]=\"form?.invalid\" class=\"primary\" translate>eo.executable.processes.execute</button>\n    </eo-cta>\n  </div>\n\n</section>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .process-form .form{overflow:auto}:host .process-form .invalid{color:var(--color-error)}:host .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}:host .process-form .actions button{white-space:nowrap}:host .process-form .actions eo-cta{display:flex;justify-content:flex-end}:host .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media screen and (max-width: 800px){:host .process-form .actions{flex-direction:column;align-items:flex-end}}\n"] }]
         }], propDecorators: { bpmForm: [{

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

@@ -6,17 +6,17 @@ import { CtaModule } from '../cta/cta.module';
 import { TranslateModule } from '@eo-sdk/core';
 import * as i0 from "@angular/core";
 export class ProcessFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormModule, declarations: [ProcessFormComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormModule, declarations: [ProcessFormComponent], imports: [CommonModule,
             ObjectFormModule,
             CtaModule,
             TranslateModule], exports: [ProcessFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormModule, imports: [CommonModule,
             ObjectFormModule,
             CtaModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/quick-search/quick-search/quick-search.component.mjs

@@ -195,10 +195,10 @@ export class QuickSearchComponent {
     ngOnDestroy() {
         this.querySubscription.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchComponent, deps: [{ token: i1.SearchService }, { token: i2.Router }, { token: i0.ElementRef }, { token: i1.NotificationsService }, { token: i3.AppSearchService }, { token: i1.SystemService }, { token: i4.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: QuickSearchComponent, selector: "eo-quick-search", inputs: { showResults: "showResults" }, outputs: { onResult: "onResult", onInputChange: "onInputChange" }, host: { listeners: { "keyup": "onKey($event)", "keydown": "onKeyDown($event)" }, properties: { "class.results": "this.resultsAvailable" } }, ngImport: i0, template: "<div class=\"quick-search\" eoRtlAware>\n\n  <form class=\"search-box\" (ngSubmit)=\"executeSearch()\"\n        [ngClass]=\"{invalid: invalidTerm}\"\n        [formGroup]=\"searchForm\">\n\n    <eo-icon (click)=\"executeSearch()\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"input\">\n      <label>{{'eo.quicksearch.label' | translate}}</label>\n      <input autofocus=\"autofocus\" formControlName=\"searchInput\">\n    </div>\n    <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" [iconTitle]=\"('eo.search.clear.search' | translate)\"\n    *ngIf=\"query.term\" [ngClass]=\"{active: query.term}\" (click)=\"setTerm()\"></eo-icon>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.search.result.term' | translate) + ' : &quot;' + lastTerm + '&quot;'\"\n    *ngIf=\"lastTerm && !query.term\" (click)=\"setTerm(lastTerm)\"></eo-icon>\n\n    <div class=\"count\" *ngIf=\"showResults && !queryState.isEmpty\">\n      <span class=\"count-total\">{{queryState.totalCount | localeDecimal}}</span><span translate>eo.quicksearch.hits</span>\n    </div>\n  </form>\n\n  <div class=\"result\" *ngIf=\"showResults && !queryState.isEmpty\">\n    <div class=\"r\"><div class=\"ri\">\n      <div class=\"group\" *ngFor=\"let key of resultGroups | keys; index as i\">\n        <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n        <ng-template #maingroup>\n          <h2 translate>eo.quicksearch.result.group.global</h2>\n        </ng-template>\n\n        <div class=\"type\" *ngFor=\"let type of resultGroups[key]\" (click)=\"executeSearch(type.data)\" [ngClass]=\"{selected: selected.name === type.data.name}\">\n          <span class=\"count\">{{type.count}}</span>\n          <span class=\"label\">{{type.label}}</span>\n        </div>\n      </div></div>\n      </div>\n  </div>\n</div>\n", styles: [".quick-search{--quick-search-icon-size: 40px;height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.quick-search .search-box{display:flex;flex:0 0 auto;flex-flow:row nowrap;border-radius:2px;align-items:center;position:relative;background:rgba(var(--color-white-rgb),.9);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26);-webkit-box-shadow:0 2px 5px 0 rgba(var(--color-black-rgb),.26)}.quick-search .search-box.invalid .input input{color:var(--color-error)}.quick-search .search-box eo-icon{flex:0 0 auto;width:var(--quick-search-icon-size);height:var(--quick-search-icon-size);opacity:.2;margin:0 var(--app-pane-padding);cursor:pointer}.quick-search .search-box eo-icon.small{padding:calc(var(--app-pane-padding) / 2);box-sizing:border-box}.quick-search .search-box eo-icon:hover{color:var(--color-accent);opacity:1}.quick-search .search-box eo-loading-spinner{position:absolute;right:calc(var(--app-pane-padding) * 2);margin:0 var(--app-pane-padding)}.quick-search .search-box .count{font-size:var(--font-display);position:absolute;right:0;bottom:0;color:var(--color-black);opacity:.3;display:flex;align-items:baseline}.quick-search .search-box .count .count-label{font-size:var(--font-body);font-weight:var(--font-weight-bold);padding:4px}.quick-search .search-box .input{flex:1 1 auto;display:flex;flex-flow:column;align-items:stretch}.quick-search .search-box .input label{color:rgba(var(--color-black-rgb),.5)}.quick-search .search-box .input input{border:0;font-size:var(--font-display);background:transparent;margin:4px 0;width:100%;color:var(--color-black)}.quick-search .search-box .input input::-ms-clear{display:none}.quick-search .result{flex:1 1 auto;position:relative;height:100%;margin-top:var(--app-pane-padding)}.quick-search .result .r{position:absolute;inset:0}.quick-search .result .r .ri{max-height:100%;overflow-y:auto}.quick-search .result .group{opacity:0;animation:eoFadeIn var(--app-default-transition-duration);animation-fill-mode:forwards;background:rgba(var(--color-white-rgb),.7);padding:calc(var(--app-pane-padding) / 2);border-radius:2px;margin:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}.quick-search .result .group h2{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-medium);opacity:.7}.quick-search .result .group:last-child{margin-bottom:0}.quick-search .result .type{margin-bottom:2px;cursor:pointer}.quick-search .result .type span{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}.quick-search .result .type span.count{border-radius:2px;padding:0 calc(var(--app-pane-padding) / 4);background:rgba(var(--color-black-rgb),.2);color:var(--color-white);width:4em;display:inline-block;text-align:right;margin-right:calc(var(--app-pane-padding) / 2)}.quick-search .result .type.selected,.quick-search .result .type:hover{color:var(--color-accent)}.quick-search .result .type.selected span.count,.quick-search .result .type:hover span.count{background:var(--color-accent)}.quick-search.rtl .result{padding-left:0;padding-right:calc(var(--quick-search-icon-size) + var(--app-pane-padding))}.quick-search.rtl .result .type span.count{margin-right:auto;margin-left:calc(var(--app-pane-padding) / 2);text-align:left}.quick-search.rtl .search-box .count{right:auto;left:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i8.RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: i9.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i10.LocaleDecimalPipe, name: "localeDecimal" }, { kind: "pipe", type: i11.KeysPipe, name: "keys" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchComponent, deps: [{ token: i1.SearchService }, { token: i2.Router }, { token: i0.ElementRef }, { token: i1.NotificationsService }, { token: i3.AppSearchService }, { token: i1.SystemService }, { token: i4.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: QuickSearchComponent, selector: "eo-quick-search", inputs: { showResults: "showResults" }, outputs: { onResult: "onResult", onInputChange: "onInputChange" }, host: { listeners: { "keyup": "onKey($event)", "keydown": "onKeyDown($event)" }, properties: { "class.results": "this.resultsAvailable" } }, ngImport: i0, template: "<div class=\"quick-search\" eoRtlAware>\n\n  <form class=\"search-box\" (ngSubmit)=\"executeSearch()\"\n        [ngClass]=\"{invalid: invalidTerm}\"\n        [formGroup]=\"searchForm\">\n\n    <eo-icon (click)=\"executeSearch()\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"input\">\n      <label>{{'eo.quicksearch.label' | translate}}</label>\n      <input autofocus=\"autofocus\" formControlName=\"searchInput\">\n    </div>\n    <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" [iconTitle]=\"('eo.search.clear.search' | translate)\"\n    *ngIf=\"query.term\" [ngClass]=\"{active: query.term}\" (click)=\"setTerm()\"></eo-icon>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.search.result.term' | translate) + ' : &quot;' + lastTerm + '&quot;'\"\n    *ngIf=\"lastTerm && !query.term\" (click)=\"setTerm(lastTerm)\"></eo-icon>\n\n    <div class=\"count\" *ngIf=\"showResults && !queryState.isEmpty\">\n      <span class=\"count-total\">{{queryState.totalCount | localeDecimal}}</span><span translate>eo.quicksearch.hits</span>\n    </div>\n  </form>\n\n  <div class=\"result\" *ngIf=\"showResults && !queryState.isEmpty\">\n    <div class=\"r\"><div class=\"ri\">\n      <div class=\"group\" *ngFor=\"let key of resultGroups | keys; index as i\">\n        <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n        <ng-template #maingroup>\n          <h2 translate>eo.quicksearch.result.group.global</h2>\n        </ng-template>\n\n        <div class=\"type\" *ngFor=\"let type of resultGroups[key]\" (click)=\"executeSearch(type.data)\" [ngClass]=\"{selected: selected.name === type.data.name}\">\n          <span class=\"count\">{{type.count}}</span>\n          <span class=\"label\">{{type.label}}</span>\n        </div>\n      </div></div>\n      </div>\n  </div>\n</div>\n", styles: [".quick-search{--quick-search-icon-size: 40px;height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.quick-search .search-box{display:flex;flex:0 0 auto;flex-flow:row nowrap;border-radius:2px;align-items:center;position:relative;background:rgba(var(--color-white-rgb),.9);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26);-webkit-box-shadow:0 2px 5px 0 rgba(var(--color-black-rgb),.26)}.quick-search .search-box.invalid .input input{color:var(--color-error)}.quick-search .search-box eo-icon{flex:0 0 auto;width:var(--quick-search-icon-size);height:var(--quick-search-icon-size);opacity:.2;margin:0 var(--app-pane-padding);cursor:pointer}.quick-search .search-box eo-icon.small{padding:calc(var(--app-pane-padding) / 2);box-sizing:border-box}.quick-search .search-box eo-icon:hover{color:var(--color-accent);opacity:1}.quick-search .search-box eo-loading-spinner{position:absolute;right:calc(var(--app-pane-padding) * 2);margin:0 var(--app-pane-padding)}.quick-search .search-box .count{font-size:var(--font-display);position:absolute;right:0;bottom:0;color:var(--color-black);opacity:.3;display:flex;align-items:baseline}.quick-search .search-box .count .count-label{font-size:var(--font-body);font-weight:var(--font-weight-bold);padding:4px}.quick-search .search-box .input{flex:1 1 auto;display:flex;flex-flow:column;align-items:stretch}.quick-search .search-box .input label{color:rgba(var(--color-black-rgb),.5)}.quick-search .search-box .input input{border:0;font-size:var(--font-display);background:transparent;margin:4px 0;width:100%;color:var(--color-black)}.quick-search .search-box .input input::-ms-clear{display:none}.quick-search .result{flex:1 1 auto;position:relative;height:100%;margin-top:var(--app-pane-padding)}.quick-search .result .r{position:absolute;inset:0}.quick-search .result .r .ri{max-height:100%;overflow-y:auto}.quick-search .result .group{opacity:0;animation:eoFadeIn var(--app-default-transition-duration);animation-fill-mode:forwards;background:rgba(var(--color-white-rgb),.7);padding:calc(var(--app-pane-padding) / 2);border-radius:2px;margin:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}.quick-search .result .group h2{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-medium);opacity:.7}.quick-search .result .group:last-child{margin-bottom:0}.quick-search .result .type{margin-bottom:2px;cursor:pointer}.quick-search .result .type span{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}.quick-search .result .type span.count{border-radius:2px;padding:0 calc(var(--app-pane-padding) / 4);background:rgba(var(--color-black-rgb),.2);color:var(--color-white);width:4em;display:inline-block;text-align:right;margin-right:calc(var(--app-pane-padding) / 2)}.quick-search .result .type.selected,.quick-search .result .type:hover{color:var(--color-accent)}.quick-search .result .type.selected span.count,.quick-search .result .type:hover span.count{background:var(--color-accent)}.quick-search.rtl .result{padding-left:0;padding-right:calc(var(--quick-search-icon-size) + var(--app-pane-padding))}.quick-search.rtl .result .type span.count{margin-right:auto;margin-left:calc(var(--app-pane-padding) / 2);text-align:left}.quick-search.rtl .search-box .count{right:auto;left:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i8.RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: i9.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i10.LocaleDecimalPipe, name: "localeDecimal" }, { kind: "pipe", type: i11.KeysPipe, name: "keys" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-quick-search', template: "<div class=\"quick-search\" eoRtlAware>\n\n  <form class=\"search-box\" (ngSubmit)=\"executeSearch()\"\n        [ngClass]=\"{invalid: invalidTerm}\"\n        [formGroup]=\"searchForm\">\n\n    <eo-icon (click)=\"executeSearch()\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"input\">\n      <label>{{'eo.quicksearch.label' | translate}}</label>\n      <input autofocus=\"autofocus\" formControlName=\"searchInput\">\n    </div>\n    <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" [iconTitle]=\"('eo.search.clear.search' | translate)\"\n    *ngIf=\"query.term\" [ngClass]=\"{active: query.term}\" (click)=\"setTerm()\"></eo-icon>\n    <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.search.result.term' | translate) + ' : &quot;' + lastTerm + '&quot;'\"\n    *ngIf=\"lastTerm && !query.term\" (click)=\"setTerm(lastTerm)\"></eo-icon>\n\n    <div class=\"count\" *ngIf=\"showResults && !queryState.isEmpty\">\n      <span class=\"count-total\">{{queryState.totalCount | localeDecimal}}</span><span translate>eo.quicksearch.hits</span>\n    </div>\n  </form>\n\n  <div class=\"result\" *ngIf=\"showResults && !queryState.isEmpty\">\n    <div class=\"r\"><div class=\"ri\">\n      <div class=\"group\" *ngFor=\"let key of resultGroups | keys; index as i\">\n        <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n        <ng-template #maingroup>\n          <h2 translate>eo.quicksearch.result.group.global</h2>\n        </ng-template>\n\n        <div class=\"type\" *ngFor=\"let type of resultGroups[key]\" (click)=\"executeSearch(type.data)\" [ngClass]=\"{selected: selected.name === type.data.name}\">\n          <span class=\"count\">{{type.count}}</span>\n          <span class=\"label\">{{type.label}}</span>\n        </div>\n      </div></div>\n      </div>\n  </div>\n</div>\n", styles: [".quick-search{--quick-search-icon-size: 40px;height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.quick-search .search-box{display:flex;flex:0 0 auto;flex-flow:row nowrap;border-radius:2px;align-items:center;position:relative;background:rgba(var(--color-white-rgb),.9);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26);-webkit-box-shadow:0 2px 5px 0 rgba(var(--color-black-rgb),.26)}.quick-search .search-box.invalid .input input{color:var(--color-error)}.quick-search .search-box eo-icon{flex:0 0 auto;width:var(--quick-search-icon-size);height:var(--quick-search-icon-size);opacity:.2;margin:0 var(--app-pane-padding);cursor:pointer}.quick-search .search-box eo-icon.small{padding:calc(var(--app-pane-padding) / 2);box-sizing:border-box}.quick-search .search-box eo-icon:hover{color:var(--color-accent);opacity:1}.quick-search .search-box eo-loading-spinner{position:absolute;right:calc(var(--app-pane-padding) * 2);margin:0 var(--app-pane-padding)}.quick-search .search-box .count{font-size:var(--font-display);position:absolute;right:0;bottom:0;color:var(--color-black);opacity:.3;display:flex;align-items:baseline}.quick-search .search-box .count .count-label{font-size:var(--font-body);font-weight:var(--font-weight-bold);padding:4px}.quick-search .search-box .input{flex:1 1 auto;display:flex;flex-flow:column;align-items:stretch}.quick-search .search-box .input label{color:rgba(var(--color-black-rgb),.5)}.quick-search .search-box .input input{border:0;font-size:var(--font-display);background:transparent;margin:4px 0;width:100%;color:var(--color-black)}.quick-search .search-box .input input::-ms-clear{display:none}.quick-search .result{flex:1 1 auto;position:relative;height:100%;margin-top:var(--app-pane-padding)}.quick-search .result .r{position:absolute;inset:0}.quick-search .result .r .ri{max-height:100%;overflow-y:auto}.quick-search .result .group{opacity:0;animation:eoFadeIn var(--app-default-transition-duration);animation-fill-mode:forwards;background:rgba(var(--color-white-rgb),.7);padding:calc(var(--app-pane-padding) / 2);border-radius:2px;margin:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}.quick-search .result .group h2{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-medium);opacity:.7}.quick-search .result .group:last-child{margin-bottom:0}.quick-search .result .type{margin-bottom:2px;cursor:pointer}.quick-search .result .type span{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}.quick-search .result .type span.count{border-radius:2px;padding:0 calc(var(--app-pane-padding) / 4);background:rgba(var(--color-black-rgb),.2);color:var(--color-white);width:4em;display:inline-block;text-align:right;margin-right:calc(var(--app-pane-padding) / 2)}.quick-search .result .type.selected,.quick-search .result .type:hover{color:var(--color-accent)}.quick-search .result .type.selected span.count,.quick-search .result .type:hover span.count{background:var(--color-accent)}.quick-search.rtl .result{padding-left:0;padding-right:calc(var(--quick-search-icon-size) + var(--app-pane-padding))}.quick-search.rtl .result .type span.count{margin-right:auto;margin-left:calc(var(--app-pane-padding) / 2);text-align:left}.quick-search.rtl .search-box .count{right:auto;left:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.SearchService }, { type: i2.Router }, { type: i0.ElementRef }, { type: i1.NotificationsService }, { type: i3.AppSearchService }, { type: i1.SystemService }, { type: i4.UntypedFormBuilder }], propDecorators: { resultsAvailable: [{

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

@@ -6,17 +6,17 @@ import { UiModule } from '../ui/ui.module';
 import { PipesModule } from '../../eo-framework-core/pipes/pipes.module';
 import * as i0 from "@angular/core";
 export class QuickSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchModule, declarations: [QuickSearchComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchModule, declarations: [QuickSearchComponent], imports: [CommonModule,
             ReactiveFormsModule,
             UiModule,
             PipesModule], exports: [QuickSearchComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchModule, imports: [CommonModule,
             ReactiveFormsModule,
             UiModule,
             PipesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QuickSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: QuickSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/recyclebin-details/recyclebin-details.component.mjs

@@ -230,14 +230,14 @@ let RecyclebinDetailsComponent = class RecyclebinDetailsComponent {
     }
     ngAfterViewInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RecyclebinDetailsComponent, deps: [{ token: i1.Router }, { token: i2.SystemService }, { token: i3.EmptyStateService }, { token: i2.BackendService }, { token: i2.UserService }, { token: i2.NotificationsService }, { token: i2.DmsService }, { token: i4.SelectionService }, { token: i2.CapabilitiesService }, { token: i2.EventService }, { token: i2.Config }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: { plugins: "plugins", cacheLayout: "cacheLayout", applySelection: "applySelection", parseDmsParams: "parseDmsParams", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsObject: ["item", "dmsObject"] }, outputs: { hasContent: "hasContent" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\"\n                         class=\"button\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"button\" [ngClass]=\"{disabled: !this.item.rights.delete}\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"this.item.rights.delete ? ('eo.recyclebin.details.delete.tooltip' | translate) : ('eo.recyclebin.details.delete.disabled.tooltip' | translate)\"\n                    (click)=\"showDialog();\"></eo-icon>\n                <button (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <yvc-split-tabs>\n\n            <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n                <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\"\n                    [dmsObject]=\"item\"></eo-indexdata-summary>\n            </ng-template>\n\n            <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n                <eo-media *ngIf=\"item\" [useVersion]=\"item.id === item.content?.id\" [dmsObject]=\"item\" #viewer></eo-media>\n            </ng-template>\n\n            <ng-template *ngIf=\"isVisible('history')\"\n                [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n                <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n                </eo-object-history>\n            </ng-template>\n\n            <!-- plugin tabs -->\n            <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n                <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n            </ng-template>\n        </yvc-split-tabs>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>\n        <span>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</span>\n        <br>\n        <span class=\"recyclebin-delete__dialog_warning\">{{'eo.recyclebin.details.delete.dialog.message.warning' |\n            translate}}</span>\n    </div>\n    <div class=\"action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.cta.button.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.cta.button.delete</button>\n    </div>\n</eo-dialog>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .actions{display:flex;align-items:center;align-self:flex-start}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding) / 2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding) / 2)}:host .actions eo-icon{padding:calc(var(--app-pane-padding) / 4)}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep yvc-tabs{height:100%}::ng-deep yvc-tabs>header{background-color:var(--panel-background)}::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}::ng-deep eo-media{height:100%;overflow:hidden;display:block}::ng-deep .recyclebin-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .recyclebin-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"], outputs: ["hasContentLoaded"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i9.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i10.IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["baseparams", "enableVersions", "isChangesTab", "indexdata", "dmsObject", "diff"] }, { kind: "component", type: i11.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i13.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: i14.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i15.ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: RecyclebinDetailsComponent, deps: [{ token: i1.Router }, { token: i2.SystemService }, { token: i3.EmptyStateService }, { token: i2.BackendService }, { token: i2.UserService }, { token: i2.NotificationsService }, { token: i2.DmsService }, { token: i4.SelectionService }, { token: i2.CapabilitiesService }, { token: i2.EventService }, { token: i2.Config }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: { plugins: "plugins", cacheLayout: "cacheLayout", applySelection: "applySelection", parseDmsParams: "parseDmsParams", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsObject: ["item", "dmsObject"] }, outputs: { hasContent: "hasContent" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\"\n                         class=\"button\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"button\" [ngClass]=\"{disabled: !this.item.rights.delete}\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"this.item.rights.delete ? ('eo.recyclebin.details.delete.tooltip' | translate) : ('eo.recyclebin.details.delete.disabled.tooltip' | translate)\"\n                    (click)=\"showDialog();\"></eo-icon>\n                <button (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <yvc-split-tabs>\n\n            <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n                <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\"\n                    [dmsObject]=\"item\"></eo-indexdata-summary>\n            </ng-template>\n\n            <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n                <eo-media *ngIf=\"item\" [useVersion]=\"item.id === item.content?.id\" [dmsObject]=\"item\" #viewer></eo-media>\n            </ng-template>\n\n            <ng-template *ngIf=\"isVisible('history')\"\n                [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n                <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n                </eo-object-history>\n            </ng-template>\n\n            <!-- plugin tabs -->\n            <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n                <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n            </ng-template>\n        </yvc-split-tabs>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>\n        <span>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</span>\n        <br>\n        <span class=\"recyclebin-delete__dialog_warning\">{{'eo.recyclebin.details.delete.dialog.message.warning' |\n            translate}}</span>\n    </div>\n    <div class=\"action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.cta.button.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.cta.button.delete</button>\n    </div>\n</eo-dialog>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .actions{display:flex;align-items:center;align-self:flex-start}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding) / 2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding) / 2)}:host .actions eo-icon{padding:calc(var(--app-pane-padding) / 4)}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep yvc-tabs{height:100%}::ng-deep yvc-tabs>header{background-color:var(--panel-background)}::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}::ng-deep eo-media{height:100%;overflow:hidden;display:block}::ng-deep .recyclebin-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .recyclebin-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"], outputs: ["hasContentLoaded"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i9.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i10.IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["baseparams", "enableVersions", "isChangesTab", "indexdata", "dmsObject", "diff"] }, { kind: "component", type: i11.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i13.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: i14.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i15.ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 RecyclebinDetailsComponent = __decorate([
     UntilDestroy()
 ], RecyclebinDetailsComponent);
 export { RecyclebinDetailsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RecyclebinDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: RecyclebinDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-recyclebin-details', template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\"\n                         class=\"button\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"button\" [ngClass]=\"{disabled: !this.item.rights.delete}\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"this.item.rights.delete ? ('eo.recyclebin.details.delete.tooltip' | translate) : ('eo.recyclebin.details.delete.disabled.tooltip' | translate)\"\n                    (click)=\"showDialog();\"></eo-icon>\n                <button (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <yvc-split-tabs>\n\n            <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n                <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\"\n                    [dmsObject]=\"item\"></eo-indexdata-summary>\n            </ng-template>\n\n            <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n                <eo-media *ngIf=\"item\" [useVersion]=\"item.id === item.content?.id\" [dmsObject]=\"item\" #viewer></eo-media>\n            </ng-template>\n\n            <ng-template *ngIf=\"isVisible('history')\"\n                [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n                <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n                </eo-object-history>\n            </ng-template>\n\n            <!-- plugin tabs -->\n            <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n                <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n            </ng-template>\n        </yvc-split-tabs>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>\n        <span>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</span>\n        <br>\n        <span class=\"recyclebin-delete__dialog_warning\">{{'eo.recyclebin.details.delete.dialog.message.warning' |\n            translate}}</span>\n    </div>\n    <div class=\"action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.cta.button.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.cta.button.delete</button>\n    </div>\n</eo-dialog>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .actions{display:flex;align-items:center;align-self:flex-start}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding) / 2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding) / 2)}:host .actions eo-icon{padding:calc(var(--app-pane-padding) / 4)}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep yvc-tabs{height:100%}::ng-deep yvc-tabs>header{background-color:var(--panel-background)}::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}::ng-deep eo-media{height:100%;overflow:hidden;display:block}::ng-deep .recyclebin-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .recyclebin-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.SystemService }, { type: i3.EmptyStateService }, { type: i2.BackendService }, { type: i2.UserService }, { type: i2.NotificationsService }, { type: i2.DmsService }, { type: i4.SelectionService }, { type: i2.CapabilitiesService }, { type: i2.EventService }, { type: i2.Config }, { type: i2.TranslateService }], propDecorators: { preview: [{

package/esm2022/app/eo-framework/result-list/result-list.component.mjs

@@ -346,14 +346,14 @@ let ResultListComponent = class ResultListComponent {
         const uriParamQuery = { queryParams: { 'query': uriParam } };
         this.router.navigate(['/result'], uriParamQuery);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ResultListComponent, deps: [{ token: i1.Config }, { token: i1.TranslateService }, { token: i2.GridService }, { token: i1.BackendService }, { token: i3.AppSearchService }, { token: i1.SearchService }, { token: i1.EventService }, { token: i1.LocalStorageService }, { token: i1.StoredQueriesService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ResultListComponent, selector: "eo-result-list", inputs: { title: "title", configType: "configType", configContext: "configContext", clearAfterExecute: "clearAfterExecute", emptyMessage: "emptyMessage", selectFirst: "selectFirst", gridOptions: "gridOptions", hasIcon: "hasIcon", reference: "reference", query: "query", searchResult: "searchResult" }, outputs: { onSelectionChanged: "onSelectionChanged", onFocusChanged: "onFocusChanged", onDoubleClick: "onDoubleClick", onContextMenu: "onContextMenu", onCountChanged: "onCountChanged", onRefresh: "onRefresh", onResult: "onResult", onQueryInvalid: "onQueryInvalid" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["eoGrid"], descendants: true }, { propertyName: "list", first: true, predicate: ["eoList"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"result-list__loader\" [size]=\"'medium'\"></eo-loading-spinner>\n</div>\n<eo-column-configurator *ngIf=\"visibleConfig\" [visible]=\"visibleConfig\"\n                        [configType]=\"configType\" [configContext]=\"configContext\" [eoGrid]=\"grid\"\n                        (onConfigChanged)=\"visibleConfig = false; onConfigChanged($event)\" ></eo-column-configurator>\n\n<eo-list-container #eoList [applySelection]=\"{}\" [loading]=\"false\" [parseDmsParams]=\"parseDmsParams\">\n  <div class=\"eo-header\">\n    <eo-icon class=\"eo-header-icon\" *ngIf=\"hasIcon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"eo-header-info\">\n      <div class=\"eo-header-title\">{{title || ('eo.search.title' | translate)}}</div>\n      <div class=\"eo-header-subtitle\">\n        <span *ngIf=\"!storedQuery; else storedQueryText\" class=\"eo-header-subtitle__label\" [title]=\"querySubtitle\">{{querySubtitle}}</span>\n        <ng-template #storedQueryText>\n          <ng-container *ngIf=\"storedQuery.parameter.length === 0; else storedQueryDialog\">\n            <span class=\"eo-header-subtitle__label\" [title]=\"('eo.search.aside.summary.storedquery' | translate) + ': ' + storedQuery.name\">\n              {{'eo.search.aside.summary.storedquery' | translate}}: {{storedQuery.name}}\n            </span>\n          </ng-container>\n        </ng-template>\n        <ng-template #storedQueryDialog>\n          <div class=\"stored-query\">\n            <span>\n              {{'eo.search.aside.summary.storedquery' | translate}}:\n            </span>\n            <button class=\"sq\" (click)=\"savedSearchClicked = true\" (keyup.enter)=\"savedSearchClicked = true\" tabindex=\"0\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n              <span>{{storedQuery.name}}</span>\n            </button>\n          </div>\n        </ng-template>\n        <span *ngIf=\"query?.contextFolderTypes.length === 1\" translate\n              [translateParams]=\"{type: query.contextFolderTypes[0].label}\">eo.search.objecttype.form.context</span>\n        <span class=\"term\" *ngIf=\"!storedQuery && query?.term && !clearAfterExecute\" [title]=\"('eo.search.result.term' | translate) + ': ' + query.term\">{{'eo.search.result.term' | translate}} : \"{{query.term}}\"</span>\n        <div class=\"suggest\" *ngIf=\"searchResult?.suggests\">{{'eo.search.suggest' | translate}}<a href=\"javascript:void(0)\" (click)=\"executeSuggestSearch()\">{{searchResult.suggests[0]}}</a> ?\n        </div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\">\n      <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refreshGrid()\"\n               [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      <eo-icon class=\"button export-button\" [hidden]=\"!query\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.resultlist.export.csv' | translate)\"\n               (click)=\"exportCSV()\" *ngIf=\"!csvLoadingSpinnerVisibility\"></eo-icon>\n      <eo-loading-spinner [size]=\"'small'\" *ngIf=\"csvLoadingSpinnerVisibility\" class=\"spinner\"></eo-loading-spinner>\n      <eo-icon class=\"button config-button\" [iconSrc]=\"'assets/_default/svg/ic_settings.svg'\" [iconTitle]=\"('eo.column.config.title' | translate)\"\n               (click)=\"visibleConfig = !visibleConfig\"></eo-icon>\n      <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"('eo.object.actions.title' | translate)\"\n               [iconSrc]=\"'assets/_default/svg/ic_more.svg'\" *ngIf=\"!reference\"></eo-icon>\n    </div>\n  </div>\n  <div class=\"eo-body\">\n    <eo-grid #eoGrid [gridOptions]=\"resultGridOptions\" *ngIf=\"hasGridOptions; else error\"\n             [showFooter]=\"true\" (eoGridColumnResized)=\"onColumnResized($event)\" [selectFirst]=\"selectFirst\"\n             (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged.emit($event);\"\n             (eoGridContextMenuClick)=\"eoList.onContextMenu($event);onContextMenu.emit($event)\"\n             (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event);onSelectionChanged.emit($event)\"\n             (eoGridDoubleClick)=\"eoList.onDoubleClick($event);onDoubleClick.emit($event)\"\n             (eoGridFocusChanged)=\"eoList.onFocusChanged($event);onFocusChanged.emit($event)\">\n\n      <div class=\"footer\">\n        <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n        <!--<eo-quick-filter [eoGrid]=\"eoGrid\"></eo-quick-filter>-->\n        <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n      </div>\n\n      <div class=\"empty\">\n        <eo-error-message [emptyState]=\"{text: emptyMessage || 'eo.search.result.expired'}\"></eo-error-message>\n      </div>\n    </eo-grid>\n  </div>\n  <ng-template #error>\n\n    <eo-error-message *ngIf=\"hasGridOptions\" [emptyState]=\"{text:'eo.search.mode.expert.result.empty'}\">\n    </eo-error-message>\n\n  </ng-template>\n</eo-list-container>\n\n<eo-dialog [visible]=\"savedSearchClicked\" (hide)=\"savedSearchClicked = false\" [title]=\"'eo.search.aside.summary.storedquery' | translate\">\n  <eo-stored-query [query]=\"storedQuery\"\n                   (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                   (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.resultlist.export.csv.threshold.dialog.title' | translate\"\n           [(visible)]=\"showWarnExportCSVThresholdDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'threshold__dialog'\">\n\n  <div>{{'eo.resultlist.export.csv.threshold.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showWarnExportCSVThresholdDialog = false\"\n            translate>eo.cta.button.cancel</button>\n    <button type=\"button\" cdkFocusInitial (click)=\"exportCSV(true)\" class=\"button primary\"\n            translate>eo.resultlist.export.csv.threshold.dialog.export</button>\n  </div>\n</eo-dialog>\n\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background);height:100%}:host .spinner{padding:calc(var(--app-pane-padding) / 4)}:host .result-head{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .result-head .header-info{flex:1}:host .result-head .header-info .header-sub-title .term{margin:0 var(--app-pane-padding)}:host .result-head .header-info .header-title{padding-bottom:calc(var(--app-pane-padding) / 4);font-size:20px;-webkit-user-select:none;user-select:none}:host .result-head .header-info .status{display:flex}:host .result-head .header-info .status .term{flex:1}:host .result-head .actions eo-icon{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .result-list__loader{margin:auto}:host .stored-query{display:flex;max-height:45vh}:host .stored-query span{padding-right:calc(var(--app-pane-padding) / 2)}:host .stored-query>div{background-color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin:0 1px;border-radius:2px 0 0 2px}:host .stored-query>div eo-icon{padding:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}:host .stored-query .sq{overflow:hidden;border-radius:2px;padding:calc(var(--app-pane-padding) / 100);background-color:var(--color-white);color:var(--text-color-caption);text-decoration:none;cursor:pointer;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;display:flex;flex-flow:row;align-items:center;background-color:var(--list-item-hover-background)}:host .stored-query .sq>eo-icon{color:var(--text-color-hint);flex-shrink:0}:host .stored-query .sq>span{text-overflow:ellipsis;overflow:hidden;padding:0 calc(var(--app-pane-padding) / 2)}eo-stored-query{border-radius:0 2px 2px 0;background-color:var(--color-white);padding:var(--app-pane-padding);overflow-y:auto}::ng-deep .threshold__dialog{padding:8px;min-height:unset!important}::ng-deep .threshold__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i8.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i9.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i10.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: i11.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i12.GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: i13.ColumnConfiguratorComponent, selector: "eo-column-configurator", inputs: ["configType", "configContext", "visible", "eoGrid"], outputs: ["onConfigChanged"] }, { kind: "component", type: i14.TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: i15.PaginationComponent, selector: "eo-pagination", inputs: ["settings"], outputs: ["pageChanged"] }, { kind: "component", type: i16.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResultListComponent, deps: [{ token: i1.Config }, { token: i1.TranslateService }, { token: i2.GridService }, { token: i1.BackendService }, { token: i3.AppSearchService }, { token: i1.SearchService }, { token: i1.EventService }, { token: i1.LocalStorageService }, { token: i1.StoredQueriesService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ResultListComponent, selector: "eo-result-list", inputs: { title: "title", configType: "configType", configContext: "configContext", clearAfterExecute: "clearAfterExecute", emptyMessage: "emptyMessage", selectFirst: "selectFirst", gridOptions: "gridOptions", hasIcon: "hasIcon", reference: "reference", query: "query", searchResult: "searchResult" }, outputs: { onSelectionChanged: "onSelectionChanged", onFocusChanged: "onFocusChanged", onDoubleClick: "onDoubleClick", onContextMenu: "onContextMenu", onCountChanged: "onCountChanged", onRefresh: "onRefresh", onResult: "onResult", onQueryInvalid: "onQueryInvalid" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["eoGrid"], descendants: true }, { propertyName: "list", first: true, predicate: ["eoList"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"result-list__loader\" [size]=\"'medium'\"></eo-loading-spinner>\n</div>\n<eo-column-configurator *ngIf=\"visibleConfig\" [visible]=\"visibleConfig\"\n                        [configType]=\"configType\" [configContext]=\"configContext\" [eoGrid]=\"grid\"\n                        (onConfigChanged)=\"visibleConfig = false; onConfigChanged($event)\" ></eo-column-configurator>\n\n<eo-list-container #eoList [applySelection]=\"{}\" [loading]=\"false\" [parseDmsParams]=\"parseDmsParams\">\n  <div class=\"eo-header\">\n    <eo-icon class=\"eo-header-icon\" *ngIf=\"hasIcon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"eo-header-info\">\n      <div class=\"eo-header-title\">{{title || ('eo.search.title' | translate)}}</div>\n      <div class=\"eo-header-subtitle\">\n        <span *ngIf=\"!storedQuery; else storedQueryText\" class=\"eo-header-subtitle__label\" [title]=\"querySubtitle\">{{querySubtitle}}</span>\n        <ng-template #storedQueryText>\n          <ng-container *ngIf=\"storedQuery.parameter.length === 0; else storedQueryDialog\">\n            <span class=\"eo-header-subtitle__label\" [title]=\"('eo.search.aside.summary.storedquery' | translate) + ': ' + storedQuery.name\">\n              {{'eo.search.aside.summary.storedquery' | translate}}: {{storedQuery.name}}\n            </span>\n          </ng-container>\n        </ng-template>\n        <ng-template #storedQueryDialog>\n          <div class=\"stored-query\">\n            <span>\n              {{'eo.search.aside.summary.storedquery' | translate}}:\n            </span>\n            <button class=\"sq\" (click)=\"savedSearchClicked = true\" (keyup.enter)=\"savedSearchClicked = true\" tabindex=\"0\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n              <span>{{storedQuery.name}}</span>\n            </button>\n          </div>\n        </ng-template>\n        <span *ngIf=\"query?.contextFolderTypes.length === 1\" translate\n              [translateParams]=\"{type: query.contextFolderTypes[0].label}\">eo.search.objecttype.form.context</span>\n        <span class=\"term\" *ngIf=\"!storedQuery && query?.term && !clearAfterExecute\" [title]=\"('eo.search.result.term' | translate) + ': ' + query.term\">{{'eo.search.result.term' | translate}} : \"{{query.term}}\"</span>\n        <div class=\"suggest\" *ngIf=\"searchResult?.suggests\">{{'eo.search.suggest' | translate}}<a href=\"javascript:void(0)\" (click)=\"executeSuggestSearch()\">{{searchResult.suggests[0]}}</a> ?\n        </div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\">\n      <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refreshGrid()\"\n               [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      <eo-icon class=\"button export-button\" [hidden]=\"!query\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.resultlist.export.csv' | translate)\"\n               (click)=\"exportCSV()\" *ngIf=\"!csvLoadingSpinnerVisibility\"></eo-icon>\n      <eo-loading-spinner [size]=\"'small'\" *ngIf=\"csvLoadingSpinnerVisibility\" class=\"spinner\"></eo-loading-spinner>\n      <eo-icon class=\"button config-button\" [iconSrc]=\"'assets/_default/svg/ic_settings.svg'\" [iconTitle]=\"('eo.column.config.title' | translate)\"\n               (click)=\"visibleConfig = !visibleConfig\"></eo-icon>\n      <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"('eo.object.actions.title' | translate)\"\n               [iconSrc]=\"'assets/_default/svg/ic_more.svg'\" *ngIf=\"!reference\"></eo-icon>\n    </div>\n  </div>\n  <div class=\"eo-body\">\n    <eo-grid #eoGrid [gridOptions]=\"resultGridOptions\" *ngIf=\"hasGridOptions; else error\"\n             [showFooter]=\"true\" (eoGridColumnResized)=\"onColumnResized($event)\" [selectFirst]=\"selectFirst\"\n             (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged.emit($event);\"\n             (eoGridContextMenuClick)=\"eoList.onContextMenu($event);onContextMenu.emit($event)\"\n             (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event);onSelectionChanged.emit($event)\"\n             (eoGridDoubleClick)=\"eoList.onDoubleClick($event);onDoubleClick.emit($event)\"\n             (eoGridFocusChanged)=\"eoList.onFocusChanged($event);onFocusChanged.emit($event)\">\n\n      <div class=\"footer\">\n        <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n        <!--<eo-quick-filter [eoGrid]=\"eoGrid\"></eo-quick-filter>-->\n        <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n      </div>\n\n      <div class=\"empty\">\n        <eo-error-message [emptyState]=\"{text: emptyMessage || 'eo.search.result.expired'}\"></eo-error-message>\n      </div>\n    </eo-grid>\n  </div>\n  <ng-template #error>\n\n    <eo-error-message *ngIf=\"hasGridOptions\" [emptyState]=\"{text:'eo.search.mode.expert.result.empty'}\">\n    </eo-error-message>\n\n  </ng-template>\n</eo-list-container>\n\n<eo-dialog [visible]=\"savedSearchClicked\" (hide)=\"savedSearchClicked = false\" [title]=\"'eo.search.aside.summary.storedquery' | translate\">\n  <eo-stored-query [query]=\"storedQuery\"\n                   (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                   (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.resultlist.export.csv.threshold.dialog.title' | translate\"\n           [(visible)]=\"showWarnExportCSVThresholdDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'threshold__dialog'\">\n\n  <div>{{'eo.resultlist.export.csv.threshold.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showWarnExportCSVThresholdDialog = false\"\n            translate>eo.cta.button.cancel</button>\n    <button type=\"button\" cdkFocusInitial (click)=\"exportCSV(true)\" class=\"button primary\"\n            translate>eo.resultlist.export.csv.threshold.dialog.export</button>\n  </div>\n</eo-dialog>\n\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background);height:100%}:host .spinner{padding:calc(var(--app-pane-padding) / 4)}:host .result-head{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .result-head .header-info{flex:1}:host .result-head .header-info .header-sub-title .term{margin:0 var(--app-pane-padding)}:host .result-head .header-info .header-title{padding-bottom:calc(var(--app-pane-padding) / 4);font-size:20px;-webkit-user-select:none;user-select:none}:host .result-head .header-info .status{display:flex}:host .result-head .header-info .status .term{flex:1}:host .result-head .actions eo-icon{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .result-list__loader{margin:auto}:host .stored-query{display:flex;max-height:45vh}:host .stored-query span{padding-right:calc(var(--app-pane-padding) / 2)}:host .stored-query>div{background-color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin:0 1px;border-radius:2px 0 0 2px}:host .stored-query>div eo-icon{padding:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}:host .stored-query .sq{overflow:hidden;border-radius:2px;padding:calc(var(--app-pane-padding) / 100);background-color:var(--color-white);color:var(--text-color-caption);text-decoration:none;cursor:pointer;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;display:flex;flex-flow:row;align-items:center;background-color:var(--list-item-hover-background)}:host .stored-query .sq>eo-icon{color:var(--text-color-hint);flex-shrink:0}:host .stored-query .sq>span{text-overflow:ellipsis;overflow:hidden;padding:0 calc(var(--app-pane-padding) / 2)}eo-stored-query{border-radius:0 2px 2px 0;background-color:var(--color-white);padding:var(--app-pane-padding);overflow-y:auto}::ng-deep .threshold__dialog{padding:8px;min-height:unset!important}::ng-deep .threshold__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i8.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i9.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i10.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: i11.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i12.GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: i13.ColumnConfiguratorComponent, selector: "eo-column-configurator", inputs: ["configType", "configContext", "visible", "eoGrid"], outputs: ["onConfigChanged"] }, { kind: "component", type: i14.TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: i15.PaginationComponent, selector: "eo-pagination", inputs: ["settings"], outputs: ["pageChanged"] }, { kind: "component", type: i16.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 ResultListComponent = ResultListComponent_1 = __decorate([
     UntilDestroy()
 ], ResultListComponent);
 export { ResultListComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ResultListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResultListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-result-list', template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"result-list__loader\" [size]=\"'medium'\"></eo-loading-spinner>\n</div>\n<eo-column-configurator *ngIf=\"visibleConfig\" [visible]=\"visibleConfig\"\n                        [configType]=\"configType\" [configContext]=\"configContext\" [eoGrid]=\"grid\"\n                        (onConfigChanged)=\"visibleConfig = false; onConfigChanged($event)\" ></eo-column-configurator>\n\n<eo-list-container #eoList [applySelection]=\"{}\" [loading]=\"false\" [parseDmsParams]=\"parseDmsParams\">\n  <div class=\"eo-header\">\n    <eo-icon class=\"eo-header-icon\" *ngIf=\"hasIcon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n    <div class=\"eo-header-info\">\n      <div class=\"eo-header-title\">{{title || ('eo.search.title' | translate)}}</div>\n      <div class=\"eo-header-subtitle\">\n        <span *ngIf=\"!storedQuery; else storedQueryText\" class=\"eo-header-subtitle__label\" [title]=\"querySubtitle\">{{querySubtitle}}</span>\n        <ng-template #storedQueryText>\n          <ng-container *ngIf=\"storedQuery.parameter.length === 0; else storedQueryDialog\">\n            <span class=\"eo-header-subtitle__label\" [title]=\"('eo.search.aside.summary.storedquery' | translate) + ': ' + storedQuery.name\">\n              {{'eo.search.aside.summary.storedquery' | translate}}: {{storedQuery.name}}\n            </span>\n          </ng-container>\n        </ng-template>\n        <ng-template #storedQueryDialog>\n          <div class=\"stored-query\">\n            <span>\n              {{'eo.search.aside.summary.storedquery' | translate}}:\n            </span>\n            <button class=\"sq\" (click)=\"savedSearchClicked = true\" (keyup.enter)=\"savedSearchClicked = true\" tabindex=\"0\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n              <span>{{storedQuery.name}}</span>\n            </button>\n          </div>\n        </ng-template>\n        <span *ngIf=\"query?.contextFolderTypes.length === 1\" translate\n              [translateParams]=\"{type: query.contextFolderTypes[0].label}\">eo.search.objecttype.form.context</span>\n        <span class=\"term\" *ngIf=\"!storedQuery && query?.term && !clearAfterExecute\" [title]=\"('eo.search.result.term' | translate) + ': ' + query.term\">{{'eo.search.result.term' | translate}} : \"{{query.term}}\"</span>\n        <div class=\"suggest\" *ngIf=\"searchResult?.suggests\">{{'eo.search.suggest' | translate}}<a href=\"javascript:void(0)\" (click)=\"executeSuggestSearch()\">{{searchResult.suggests[0]}}</a> ?\n        </div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\">\n      <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refreshGrid()\"\n               [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      <eo-icon class=\"button export-button\" [hidden]=\"!query\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.resultlist.export.csv' | translate)\"\n               (click)=\"exportCSV()\" *ngIf=\"!csvLoadingSpinnerVisibility\"></eo-icon>\n      <eo-loading-spinner [size]=\"'small'\" *ngIf=\"csvLoadingSpinnerVisibility\" class=\"spinner\"></eo-loading-spinner>\n      <eo-icon class=\"button config-button\" [iconSrc]=\"'assets/_default/svg/ic_settings.svg'\" [iconTitle]=\"('eo.column.config.title' | translate)\"\n               (click)=\"visibleConfig = !visibleConfig\"></eo-icon>\n      <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"('eo.object.actions.title' | translate)\"\n               [iconSrc]=\"'assets/_default/svg/ic_more.svg'\" *ngIf=\"!reference\"></eo-icon>\n    </div>\n  </div>\n  <div class=\"eo-body\">\n    <eo-grid #eoGrid [gridOptions]=\"resultGridOptions\" *ngIf=\"hasGridOptions; else error\"\n             [showFooter]=\"true\" (eoGridColumnResized)=\"onColumnResized($event)\" [selectFirst]=\"selectFirst\"\n             (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged.emit($event);\"\n             (eoGridContextMenuClick)=\"eoList.onContextMenu($event);onContextMenu.emit($event)\"\n             (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event);onSelectionChanged.emit($event)\"\n             (eoGridDoubleClick)=\"eoList.onDoubleClick($event);onDoubleClick.emit($event)\"\n             (eoGridFocusChanged)=\"eoList.onFocusChanged($event);onFocusChanged.emit($event)\">\n\n      <div class=\"footer\">\n        <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n        <!--<eo-quick-filter [eoGrid]=\"eoGrid\"></eo-quick-filter>-->\n        <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n      </div>\n\n      <div class=\"empty\">\n        <eo-error-message [emptyState]=\"{text: emptyMessage || 'eo.search.result.expired'}\"></eo-error-message>\n      </div>\n    </eo-grid>\n  </div>\n  <ng-template #error>\n\n    <eo-error-message *ngIf=\"hasGridOptions\" [emptyState]=\"{text:'eo.search.mode.expert.result.empty'}\">\n    </eo-error-message>\n\n  </ng-template>\n</eo-list-container>\n\n<eo-dialog [visible]=\"savedSearchClicked\" (hide)=\"savedSearchClicked = false\" [title]=\"'eo.search.aside.summary.storedquery' | translate\">\n  <eo-stored-query [query]=\"storedQuery\"\n                   (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                   (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.resultlist.export.csv.threshold.dialog.title' | translate\"\n           [(visible)]=\"showWarnExportCSVThresholdDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'threshold__dialog'\">\n\n  <div>{{'eo.resultlist.export.csv.threshold.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showWarnExportCSVThresholdDialog = false\"\n            translate>eo.cta.button.cancel</button>\n    <button type=\"button\" cdkFocusInitial (click)=\"exportCSV(true)\" class=\"button primary\"\n            translate>eo.resultlist.export.csv.threshold.dialog.export</button>\n  </div>\n</eo-dialog>\n\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background);height:100%}:host .spinner{padding:calc(var(--app-pane-padding) / 4)}:host .result-head{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .result-head .header-info{flex:1}:host .result-head .header-info .header-sub-title .term{margin:0 var(--app-pane-padding)}:host .result-head .header-info .header-title{padding-bottom:calc(var(--app-pane-padding) / 4);font-size:20px;-webkit-user-select:none;user-select:none}:host .result-head .header-info .status{display:flex}:host .result-head .header-info .status .term{flex:1}:host .result-head .actions eo-icon{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .result-list__loader{margin:auto}:host .stored-query{display:flex;max-height:45vh}:host .stored-query span{padding-right:calc(var(--app-pane-padding) / 2)}:host .stored-query>div{background-color:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin:0 1px;border-radius:2px 0 0 2px}:host .stored-query>div eo-icon{padding:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}:host .stored-query .sq{overflow:hidden;border-radius:2px;padding:calc(var(--app-pane-padding) / 100);background-color:var(--color-white);color:var(--text-color-caption);text-decoration:none;cursor:pointer;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;display:flex;flex-flow:row;align-items:center;background-color:var(--list-item-hover-background)}:host .stored-query .sq>eo-icon{color:var(--text-color-hint);flex-shrink:0}:host .stored-query .sq>span{text-overflow:ellipsis;overflow:hidden;padding:0 calc(var(--app-pane-padding) / 2)}eo-stored-query{border-radius:0 2px 2px 0;background-color:var(--color-white);padding:var(--app-pane-padding);overflow-y:auto}::ng-deep .threshold__dialog{padding:8px;min-height:unset!important}::ng-deep .threshold__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.Config }, { type: i1.TranslateService }, { type: i2.GridService }, { type: i1.BackendService }, { type: i3.AppSearchService }, { type: i1.SearchService }, { type: i1.EventService }, { type: i1.LocalStorageService }, { type: i1.StoredQueriesService }, { type: i4.Router }], propDecorators: { grid: [{

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

@@ -6,17 +6,17 @@ import { ListContainerModule } from '../list-container/list-container.module';
 import { StoredQueryModule } from '../stored-query/stored-query.module';
 import * as i0 from "@angular/core";
 export class ResultListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ResultListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ResultListModule, declarations: [ResultListComponent], imports: [UiModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResultListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: ResultListModule, declarations: [ResultListComponent], imports: [UiModule,
             ListContainerModule,
             GridModule,
             StoredQueryModule], exports: [ResultListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ResultListModule, imports: [UiModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResultListModule, imports: [UiModule,
             ListContainerModule,
             GridModule,
             StoredQueryModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ResultListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResultListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/settings/change-password/change-password-form/change-password-form.component.mjs

@@ -111,10 +111,10 @@ export class ChangePasswordFormComponent {
             .changePassword(payload)
             .subscribe(() => this.changePasswordOnSuccess(), (error) => this.changePasswordOnError(error));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChangePasswordFormComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.UserService }, { token: i2.TranslateService }, { token: i2.NotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ChangePasswordFormComponent, selector: "eo-change-password-form", inputs: { userRegex: "userRegex" }, outputs: { onFormSumbit: "onFormSumbit" }, ngImport: i0, template: "<section class=\"change-password\">\n  <form #changePasswordFormElement [formGroup]=\"changePasswordForm\" (ngSubmit)=\"onSubmit()\" autocomplete=\"off\">\n    <div class=\"form-item\">\n\n      <eo-form-input [label]=\"('eo.password.reset.current-password' | translate)\" [required]=\"true\" [invalid]=\"passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'currentPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.current-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.new-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords || passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'password'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.new-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.confirm-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'confirmPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.confirm-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <div class=\"invalid error\" *ngIf=\"passwordIsNew\">\n        {{'eo.password.reset.error.same.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" *ngIf=\"matchingPasswords\">\n        {{'eo.password.reset.error.matiching.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'short'\">\n        eo.password.reset.error.new.password.short\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'number'\">\n       eo.password.reset.error.new.password.number\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'specialchars'\">\n       eo.password.reset.error.new.password.specialchars\n      </div>\n\n      <section class=\"change-password__cta\">\n        <button class=\"change-password__submit-button\" type=\"submit\"\n                [disabled]=\"changePasswordForm.invalid || passwordValidation.type !== 'valid'\" translate>eo.password.reset.confirm-button</button>\n\n        <a (click)=\"showPasswords()\" tabindex=\"0\" (keydown.enter)=\"showPasswords()\" >\n          <eo-icon class=\"change-password__icon-show\"\n                   [iconSrc]=\"'assets/_default/svg/ic_eye.svg'\"\n                   [iconTitle]=\"('eo.password.reset.toogle.icon' | translate)\"\n                   [ngClass]=\"{'visible': passwordIsVisible}\"></eo-icon>\n        </a>\n      </section>\n    </div>\n  </form>\n\n</section>\n", styles: [".change-password .invalid.error{color:var(--color-error);padding:5px 0}.change-password :focus{outline:2px solid var(--text-color-caption)}.change-password__cta{margin-top:10px;display:flex;align-items:center}.change-password__submit-button{margin-right:10px}.change-password__icon-show{cursor:pointer;color:var(--text-color-caption)}.change-password__icon-show:hover{color:var(--color-accent)}.change-password__icon-show.visible{color:var(--color-primary-3)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.PasswordComponent, selector: "eo-password", inputs: ["pattern", "parent", "element", "placeholder", "canChangepasswordVisiblety", "passwordVisible"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ChangePasswordFormComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.UserService }, { token: i2.TranslateService }, { token: i2.NotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ChangePasswordFormComponent, selector: "eo-change-password-form", inputs: { userRegex: "userRegex" }, outputs: { onFormSumbit: "onFormSumbit" }, ngImport: i0, template: "<section class=\"change-password\">\n  <form #changePasswordFormElement [formGroup]=\"changePasswordForm\" (ngSubmit)=\"onSubmit()\" autocomplete=\"off\">\n    <div class=\"form-item\">\n\n      <eo-form-input [label]=\"('eo.password.reset.current-password' | translate)\" [required]=\"true\" [invalid]=\"passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'currentPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.current-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.new-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords || passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'password'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.new-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.confirm-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'confirmPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.confirm-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <div class=\"invalid error\" *ngIf=\"passwordIsNew\">\n        {{'eo.password.reset.error.same.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" *ngIf=\"matchingPasswords\">\n        {{'eo.password.reset.error.matiching.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'short'\">\n        eo.password.reset.error.new.password.short\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'number'\">\n       eo.password.reset.error.new.password.number\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'specialchars'\">\n       eo.password.reset.error.new.password.specialchars\n      </div>\n\n      <section class=\"change-password__cta\">\n        <button class=\"change-password__submit-button\" type=\"submit\"\n                [disabled]=\"changePasswordForm.invalid || passwordValidation.type !== 'valid'\" translate>eo.password.reset.confirm-button</button>\n\n        <a (click)=\"showPasswords()\" tabindex=\"0\" (keydown.enter)=\"showPasswords()\" >\n          <eo-icon class=\"change-password__icon-show\"\n                   [iconSrc]=\"'assets/_default/svg/ic_eye.svg'\"\n                   [iconTitle]=\"('eo.password.reset.toogle.icon' | translate)\"\n                   [ngClass]=\"{'visible': passwordIsVisible}\"></eo-icon>\n        </a>\n      </section>\n    </div>\n  </form>\n\n</section>\n", styles: [".change-password .invalid.error{color:var(--color-error);padding:5px 0}.change-password :focus{outline:2px solid var(--text-color-caption)}.change-password__cta{margin-top:10px;display:flex;align-items:center}.change-password__submit-button{margin-right:10px}.change-password__icon-show{cursor:pointer;color:var(--text-color-caption)}.change-password__icon-show:hover{color:var(--color-accent)}.change-password__icon-show.visible{color:var(--color-primary-3)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.PasswordComponent, selector: "eo-password", inputs: ["pattern", "parent", "element", "placeholder", "canChangepasswordVisiblety", "passwordVisible"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChangePasswordFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ChangePasswordFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-change-password-form', template: "<section class=\"change-password\">\n  <form #changePasswordFormElement [formGroup]=\"changePasswordForm\" (ngSubmit)=\"onSubmit()\" autocomplete=\"off\">\n    <div class=\"form-item\">\n\n      <eo-form-input [label]=\"('eo.password.reset.current-password' | translate)\" [required]=\"true\" [invalid]=\"passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'currentPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.current-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.new-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords || passwordIsNew\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'password'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.new-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <eo-form-input [label]=\"('eo.password.reset.confirm-password' | translate)\" [required]=\"true\" [invalid]=\"matchingPasswords\">\n        <eo-password [parent]=\"changePasswordForm\"\n                     [element]=\"'confirmPassword'\"\n                     [canChangepasswordVisiblety]=\"false\"\n                     [passwordVisible]=\"passwordIsVisible\"\n                     [placeholder]=\"('eo.password.reset.confirm-password' | translate)\"></eo-password>\n      </eo-form-input>\n\n      <div class=\"invalid error\" *ngIf=\"passwordIsNew\">\n        {{'eo.password.reset.error.same.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" *ngIf=\"matchingPasswords\">\n        {{'eo.password.reset.error.matiching.password' | translate}}\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'short'\">\n        eo.password.reset.error.new.password.short\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'number'\">\n       eo.password.reset.error.new.password.number\n      </div>\n\n      <div class=\"invalid error\" translate [translateParams]=\"{amount: passwordValidation.amount}\" *ngIf=\"passwordValidation.type === 'specialchars'\">\n       eo.password.reset.error.new.password.specialchars\n      </div>\n\n      <section class=\"change-password__cta\">\n        <button class=\"change-password__submit-button\" type=\"submit\"\n                [disabled]=\"changePasswordForm.invalid || passwordValidation.type !== 'valid'\" translate>eo.password.reset.confirm-button</button>\n\n        <a (click)=\"showPasswords()\" tabindex=\"0\" (keydown.enter)=\"showPasswords()\" >\n          <eo-icon class=\"change-password__icon-show\"\n                   [iconSrc]=\"'assets/_default/svg/ic_eye.svg'\"\n                   [iconTitle]=\"('eo.password.reset.toogle.icon' | translate)\"\n                   [ngClass]=\"{'visible': passwordIsVisible}\"></eo-icon>\n        </a>\n      </section>\n    </div>\n  </form>\n\n</section>\n", styles: [".change-password .invalid.error{color:var(--color-error);padding:5px 0}.change-password :focus{outline:2px solid var(--text-color-caption)}.change-password__cta{margin-top:10px;display:flex;align-items:center}.change-password__submit-button{margin-right:10px}.change-password__icon-show{cursor:pointer;color:var(--text-color-caption)}.change-password__icon-show:hover{color:var(--color-accent)}.change-password__icon-show.visible{color:var(--color-primary-3)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.UserService }, { type: i2.TranslateService }, { type: i2.NotificationsService }], propDecorators: { userRegex: [{

package/esm2022/app/eo-framework/settings/permissions/permissions.component.mjs

@@ -6,10 +6,10 @@ export class PermissionsComponent {
     constructor() {
         this.roles = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PermissionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PermissionsComponent, selector: "eo-permissions", inputs: { roles: "roles" }, ngImport: i0, template: "<div class=\"role\" *ngFor=\"let role of roles\">\n  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_shield.svg'\"></eo-icon>\n  <div>\n    <div class=\"name\">{{role.name}}</div>\n    <div class=\"description\">{{role.description}}</div>\n  </div>\n</div>\n", styles: [".role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.role>div{padding:0 calc(var(--app-pane-padding) / 2)}.role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.1.0", ngImport: i0, type: PermissionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: PermissionsComponent, selector: "eo-permissions", inputs: { roles: "roles" }, ngImport: i0, template: "<div class=\"role\" *ngFor=\"let role of roles\">\n  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_shield.svg'\"></eo-icon>\n  <div>\n    <div class=\"name\">{{role.name}}</div>\n    <div class=\"description\">{{role.description}}</div>\n  </div>\n</div>\n", styles: [".role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.role>div{padding:0 calc(var(--app-pane-padding) / 2)}.role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PermissionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PermissionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-permissions', template: "<div class=\"role\" *ngFor=\"let role of roles\">\n  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_shield.svg'\"></eo-icon>\n  <div>\n    <div class=\"name\">{{role.name}}</div>\n    <div class=\"description\">{{role.description}}</div>\n  </div>\n</div>\n", styles: [".role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.role>div{padding:0 calc(var(--app-pane-padding) / 2)}.role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}\n"] }]
         }], propDecorators: { roles: [{