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

package/esm2022/app/eo-client/version-state/version-state.component.mjs

@@ -125,14 +125,14 @@ let VersionStateComponent = class VersionStateComponent {
            </div>
           `;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: VersionStateComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.TranslateService }, { token: i3.PageTitleService }, { token: i2.EventService }, { token: i2.DmsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: VersionStateComponent, selector: "eo-version-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [versionComponentTabs]=\"true\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i7.OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: i8.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i9.ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: i10.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: i11.TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: i12.CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: i13.CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: i14.SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: i15.ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: i16.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i17.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i17.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i18.PluginPipe, name: "plugins" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: VersionStateComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.TranslateService }, { token: i3.PageTitleService }, { token: i2.EventService }, { token: i2.DmsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: VersionStateComponent, selector: "eo-version-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [versionComponentTabs]=\"true\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i7.OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: i8.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i9.ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: i10.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: i11.TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: i12.CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: i13.CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: i14.SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: i15.ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: i16.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i17.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i17.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i18.PluginPipe, name: "plugins" }] }); }
 };
 VersionStateComponent = __decorate([
     UntilDestroy()
 ], VersionStateComponent);
 export { VersionStateComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: VersionStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: VersionStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-version-state', template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [versionComponentTabs]=\"true\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"] }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.TranslateService }, { type: i3.PageTitleService }, { type: i2.EventService }, { type: i2.DmsService }], propDecorators: { eoGrid: [{

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

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

package/esm2022/app/eo-framework/accordion/simple-accordion/simple-accordion.component.mjs

@@ -22,10 +22,10 @@ export class SimpleAccordionComponent {
     onLinkClick(event) {
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SimpleAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: { header: "header", item: "item", styles: "styles", headerClass: "headerClass", selected: "selected" }, outputs: { selectChange: "selectChange" }, host: { properties: { "attr.role": "this.role", "class.selected": "this.selected" } }, ngImport: i0, template: "<button class=\"accordion-btn\" (click)=\"toggleOpen()\">\n  <div>\n    {{header}}\n    <a class=\"link router-link\" (click)=\"onLinkClick($event)\" [href]=\"link\">{{ this.item?.contextFolder?.title ||\n      this.item?.contextFolder?.id }}</a>\n  </div>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\n    <path d=\"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z\"></path>\n  </svg>\n</button>\n<section *ngIf=\"selected\"><ng-content></ng-content></section>\n", styles: [":host{display:flex;flex-flow:column}:host.selected>button svg{transform:rotate(180deg)}:host>button{display:flex;align-items:center;justify-content:space-between}:host>button svg{width:18px;height:18px;fill:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SimpleAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: { header: "header", item: "item", styles: "styles", headerClass: "headerClass", selected: "selected" }, outputs: { selectChange: "selectChange" }, host: { properties: { "attr.role": "this.role", "class.selected": "this.selected" } }, ngImport: i0, template: "<button class=\"accordion-btn\" (click)=\"toggleOpen()\">\n  <div>\n    {{header}}\n    <a class=\"link router-link\" (click)=\"onLinkClick($event)\" [href]=\"link\">{{ this.item?.contextFolder?.title ||\n      this.item?.contextFolder?.id }}</a>\n  </div>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\n    <path d=\"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z\"></path>\n  </svg>\n</button>\n<section *ngIf=\"selected\"><ng-content></ng-content></section>\n", styles: [":host{display:flex;flex-flow:column}:host.selected>button svg{transform:rotate(180deg)}:host>button{display:flex;align-items:center;justify-content:space-between}:host>button svg{width:18px;height:18px;fill:var(--text-color-caption)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SimpleAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SimpleAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-simple-accordion', template: "<button class=\"accordion-btn\" (click)=\"toggleOpen()\">\n  <div>\n    {{header}}\n    <a class=\"link router-link\" (click)=\"onLinkClick($event)\" [href]=\"link\">{{ this.item?.contextFolder?.title ||\n      this.item?.contextFolder?.id }}</a>\n  </div>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\n    <path d=\"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z\"></path>\n  </svg>\n</button>\n<section *ngIf=\"selected\"><ng-content></ng-content></section>\n", styles: [":host{display:flex;flex-flow:column}:host.selected>button svg{transform:rotate(180deg)}:host>button{display:flex;align-items:center;justify-content:space-between}:host>button svg{width:18px;height:18px;fill:var(--text-color-caption)}\n"] }]
         }], propDecorators: { role: [{

package/esm2022/app/eo-framework/actions/action-menu/action-component-anchor/action-component-anchor.directive.mjs

@@ -4,10 +4,10 @@ export class ActionComponentAnchorDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionComponentAnchorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: ActionComponentAnchorDirective, selector: "[eoActionComponentAnchor]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionComponentAnchorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: ActionComponentAnchorDirective, selector: "[eoActionComponentAnchor]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionComponentAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionComponentAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoActionComponentAnchor]'

package/esm2022/app/eo-framework/actions/action-menu/action-menu.component.mjs

@@ -188,14 +188,14 @@ let ActionMenuComponent = class ActionMenuComponent {
     onFinish() {
         this.hideActionMenu();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1.ActionService }, { token: i2.Router }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ActionMenuComponent, selector: "eo-action-menu", viewQueries: [{ propertyName: "eoActionComponentAnchor", first: true, predicate: ActionComponentAnchorDirective, descendants: true }, { propertyName: "externalDialog", first: true, predicate: ActionComponentAnchorDirective, descendants: true }], ngImport: i0, template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div>\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" [attr.tabindex]=\"0\" *ngFor=\"let actionListEntry of actionLists.common; let i = index\"\n        (click)=\"onClick(actionListEntry)\" [ngClass]=\"{active: activeActionIndex === i}\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" *ngFor=\"let actionListEntry of actionLists.further; index as i\"\n          eoPreventDoubleClick [ngClass]=\"{active: activeActionIndex === i + actionLists?.common.length }\"\n          (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div  class=\"group sub\" *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n", styles: [".action-menu{position:absolute;top:0;right:0;bottom:0;width:25vw;min-width:300px;z-index:100;background-color:rgba(var(--color-primary-rgb),.95);animation:eoFadeInRight var(--app-default-transition-duration);box-shadow:0 0 10px rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;overflow:hidden}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.action-menu .group .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{text-decoration:none;color:inherit;display:block;opacity:1}.action-menu .action.active{background:rgba(var(--color-white-rgb),.1)}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{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;cursor:pointer;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0;display:flex;align-items:center}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding) / 2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{margin:0 calc(var(--app-pane-padding) / 2);color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.action-menu .action eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.action-menu .action:last-child{border:0}.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{display:flex;justify-content:center;align-items:center;padding:16px;margin:50% auto}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.OutsideClickDirective, selector: "[eoOutsideClick]", outputs: ["eoOutsideClick"] }, { kind: "directive", type: i7.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i8.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.ActionComponentAnchorDirective, selector: "[eoActionComponentAnchor]" }, { kind: "directive", type: i10.PreventDoubleClickDirective, selector: "[eoPreventDoubleClick]", inputs: ["debounceTime"], outputs: ["debounceClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1.ActionService }, { token: i2.Router }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ActionMenuComponent, selector: "eo-action-menu", viewQueries: [{ propertyName: "eoActionComponentAnchor", first: true, predicate: ActionComponentAnchorDirective, descendants: true }, { propertyName: "externalDialog", first: true, predicate: ActionComponentAnchorDirective, descendants: true }], ngImport: i0, template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div>\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" [attr.tabindex]=\"0\" *ngFor=\"let actionListEntry of actionLists.common; let i = index\"\n        (click)=\"onClick(actionListEntry)\" [ngClass]=\"{active: activeActionIndex === i}\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" *ngFor=\"let actionListEntry of actionLists.further; index as i\"\n          eoPreventDoubleClick [ngClass]=\"{active: activeActionIndex === i + actionLists?.common.length }\"\n          (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div  class=\"group sub\" *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n", styles: [".action-menu{position:absolute;top:0;right:0;bottom:0;width:25vw;min-width:300px;z-index:100;background-color:rgba(var(--color-primary-rgb),.95);animation:eoFadeInRight var(--app-default-transition-duration);box-shadow:0 0 10px rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;overflow:hidden}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.action-menu .group .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{text-decoration:none;color:inherit;display:block;opacity:1}.action-menu .action.active{background:rgba(var(--color-white-rgb),.1)}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{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;cursor:pointer;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0;display:flex;align-items:center}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding) / 2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{margin:0 calc(var(--app-pane-padding) / 2);color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.action-menu .action eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.action-menu .action:last-child{border:0}.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{display:flex;justify-content:center;align-items:center;padding:16px;margin:50% auto}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.OutsideClickDirective, selector: "[eoOutsideClick]", outputs: ["eoOutsideClick"] }, { kind: "directive", type: i7.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i8.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.ActionComponentAnchorDirective, selector: "[eoActionComponentAnchor]" }, { kind: "directive", type: i10.PreventDoubleClickDirective, selector: "[eoPreventDoubleClick]", inputs: ["debounceTime"], outputs: ["debounceClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 };
 ActionMenuComponent = __decorate([
     UntilDestroy()
 ], ActionMenuComponent);
 export { ActionMenuComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-action-menu', encapsulation: ViewEncapsulation.None, template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div>\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" [attr.tabindex]=\"0\" *ngFor=\"let actionListEntry of actionLists.common; let i = index\"\n        (click)=\"onClick(actionListEntry)\" [ngClass]=\"{active: activeActionIndex === i}\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" (keydown)=\"isArrowUpOrDownPressed($event)\" *ngFor=\"let actionListEntry of actionLists.further; index as i\"\n          eoPreventDoubleClick [ngClass]=\"{active: activeActionIndex === i + actionLists?.common.length }\"\n          (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div  class=\"group sub\" *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n", styles: [".action-menu{position:absolute;top:0;right:0;bottom:0;width:25vw;min-width:300px;z-index:100;background-color:rgba(var(--color-primary-rgb),.95);animation:eoFadeInRight var(--app-default-transition-duration);box-shadow:0 0 10px rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;overflow:hidden}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.action-menu .group .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{text-decoration:none;color:inherit;display:block;opacity:1}.action-menu .action.active{background:rgba(var(--color-white-rgb),.1)}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{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;cursor:pointer;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0;display:flex;align-items:center}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding) / 2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{margin:0 calc(var(--app-pane-padding) / 2);color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.action-menu .action eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:rgba(var(--color-white-rgb),.3)}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.action-menu .action:last-child{border:0}.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{display:flex;justify-content:center;align-items:center;padding:16px;margin:50% auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.ActionService }, { type: i2.Router }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }], propDecorators: { eoActionComponentAnchor: [{

package/esm2022/app/eo-framework/actions/action-service/action.service.mjs

@@ -170,10 +170,10 @@ export class ActionService {
         const disabledType = rejectedType;
         return !!items.find(item => !disabledType.some(type => item.typeName === type));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionService, deps: [{ token: ACTIONS }, { token: CUSTOM_ACTIONS }, { token: i0.ComponentFactoryResolver }, { token: i1.BpmService }, { token: i1.BackendService }, { token: i2.Router }, { token: i1.CapabilitiesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionService, deps: [{ token: ACTIONS }, { token: CUSTOM_ACTIONS }, { token: i0.ComponentFactoryResolver }, { token: i1.BpmService }, { token: i1.BackendService }, { token: i2.Router }, { token: i1.CapabilitiesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,

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

@@ -116,8 +116,8 @@ export class ActionModule {
                 }]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ActionModule, declarations: [ActionMenuComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ActionModule, declarations: [ActionMenuComponent,
             ActionComponentAnchorDirective,
             CopyActionComponent,
             OpenContextActionComponent,
@@ -173,7 +173,7 @@ export class ActionModule {
             CtaModule,
             YvcDatepickerModule,
             DragDropModule], exports: [ActionMenuComponent, OpenDocumentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionModule, providers: [ActionService, {
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionModule, providers: [ActionService, {
                 provide: ACTIONS,
                 useValue: entryComponents
             }, {
@@ -192,7 +192,7 @@ export class ActionModule {
             YvcDatepickerModule,
             DragDropModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ActionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/actions/actions/add-resubmission-action/add-resubmission/add-resubmission.component.mjs

@@ -182,10 +182,10 @@ export class AddResubmissionComponent {
     ngAfterViewInit() {
         this.titleField.nativeElement.getElementsByTagName('input')[0].select();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddResubmissionComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AddResubmissionComponent, selector: "eo-add-resubmission", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, viewQueries: [{ propertyName: "titleField", first: true, predicate: ["titleField"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"eo-resubmission\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addResubmissionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"dueFieldLabel\" [required]=\"true\">\n      <eo-date [withTime]=\"true\" [onlyFutureDates]=\"false\" formControlName=\"dueFieldFCN\"></eo-date>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"dueFieldValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\"\n      *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [tristate]=\"false\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"notificationMethodValidation\" translate>eo.resubmission.error.msg</div>\n    <div class=\"err-msg\" *ngIf=\"dateValidation\" translate>eo.resubmission.error.msg.date</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    <button class=\"secondary\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"removeResubmission()\"\n      translate>eo.resubmission.delete</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"selection[0].resubmissions.length\" (click)=\"updateResubmission()\" translate>eo.resubmission.apply</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"!selection[0].resubmissions.length\" (click)=\"createResubmission()\" translate>eo.resubmission.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n", styles: [".eo-resubmission{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-resubmission h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-resubmission .form-buttons{padding:5px 0;text-align:right}.eo-resubmission .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-resubmission .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-resubmission .process-indicator{display:flex;justify-content:flex-end}.eo-resubmission .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-resubmission .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i8.DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }, { kind: "component", type: i9.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddResubmissionComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AddResubmissionComponent, selector: "eo-add-resubmission", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, viewQueries: [{ propertyName: "titleField", first: true, predicate: ["titleField"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"eo-resubmission\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addResubmissionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"dueFieldLabel\" [required]=\"true\">\n      <eo-date [withTime]=\"true\" [onlyFutureDates]=\"false\" formControlName=\"dueFieldFCN\"></eo-date>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"dueFieldValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\"\n      *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [tristate]=\"false\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"notificationMethodValidation\" translate>eo.resubmission.error.msg</div>\n    <div class=\"err-msg\" *ngIf=\"dateValidation\" translate>eo.resubmission.error.msg.date</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    <button class=\"secondary\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"removeResubmission()\"\n      translate>eo.resubmission.delete</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"selection[0].resubmissions.length\" (click)=\"updateResubmission()\" translate>eo.resubmission.apply</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"!selection[0].resubmissions.length\" (click)=\"createResubmission()\" translate>eo.resubmission.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n", styles: [".eo-resubmission{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-resubmission h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-resubmission .form-buttons{padding:5px 0;text-align:right}.eo-resubmission .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-resubmission .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-resubmission .process-indicator{display:flex;justify-content:flex-end}.eo-resubmission .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-resubmission .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i8.DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }, { kind: "component", type: i9.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddResubmissionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddResubmissionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-add-resubmission', template: "<div class=\"eo-resubmission\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addResubmissionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"dueFieldLabel\" [required]=\"true\">\n      <eo-date [withTime]=\"true\" [onlyFutureDates]=\"false\" formControlName=\"dueFieldFCN\"></eo-date>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"dueFieldValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\"\n      *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [tristate]=\"false\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"notificationMethodValidation\" translate>eo.resubmission.error.msg</div>\n    <div class=\"err-msg\" *ngIf=\"dateValidation\" translate>eo.resubmission.error.msg.date</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    <button class=\"secondary\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"removeResubmission()\"\n      translate>eo.resubmission.delete</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"selection[0].resubmissions.length\" (click)=\"updateResubmission()\" translate>eo.resubmission.apply</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\"\n      *ngIf=\"!selection[0].resubmissions.length\" (click)=\"createResubmission()\" translate>eo.resubmission.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n", styles: [".eo-resubmission{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-resubmission h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-resubmission .form-buttons{padding:5px 0;text-align:right}.eo-resubmission .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-resubmission .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-resubmission .process-indicator{display:flex;justify-content:flex-end}.eo-resubmission .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-resubmission .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.DmsService }, { type: i1.UserService }, { type: i2.UntypedFormBuilder }], propDecorators: { selection: [{

package/esm2022/app/eo-framework/actions/actions/add-resubmission-action/add-resubmission-action.mjs

@@ -37,10 +37,10 @@ export class AddResubmissionActionComponent extends DmsObjectTarget {
         const disabledStates = ['/versions', '/notifications'];
         return !disabledStates.some(s => this.router.url.startsWith(s));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddResubmissionActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.UserService }, { token: i2.Router }, { token: i3.ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AddResubmissionActionComponent, selector: "eo-add-resubmission-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddResubmissionActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.UserService }, { token: i2.Router }, { token: i3.ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AddResubmissionActionComponent, selector: "eo-add-resubmission-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddResubmissionActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddResubmissionActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-add-resubmission-action',

package/esm2022/app/eo-framework/actions/actions/add-subscription-action/add-subscription/add-subscription.component.mjs

@@ -115,10 +115,10 @@ export class AddSubscriptionComponent {
     cancel() {
         this.canceled.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddSubscriptionComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AddSubscriptionComponent, selector: "eo-add-subscription", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, viewQueries: [{ propertyName: "titleField", first: true, predicate: ["titleField"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"eo-subscription\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addSubscriptionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input *ngIf=\"!selection[0].isFolder\" [skipToggle]=\"true\" [label]=\"'eo.subscription.field.mode.label' | translate\">\n      <eo-codesystem formControlName=\"modeFieldFCN\" [codesystem]=\"subscriptionModeCodesystem\" [pickerTitle]=\"'eo.subscription.field.mode.label' | translate\"></eo-codesystem>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"addSubscriptionForm.errors?.addSubscriptionForm\" translate>eo.subscription.error.msg</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\"translate>eo.cta.button.cancel</button>\n    <button class=\"primary\" [disabled]=\"addSubscriptionForm.errors || titleValidity\" (click)=\"createSubscription()\"translate>eo.subscription.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'assets/_default/svg/ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n", styles: [".eo-subscription{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-subscription h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-subscription .form-buttons{padding:5px 0;text-align:right}.eo-subscription .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-subscription .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-subscription .process-indicator{display:flex;justify-content:flex-end}.eo-subscription .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-subscription .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i8.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i9.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddSubscriptionComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AddSubscriptionComponent, selector: "eo-add-subscription", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, viewQueries: [{ propertyName: "titleField", first: true, predicate: ["titleField"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"eo-subscription\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addSubscriptionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input *ngIf=\"!selection[0].isFolder\" [skipToggle]=\"true\" [label]=\"'eo.subscription.field.mode.label' | translate\">\n      <eo-codesystem formControlName=\"modeFieldFCN\" [codesystem]=\"subscriptionModeCodesystem\" [pickerTitle]=\"'eo.subscription.field.mode.label' | translate\"></eo-codesystem>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"addSubscriptionForm.errors?.addSubscriptionForm\" translate>eo.subscription.error.msg</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\"translate>eo.cta.button.cancel</button>\n    <button class=\"primary\" [disabled]=\"addSubscriptionForm.errors || titleValidity\" (click)=\"createSubscription()\"translate>eo.subscription.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'assets/_default/svg/ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n", styles: [".eo-subscription{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-subscription h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-subscription .form-buttons{padding:5px 0;text-align:right}.eo-subscription .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-subscription .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-subscription .process-indicator{display:flex;justify-content:flex-end}.eo-subscription .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-subscription .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i8.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i9.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddSubscriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddSubscriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-add-subscription', template: "<div class=\"eo-subscription\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addSubscriptionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input *ngIf=\"!selection[0].isFolder\" [skipToggle]=\"true\" [label]=\"'eo.subscription.field.mode.label' | translate\">\n      <eo-codesystem formControlName=\"modeFieldFCN\" [codesystem]=\"subscriptionModeCodesystem\" [pickerTitle]=\"'eo.subscription.field.mode.label' | translate\"></eo-codesystem>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"addSubscriptionForm.errors?.addSubscriptionForm\" translate>eo.subscription.error.msg</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\"translate>eo.cta.button.cancel</button>\n    <button class=\"primary\" [disabled]=\"addSubscriptionForm.errors || titleValidity\" (click)=\"createSubscription()\"translate>eo.subscription.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'assets/_default/svg/ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n", styles: [".eo-subscription{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-subscription h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-subscription .form-buttons{padding:5px 0;text-align:right}.eo-subscription .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-subscription .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-subscription .process-indicator{display:flex;justify-content:flex-end}.eo-subscription .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}.eo-subscription .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.DmsService }, { type: i1.UserService }, { type: i2.UntypedFormBuilder }], propDecorators: { selection: [{

package/esm2022/app/eo-framework/actions/actions/add-subscription-action/add-subscription-action.mjs

@@ -37,10 +37,10 @@ export class AddSubscriptionActionComponent extends DmsObjectTarget {
         const disabledStates = ['/versions', '/notifications'];
         return !disabledStates.some(s => this.router.url.startsWith(s));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddSubscriptionActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.UserService }, { token: i2.Router }, { token: i3.ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AddSubscriptionActionComponent, selector: "eo-add-subscription-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddSubscriptionActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.UserService }, { token: i2.Router }, { token: i3.ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AddSubscriptionActionComponent, selector: "eo-add-subscription-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AddSubscriptionActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AddSubscriptionActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-add-subscription-action',

package/esm2022/app/eo-framework/actions/actions/cancel-signing-action/cancel-signing/cancel-signing.component.mjs

@@ -57,10 +57,10 @@ export class CancelSigningComponent {
     cancel() {
         this.canceled.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CancelSigningComponent, deps: [{ token: i1.TranslateService }, { token: i1.BackendService }, { token: i1.NotificationsService }, { token: i2.Router }, { token: i1.CapabilitiesService }, { token: i1.SigningService }, { token: i0.ElementRef }, { token: i1.EventService }, { token: i1.DmsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CancelSigningComponent, selector: "eo-cancel-signing", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, ngImport: i0, template: "<div class=\"eo-cancel-signing\" eoTrapFocus yvcAutofocusChild>\n\n  <h2 translate>eo.action.cancel.signing.label</h2>\n  <form *ngIf=\"!cancelling\" [formGroup]=\"cancelSigningForm\">\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\" [label]=\"commentLabel\" [invalid]=\"commentValidity\">\n      <eo-string [multiline]=\"true\" [minlength]=\"3\" [maxlength]=\"100\" formControlName=\"commentField\"></eo-string>\n    </eo-form-input>\n  </form>\n  <div *ngIf=\"!cancelling\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n      <button class=\"primary\" (click)=\"run()\"\n              [disabled]=\"cancelSigningForm.errors || cancelSigningForm.invalid || !cancelSigningForm.dirty\"\n              translate>eo.action.cancel.signing.cancelSigning</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"cancelling\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n\n", styles: [".eo-cancel-signing{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-cancel-signing h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-cancel-signing .form-buttons{padding:5px 0;text-align:right}.eo-cancel-signing .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-cancel-signing .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-cancel-signing .spinner-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i3.YvcAutofocusChild, selector: "[yvcAutofocusChild]", inputs: ["yvcAutofocusChild"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "directive", type: i7.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CancelSigningComponent, deps: [{ token: i1.TranslateService }, { token: i1.BackendService }, { token: i1.NotificationsService }, { token: i2.Router }, { token: i1.CapabilitiesService }, { token: i1.SigningService }, { token: i0.ElementRef }, { token: i1.EventService }, { token: i1.DmsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: CancelSigningComponent, selector: "eo-cancel-signing", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, ngImport: i0, template: "<div class=\"eo-cancel-signing\" eoTrapFocus yvcAutofocusChild>\n\n  <h2 translate>eo.action.cancel.signing.label</h2>\n  <form *ngIf=\"!cancelling\" [formGroup]=\"cancelSigningForm\">\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\" [label]=\"commentLabel\" [invalid]=\"commentValidity\">\n      <eo-string [multiline]=\"true\" [minlength]=\"3\" [maxlength]=\"100\" formControlName=\"commentField\"></eo-string>\n    </eo-form-input>\n  </form>\n  <div *ngIf=\"!cancelling\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n      <button class=\"primary\" (click)=\"run()\"\n              [disabled]=\"cancelSigningForm.errors || cancelSigningForm.invalid || !cancelSigningForm.dirty\"\n              translate>eo.action.cancel.signing.cancelSigning</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"cancelling\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n\n", styles: [".eo-cancel-signing{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-cancel-signing h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-cancel-signing .form-buttons{padding:5px 0;text-align:right}.eo-cancel-signing .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-cancel-signing .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-cancel-signing .spinner-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i3.YvcAutofocusChild, selector: "[yvcAutofocusChild]", inputs: ["yvcAutofocusChild"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "directive", type: i7.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i10.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CancelSigningComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CancelSigningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-cancel-signing', template: "<div class=\"eo-cancel-signing\" eoTrapFocus yvcAutofocusChild>\n\n  <h2 translate>eo.action.cancel.signing.label</h2>\n  <form *ngIf=\"!cancelling\" [formGroup]=\"cancelSigningForm\">\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\" [label]=\"commentLabel\" [invalid]=\"commentValidity\">\n      <eo-string [multiline]=\"true\" [minlength]=\"3\" [maxlength]=\"100\" formControlName=\"commentField\"></eo-string>\n    </eo-form-input>\n  </form>\n  <div *ngIf=\"!cancelling\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n      <button class=\"primary\" (click)=\"run()\"\n              [disabled]=\"cancelSigningForm.errors || cancelSigningForm.invalid || !cancelSigningForm.dirty\"\n              translate>eo.action.cancel.signing.cancelSigning</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"cancelling\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n\n", styles: [".eo-cancel-signing{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-cancel-signing h2{font-weight:var(--font-weight-light);font-size:var(--font-subhead)}.eo-cancel-signing .form-buttons{padding:5px 0;text-align:right}.eo-cancel-signing .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2)}.eo-cancel-signing .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);margin-right:0}.eo-cancel-signing .spinner-container{display:flex;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.BackendService }, { type: i1.NotificationsService }, { type: i2.Router }, { type: i1.CapabilitiesService }, { type: i1.SigningService }, { type: i0.ElementRef }, { type: i1.EventService }, { type: i1.DmsService }], propDecorators: { selection: [{

package/esm2022/app/eo-framework/actions/actions/cancel-signing-action/cancel-signing-action.mjs

@@ -29,10 +29,10 @@ export class CancelSigningActionComponent extends DmsObjectTarget {
     isFinalized(item) {
         return item.isFinalized;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CancelSigningActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.SigningService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CancelSigningActionComponent, selector: "eo-cancel-signing", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CancelSigningActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.SigningService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: CancelSigningActionComponent, selector: "eo-cancel-signing", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CancelSigningActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CancelSigningActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-cancel-signing',

package/esm2022/app/eo-framework/actions/actions/clipboard/clipboard-action.mjs

@@ -21,10 +21,10 @@ export class ClipboardActionComponent extends DmsObjectTarget {
     isExecutable(element) {
         return observableOf(!!element);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ClipboardActionComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ClipboardActionComponent, selector: "eo-clipboard-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ClipboardActionComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ClipboardActionComponent, selector: "eo-clipboard-action", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ClipboardActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ClipboardActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-clipboard-action',

package/esm2022/app/eo-framework/actions/actions/clipboard/clipboard-object-action/clipboard-object-action.component.mjs

@@ -79,10 +79,10 @@ export class ClipboardObjectActionComponent {
     cancel() {
         this.canceled.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ClipboardObjectActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.NotificationsService }, { token: i2.Location }, { token: i3.AgentService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ClipboardObjectActionComponent, selector: "eo-clipboard-object-action", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, ngImport: i0, template: "<div class=\"body\" eoTrapFocus>\n    <div class=\"navigation\">\n        <div class=\"group-title\" translate>eo.action.menu.clipboard.label</div>\n        <div class=\"nav-item\">\n            <a tabindex=\"0\" (keydown.enter)=\"runLink()\" (click)=\"runLink()\">{{'eo.action.menu.clipboard.link.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('link', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionLink\" translate>eo.action.menu.clipboard.link.description\n            </div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runOriginal()\" (click)=\"runOriginal()\">{{'eo.action.menu.clipboard.file.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('original', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionOrginal\" translate>eo.action.menu.clipboard.file.description</div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runPdf()\" (click)=\"runPdf()\">{{'eo.action.menu.clipboard.file.pdf.label' |\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('pdf', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionPdf\" translate>eo.action.menu.clipboard.file.pdf.description </div>\n        </div>\n    </div>\n    <div class=\"form-buttons\">\n        <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n</div>", styles: [".body{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.body .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.body .nav-item{position:relative;top:0;right:0;min-width:100px;z-index:100;padding-bottom:8px;border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.body .nav-item .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.body .nav-item eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.body .nav-item eo-icon.info-icon{margin-left:auto;margin-bottom:7px;margin-top:-38px;border-radius:50%;color:rgba(var(--color-white-rgb),.3);cursor:pointer}.body .nav-item eo-icon.info-icon:hover{background-color:var(--color-primary)}.body .nav-item a{padding:var(--app-pane-padding);text-decoration:none;color:inherit;display:block;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}.body .nav-item a.active-link{background:rgba(var(--color-white-rgb),.1);cursor:default}.body .nav-item a:not(.active-link):focus,.body .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}.body .form-buttons{padding:5px 0;text-align:right}.body .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important}.body .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important;margin-right:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ClipboardObjectActionComponent, deps: [{ token: i1.TranslateService }, { token: i1.NotificationsService }, { token: i2.Location }, { token: i3.AgentService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ClipboardObjectActionComponent, selector: "eo-clipboard-object-action", inputs: { selection: "selection" }, outputs: { finished: "finished", canceled: "canceled" }, ngImport: i0, template: "<div class=\"body\" eoTrapFocus>\n    <div class=\"navigation\">\n        <div class=\"group-title\" translate>eo.action.menu.clipboard.label</div>\n        <div class=\"nav-item\">\n            <a tabindex=\"0\" (keydown.enter)=\"runLink()\" (click)=\"runLink()\">{{'eo.action.menu.clipboard.link.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('link', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionLink\" translate>eo.action.menu.clipboard.link.description\n            </div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runOriginal()\" (click)=\"runOriginal()\">{{'eo.action.menu.clipboard.file.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('original', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionOrginal\" translate>eo.action.menu.clipboard.file.description</div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runPdf()\" (click)=\"runPdf()\">{{'eo.action.menu.clipboard.file.pdf.label' |\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('pdf', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionPdf\" translate>eo.action.menu.clipboard.file.pdf.description </div>\n        </div>\n    </div>\n    <div class=\"form-buttons\">\n        <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n</div>", styles: [".body{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.body .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.body .nav-item{position:relative;top:0;right:0;min-width:100px;z-index:100;padding-bottom:8px;border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.body .nav-item .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.body .nav-item eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.body .nav-item eo-icon.info-icon{margin-left:auto;margin-bottom:7px;margin-top:-38px;border-radius:50%;color:rgba(var(--color-white-rgb),.3);cursor:pointer}.body .nav-item eo-icon.info-icon:hover{background-color:var(--color-primary)}.body .nav-item a{padding:var(--app-pane-padding);text-decoration:none;color:inherit;display:block;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}.body .nav-item a.active-link{background:rgba(var(--color-white-rgb),.1);cursor:default}.body .nav-item a:not(.active-link):focus,.body .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}.body .form-buttons{padding:5px 0;text-align:right}.body .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important}.body .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important;margin-right:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i6.TrapFocusDirective, selector: "[eoTrapFocus]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ClipboardObjectActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ClipboardObjectActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-clipboard-object-action', template: "<div class=\"body\" eoTrapFocus>\n    <div class=\"navigation\">\n        <div class=\"group-title\" translate>eo.action.menu.clipboard.label</div>\n        <div class=\"nav-item\">\n            <a tabindex=\"0\" (keydown.enter)=\"runLink()\" (click)=\"runLink()\">{{'eo.action.menu.clipboard.link.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('link', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionLink\" translate>eo.action.menu.clipboard.link.description\n            </div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runOriginal()\" (click)=\"runOriginal()\">{{'eo.action.menu.clipboard.file.label'|\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('original', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionOrginal\" translate>eo.action.menu.clipboard.file.description</div>\n        </div>\n        <div class=\"nav-item\" *ngIf=\"isExecutable\">\n            <a tabindex=\"0\" (keydown.enter)=\"runPdf()\" (click)=\"runPdf()\">{{'eo.action.menu.clipboard.file.pdf.label' |\n                translate}}</a>\n            <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"\n                (click)=\"showDescription('pdf', $event)\"></eo-icon>\n            <div class=\"description\" *ngIf=\"showDescriptionPdf\" translate>eo.action.menu.clipboard.file.pdf.description </div>\n        </div>\n    </div>\n    <div class=\"form-buttons\">\n        <button (click)=\"cancel()\" translate>eo.cta.button.cancel</button>\n    </div>\n</div>", styles: [".body{padding:var(--app-pane-padding);min-width:200px;display:inline-block;width:90%}.body .group-title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);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}.body .nav-item{position:relative;top:0;right:0;min-width:100px;z-index:100;padding-bottom:8px;border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.body .nav-item .description{border-radius:2px;-webkit-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;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding) calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.body .nav-item eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.body .nav-item eo-icon.info-icon{margin-left:auto;margin-bottom:7px;margin-top:-38px;border-radius:50%;color:rgba(var(--color-white-rgb),.3);cursor:pointer}.body .nav-item eo-icon.info-icon:hover{background-color:var(--color-primary)}.body .nav-item a{padding:var(--app-pane-padding);text-decoration:none;color:inherit;display:block;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}.body .nav-item a.active-link{background:rgba(var(--color-white-rgb),.1);cursor:default}.body .nav-item a:not(.active-link):focus,.body .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}.body .form-buttons{padding:5px 0;text-align:right}.body .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important}.body .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding) / 2);background-color:#ffffff1a!important;margin-right:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.NotificationsService }, { type: i2.Location }, { type: i3.AgentService }, { type: i0.ElementRef }], propDecorators: { selection: [{