@eo-sdk/client 10.0.0-beta.2 → 10.0.0-beta.4

package/esm2020/app/eo-framework/actions/actions/signature-action/signature/signature.component.mjs

@@ -112,7 +112,7 @@ export class SignatureComponent {
     }
 }
 SignatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: SignatureComponent, deps: [{ token: i1.BpmService }, { token: i2.PendingChangesService }, { token: i1.TranslateService }, { token: i1.NotificationsService }, { token: i1.SigningService }, { token: i1.Config }, { token: i1.EventService }, { token: i1.DmsService }], target: i0.ɵɵFactoryTarget.Component });
-SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: SignatureComponent, selector: "eo-signature", viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [height]=\"'60vh'\" [minWidth]=\"'68vw'\" [hasPreviewFile]=\"false\" [params]=\"{\n        situation: 'CREATE',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"!processingRequest\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest || !signers.value || !signers.value.length\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n  <div class=\"loader-overlay__mask\" *ngIf=\"processingRequest\">\n    <eo-loading-spinner class=\"signature__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</eo-dialog>\n", styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{display:flex;flex:0;flex-direction:column;min-height:0;min-width:0;align-items:flex-end;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .signature-form .actions{flex-direction:column;align-items:flex-end}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);animation:eoFadeIn .5s}.loader-overlay__mask .signature__loader{margin:auto}\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.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i6.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i7.FormElementTableComponent, selector: "eo-table", inputs: ["limit", "hasPreviewFile", "minWidth", "height", "params"] }, { 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.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"] }, { kind: "component", type: i11.CtaComponent, selector: "eo-cta", inputs: ["active"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: SignatureComponent, selector: "eo-signature", viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [height]=\"'60vh'\" [minWidth]=\"'68vw'\" [hasPreviewFile]=\"false\" [params]=\"{\n        situation: 'CREATE',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"!processingRequest\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest || !signers.value || !signers.value.length\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n  <div class=\"loader-overlay__mask\" *ngIf=\"processingRequest\">\n    <eo-loading-spinner class=\"signature__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</eo-dialog>\n", styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{display:flex;flex:0;flex-direction:column;min-height:0;min-width:0;align-items:flex-end;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .signature-form .actions{flex-direction:column;align-items:flex-end}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);animation:eoFadeIn .5s}.loader-overlay__mask .signature__loader{margin:auto}\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.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i6.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i7.FormElementTableComponent, selector: "eo-table", inputs: ["limit", "hasPreviewFile", "minWidth", "height", "params"] }, { 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.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"] }, { kind: "component", type: i11.CtaComponent, selector: "eo-cta", inputs: ["active"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: SignatureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-signature', template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [height]=\"'60vh'\" [minWidth]=\"'68vw'\" [hasPreviewFile]=\"false\" [params]=\"{\n        situation: 'CREATE',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"!processingRequest\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest || !signers.value || !signers.value.length\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n  <div class=\"loader-overlay__mask\" *ngIf=\"processingRequest\">\n    <eo-loading-spinner class=\"signature__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</eo-dialog>\n", styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{display:flex;flex:0;flex-direction:column;min-height:0;min-width:0;align-items:flex-end;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .signature-form .actions{flex-direction:column;align-items:flex-end}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);animation:eoFadeIn .5s}.loader-overlay__mask .signature__loader{margin:auto}\n"] }]

package/esm2020/app/eo-framework/actions/actions/workflow-action/workflow/workflow.component.mjs

@@ -91,7 +91,7 @@ export class WorkflowComponent {
     }
 }
 WorkflowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: WorkflowComponent, deps: [{ token: i1.BpmService }, { token: i2.PendingChangesService }, { token: i1.TranslateService }, { token: i1.NotificationsService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: WorkflowComponent, selector: "eo-workflow", inputs: { executableProcess: "executableProcess" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "bpmForm", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"1000\"\n           [minHeight]=\"630\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"process-form form-container\">\n    <div class=\"form\">\n      <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-object-form>\n    </div>\n\n    <div class=\"actions\">\n      <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"true\" class=\"cta-wrapper\">\n        <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.resubmission.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"form?.invalid || processingRequest\" class=\"primary\" translate>eo.executable.processes.execute</button>\n      </eo-cta>\n    </div>\n\n  </section>\n</eo-dialog>\n", styles: ["::ng-deep .process-form-dialog--content{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form .form{overflow:auto}::ng-deep .process-form-dialog--content .process-form .invalid{color:var(--color-error)}::ng-deep .process-form-dialog--content .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .process-form-dialog--content .process-form .actions button{white-space:nowrap}::ng-deep .process-form-dialog--content .process-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .process-form-dialog--content .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .process-form-dialog--content .process-form .actions{flex-direction:column;align-items:flex-end}}::ng-deep .eo-object-form>.core{padding:16px 16px 5px}::ng-deep .eo-object-form>.data{padding:0 20px;margin:0 5px}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack{border-top:none}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{border:1px solid rgba(var(--color-black-rgb),.1)}\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.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i6.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i7.CtaComponent, selector: "eo-cta", inputs: ["active"] }] });
+WorkflowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: WorkflowComponent, selector: "eo-workflow", inputs: { executableProcess: "executableProcess" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "bpmForm", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"1000\"\n           [minHeight]=\"630\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"process-form form-container\">\n    <div class=\"form\">\n      <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-object-form>\n    </div>\n\n    <div class=\"actions\">\n      <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"true\" class=\"cta-wrapper\">\n        <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.resubmission.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"form?.invalid || processingRequest\" class=\"primary\" translate>eo.executable.processes.execute</button>\n      </eo-cta>\n    </div>\n\n  </section>\n</eo-dialog>\n", styles: ["::ng-deep .process-form-dialog--content{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form .form{overflow:auto}::ng-deep .process-form-dialog--content .process-form .invalid{color:var(--color-error)}::ng-deep .process-form-dialog--content .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .process-form-dialog--content .process-form .actions button{white-space:nowrap}::ng-deep .process-form-dialog--content .process-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .process-form-dialog--content .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .process-form-dialog--content .process-form .actions{flex-direction:column;align-items:flex-end}}::ng-deep .eo-object-form>.core{padding:16px 16px 5px}::ng-deep .eo-object-form>.data{padding:0 20px;margin:0 5px}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack{border-top:none}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{border:1px solid rgba(var(--color-black-rgb),.1)}\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.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i6.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i7.CtaComponent, selector: "eo-cta", inputs: ["active"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: WorkflowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-workflow', template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"1000\"\n           [minHeight]=\"630\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"process-form form-container\">\n    <div class=\"form\">\n      <eo-object-form [formOptions]=\"formOptions\" #bpmForm\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-object-form>\n    </div>\n\n    <div class=\"actions\">\n      <div *ngIf=\"form?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"true\" class=\"cta-wrapper\">\n        <button *ngIf=\"form?.dirty\" (click)=\"bpmForm.resetForm()\" class=\"button-reset\" translate>eo.object.indexdata.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.resubmission.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"form?.invalid || processingRequest\" class=\"primary\" translate>eo.executable.processes.execute</button>\n      </eo-cta>\n    </div>\n\n  </section>\n</eo-dialog>\n", styles: ["::ng-deep .process-form-dialog--content{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .process-form-dialog--content .process-form .form{overflow:auto}::ng-deep .process-form-dialog--content .process-form .invalid{color:var(--color-error)}::ng-deep .process-form-dialog--content .process-form .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:flex-end;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:3em}::ng-deep .process-form-dialog--content .process-form .actions button{white-space:nowrap}::ng-deep .process-form-dialog--content .process-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .process-form-dialog--content .process-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width: 800px){::ng-deep .process-form-dialog--content .process-form .actions{flex-direction:column;align-items:flex-end}}::ng-deep .eo-object-form>.core{padding:16px 16px 5px}::ng-deep .eo-object-form>.data{padding:0 20px;margin:0 5px}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack{border-top:none}::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{border:1px solid rgba(var(--color-black-rgb),.1)}\n"] }]

package/esm2020/app/eo-framework/app-shell/app-bar/app-add/app-add-dialog/app-add-dialog.component.mjs

@@ -163,10 +163,10 @@ export class AppAddDialogComponent {
     }
 }
 AppAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppAddDialogComponent, deps: [{ token: i1.PrepareService }, { token: i2.Router }, { token: i1.SystemService }, { token: i1.TranslateService }, { token: i3.PendingChangesService }, { token: i4.LocationService }], target: i0.ɵɵFactoryTarget.Component });
-AppAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppAddDialogComponent, selector: "eo-app-add-dialog", outputs: { onClose: "onClose" }, ngImport: i0, template: "<section class=\"autocomplete\">\n  <yvc-autocomplete [(ngModel)]=\"selectedNode\" \n  #autocomplete\n    [autocompleteValues]=\"autocompleteRes\" field=\"label\"\n    [forceSelection]=\"true\"\n    (suggestionSelect)=\"onSelect($event)\"\n    (autocompleteFnc)=\"autocompleteFn($event)\">\n    \n    <ng-template let-item #chipTemplate>\n      <span class=\"ui-autocomplete-token-label\" title=\"{{item.label}} ({{item.location}})\">\n        <strong>{{item.label}}</strong>\n        <span>{{item.location}}</span>\n      </span>\n    </ng-template>\n  </yvc-autocomplete>\n</section>\n\n<section class=\"type-lists\">\n  <section class=\"section location\" *ngIf=\"locationParent\">\n    <div class=\"subhead\"><span translate>eo.add.title.location</span><span> \"{{locationParent.title}}\"</span></div>\n    <div class=\"type sub\" (click)=\"addToSubfolder()\" *ngIf=\"subfolder\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_create_new_folder.svg'\"></eo-icon>\n      <div>\n        <div class=\"label\">{{'eo.add.title.location.subfolder'|translate: ({folder: subfolder.title})}}</div>\n        <div class=\"group\">{{subFolderDescription}}</div>\n      </div>\n    </div>\n    <div class=\"type\" *ngFor=\"let type of locationTypes; trackBy: trackByFn\" (click)=\"prepare(type)\">\n      <eo-icon [objectType]=\"type\"></eo-icon>\n      <div>\n        <div class=\"label\">{{type.label}}</div>\n        <div class=\"group\">{{type.group}}</div>\n      </div>\n    </div>\n  </section>\n  \n  <section class=\"section general\" *ngIf=\"rootTypes.length; else noRootTypes\">\n    <div class=\"subhead\"><span translate>eo.add.title.location.common</span></div>\n      <div class=\"type\" *ngFor=\"let type of rootTypes; trackBy: trackByFn\"\n           [ngClass]=\"{context: type.isContextFolder}\"\n           (click)=\"prepare(type, true)\">\n        <eo-icon [objectType]=\"type\"></eo-icon>\n        <div>\n          <div class=\"label\">{{type.label}}</div>\n          <div class=\"group\">{{type.group}}</div>\n        </div>\n      </div>\n  </section>\n</section>\n\n<ng-template #noRootTypes>\n  <div *ngIf=\"!locationParent\">\n    <span class=\"empty__root-types\" translate>eo.add.empty.root.types</span>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .eo-dialog-content.add--content{max-height:620px;overflow:hidden}:host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host ::ng-deep p-autocomplete{width:100%}:host ::ng-deep p-autocomplete .ui-autocomplete input.ui-inputtext{border:0;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);box-shadow:0 2px 2px #0003}:host ::ng-deep p-autocomplete .ui-autocomplete-token-label{display:flex;flex-flow:column}:host ::ng-deep p-autocomplete .ui-autocomplete-token-label>span{font-size:var(--font-hint)}:host .autocomplete{display:flex;background-color:var(--color-accent);padding:var(--app-pane-padding)}:host .type-lists{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0;overflow-y:auto}:host .type-lists .section{padding:0 var(--app-pane-padding)}:host .type-lists .section .subhead{padding:calc(var(--app-pane-padding) / 2);margin:0;font-weight:var(--font-weight-normal);color:var(--color-accent);font-size:var(--font-subhead)}:host .type-lists .section .type{display:flex;align-items:center;flex-flow:row nowrap;transition:background-color var(--app-default-transition-duration) ease-in-out;-webkit-transition:background-color var(--app-default-transition-duration) ease-in-out;-moz-transition:background-color var(--app-default-transition-duration) ease-in-out;-o-transition:background-color var(--app-default-transition-duration) ease-in-out;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.06);cursor:pointer}:host .type-lists .section .type.context>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type.context eo-icon{background-color:rgba(var(--color-black-rgb),.15)}:host .type-lists .section .type.sub{padding-top:calc(var(--app-pane-padding) / 2);padding-bottom:calc(var(--app-pane-padding) / 2)}:host .type-lists .section .type.sub>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type eo-icon{flex:0 0 auto;width:18px;height:18px;box-sizing:content-box;padding:2px;border-radius:2px;color:var(--text-color-caption)}:host .type-lists .section .type>div{flex:1 1 auto;padding:0 var(--app-pane-padding)}:host .type-lists .section .type>div .label{color:var(--text-color-body)}:host .type-lists .section .type>div .group{color:var(--text-color-caption);font-size:var(--font-hint)}:host .type-lists .section .type:hover{background-color:var(--panel-background-grey)}:host .type-lists .empty__root-types{padding:8px}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i9.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+AppAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppAddDialogComponent, selector: "eo-app-add-dialog", outputs: { onClose: "onClose" }, ngImport: i0, template: "<section class=\"autocomplete\">\n  <yvc-autocomplete [(ngModel)]=\"selectedNode\" \n  #autocomplete\n    [autocompleteValues]=\"autocompleteRes\" field=\"label\"\n    [forceSelection]=\"true\"\n    (suggestionSelect)=\"onSelect($event)\"\n    (autocompleteFnc)=\"autocompleteFn($event)\">\n    \n    <ng-template let-item #chipTemplate>\n      <span class=\"ui-autocomplete-token-label\" title=\"{{item.label}} ({{item.location}})\">\n        <strong>{{item.label}}</strong>\n        <span>{{item.location}}</span>\n      </span>\n    </ng-template>\n  </yvc-autocomplete>\n</section>\n\n<section class=\"type-lists\">\n  <section class=\"section location\" *ngIf=\"locationParent\">\n    <div class=\"subhead\"><span translate>eo.add.title.location</span><span> \"{{locationParent.title}}\"</span></div>\n    <div class=\"type sub\" (click)=\"addToSubfolder()\" *ngIf=\"subfolder\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_create_new_folder.svg'\"></eo-icon>\n      <div>\n        <div class=\"label\">{{'eo.add.title.location.subfolder'|translate: ({folder: subfolder.title})}}</div>\n        <div class=\"group\">{{subFolderDescription}}</div>\n      </div>\n    </div>\n    <div class=\"type\" *ngFor=\"let type of locationTypes; trackBy: trackByFn\" (click)=\"prepare(type)\">\n      <eo-icon [objectType]=\"type\"></eo-icon>\n      <div>\n        <div class=\"label\">{{type.label}}</div>\n        <div class=\"group\">{{type.group}}</div>\n      </div>\n    </div>\n  </section>\n  \n  <section class=\"section general\" *ngIf=\"rootTypes.length; else noRootTypes\">\n    <div class=\"subhead\"><span translate>eo.add.title.location.common</span></div>\n      <div class=\"type\" *ngFor=\"let type of rootTypes; trackBy: trackByFn\"\n           [ngClass]=\"{context: type.isContextFolder}\"\n           (click)=\"prepare(type, true)\">\n        <eo-icon [objectType]=\"type\"></eo-icon>\n        <div>\n          <div class=\"label\">{{type.label}}</div>\n          <div class=\"group\">{{type.group}}</div>\n        </div>\n      </div>\n  </section>\n</section>\n\n<ng-template #noRootTypes>\n  <div *ngIf=\"!locationParent\">\n    <span class=\"empty__root-types\" translate>eo.add.empty.root.types</span>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .eo-dialog-content.add--content{max-height:620px;overflow:hidden}:host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host ::ng-deep yvc-autocomplete{width:100%}:host ::ng-deep yvc-autocomplete input{border:0;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);box-shadow:0 2px 2px #0003;background-color:#fff;width:100%;box-sizing:border-box}:host .autocomplete{display:flex;background-color:var(--color-accent);padding:var(--app-pane-padding)}:host .type-lists{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0;overflow-y:auto}:host .type-lists .section{padding:0 var(--app-pane-padding)}:host .type-lists .section .subhead{padding:calc(var(--app-pane-padding) / 2);margin:0;font-weight:var(--font-weight-normal);color:var(--color-accent);font-size:var(--font-subhead)}:host .type-lists .section .type{display:flex;align-items:center;flex-flow:row nowrap;transition:background-color var(--app-default-transition-duration) ease-in-out;-webkit-transition:background-color var(--app-default-transition-duration) ease-in-out;-moz-transition:background-color var(--app-default-transition-duration) ease-in-out;-o-transition:background-color var(--app-default-transition-duration) ease-in-out;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.06);cursor:pointer}:host .type-lists .section .type.context>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type.context eo-icon{background-color:rgba(var(--color-black-rgb),.15)}:host .type-lists .section .type.sub{padding-top:calc(var(--app-pane-padding) / 2);padding-bottom:calc(var(--app-pane-padding) / 2)}:host .type-lists .section .type.sub>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type eo-icon{flex:0 0 auto;width:18px;height:18px;box-sizing:content-box;padding:2px;border-radius:2px;color:var(--text-color-caption)}:host .type-lists .section .type>div{flex:1 1 auto;padding:0 var(--app-pane-padding)}:host .type-lists .section .type>div .label{color:var(--text-color-body)}:host .type-lists .section .type>div .group{color:var(--text-color-caption);font-size:var(--font-hint)}:host .type-lists .section .type:hover{background-color:var(--panel-background-grey)}:host .type-lists .empty__root-types{padding:8px}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i9.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppAddDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-app-add-dialog', template: "<section class=\"autocomplete\">\n  <yvc-autocomplete [(ngModel)]=\"selectedNode\" \n  #autocomplete\n    [autocompleteValues]=\"autocompleteRes\" field=\"label\"\n    [forceSelection]=\"true\"\n    (suggestionSelect)=\"onSelect($event)\"\n    (autocompleteFnc)=\"autocompleteFn($event)\">\n    \n    <ng-template let-item #chipTemplate>\n      <span class=\"ui-autocomplete-token-label\" title=\"{{item.label}} ({{item.location}})\">\n        <strong>{{item.label}}</strong>\n        <span>{{item.location}}</span>\n      </span>\n    </ng-template>\n  </yvc-autocomplete>\n</section>\n\n<section class=\"type-lists\">\n  <section class=\"section location\" *ngIf=\"locationParent\">\n    <div class=\"subhead\"><span translate>eo.add.title.location</span><span> \"{{locationParent.title}}\"</span></div>\n    <div class=\"type sub\" (click)=\"addToSubfolder()\" *ngIf=\"subfolder\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_create_new_folder.svg'\"></eo-icon>\n      <div>\n        <div class=\"label\">{{'eo.add.title.location.subfolder'|translate: ({folder: subfolder.title})}}</div>\n        <div class=\"group\">{{subFolderDescription}}</div>\n      </div>\n    </div>\n    <div class=\"type\" *ngFor=\"let type of locationTypes; trackBy: trackByFn\" (click)=\"prepare(type)\">\n      <eo-icon [objectType]=\"type\"></eo-icon>\n      <div>\n        <div class=\"label\">{{type.label}}</div>\n        <div class=\"group\">{{type.group}}</div>\n      </div>\n    </div>\n  </section>\n  \n  <section class=\"section general\" *ngIf=\"rootTypes.length; else noRootTypes\">\n    <div class=\"subhead\"><span translate>eo.add.title.location.common</span></div>\n      <div class=\"type\" *ngFor=\"let type of rootTypes; trackBy: trackByFn\"\n           [ngClass]=\"{context: type.isContextFolder}\"\n           (click)=\"prepare(type, true)\">\n        <eo-icon [objectType]=\"type\"></eo-icon>\n        <div>\n          <div class=\"label\">{{type.label}}</div>\n          <div class=\"group\">{{type.group}}</div>\n        </div>\n      </div>\n  </section>\n</section>\n\n<ng-template #noRootTypes>\n  <div *ngIf=\"!locationParent\">\n    <span class=\"empty__root-types\" translate>eo.add.empty.root.types</span>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .eo-dialog-content.add--content{max-height:620px;overflow:hidden}:host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host ::ng-deep p-autocomplete{width:100%}:host ::ng-deep p-autocomplete .ui-autocomplete input.ui-inputtext{border:0;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);box-shadow:0 2px 2px #0003}:host ::ng-deep p-autocomplete .ui-autocomplete-token-label{display:flex;flex-flow:column}:host ::ng-deep p-autocomplete .ui-autocomplete-token-label>span{font-size:var(--font-hint)}:host .autocomplete{display:flex;background-color:var(--color-accent);padding:var(--app-pane-padding)}:host .type-lists{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0;overflow-y:auto}:host .type-lists .section{padding:0 var(--app-pane-padding)}:host .type-lists .section .subhead{padding:calc(var(--app-pane-padding) / 2);margin:0;font-weight:var(--font-weight-normal);color:var(--color-accent);font-size:var(--font-subhead)}:host .type-lists .section .type{display:flex;align-items:center;flex-flow:row nowrap;transition:background-color var(--app-default-transition-duration) ease-in-out;-webkit-transition:background-color var(--app-default-transition-duration) ease-in-out;-moz-transition:background-color var(--app-default-transition-duration) ease-in-out;-o-transition:background-color var(--app-default-transition-duration) ease-in-out;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.06);cursor:pointer}:host .type-lists .section .type.context>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type.context eo-icon{background-color:rgba(var(--color-black-rgb),.15)}:host .type-lists .section .type.sub{padding-top:calc(var(--app-pane-padding) / 2);padding-bottom:calc(var(--app-pane-padding) / 2)}:host .type-lists .section .type.sub>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type eo-icon{flex:0 0 auto;width:18px;height:18px;box-sizing:content-box;padding:2px;border-radius:2px;color:var(--text-color-caption)}:host .type-lists .section .type>div{flex:1 1 auto;padding:0 var(--app-pane-padding)}:host .type-lists .section .type>div .label{color:var(--text-color-body)}:host .type-lists .section .type>div .group{color:var(--text-color-caption);font-size:var(--font-hint)}:host .type-lists .section .type:hover{background-color:var(--panel-background-grey)}:host .type-lists .empty__root-types{padding:8px}\n"] }]
+            args: [{ selector: 'eo-app-add-dialog', template: "<section class=\"autocomplete\">\n  <yvc-autocomplete [(ngModel)]=\"selectedNode\" \n  #autocomplete\n    [autocompleteValues]=\"autocompleteRes\" field=\"label\"\n    [forceSelection]=\"true\"\n    (suggestionSelect)=\"onSelect($event)\"\n    (autocompleteFnc)=\"autocompleteFn($event)\">\n    \n    <ng-template let-item #chipTemplate>\n      <span class=\"ui-autocomplete-token-label\" title=\"{{item.label}} ({{item.location}})\">\n        <strong>{{item.label}}</strong>\n        <span>{{item.location}}</span>\n      </span>\n    </ng-template>\n  </yvc-autocomplete>\n</section>\n\n<section class=\"type-lists\">\n  <section class=\"section location\" *ngIf=\"locationParent\">\n    <div class=\"subhead\"><span translate>eo.add.title.location</span><span> \"{{locationParent.title}}\"</span></div>\n    <div class=\"type sub\" (click)=\"addToSubfolder()\" *ngIf=\"subfolder\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_create_new_folder.svg'\"></eo-icon>\n      <div>\n        <div class=\"label\">{{'eo.add.title.location.subfolder'|translate: ({folder: subfolder.title})}}</div>\n        <div class=\"group\">{{subFolderDescription}}</div>\n      </div>\n    </div>\n    <div class=\"type\" *ngFor=\"let type of locationTypes; trackBy: trackByFn\" (click)=\"prepare(type)\">\n      <eo-icon [objectType]=\"type\"></eo-icon>\n      <div>\n        <div class=\"label\">{{type.label}}</div>\n        <div class=\"group\">{{type.group}}</div>\n      </div>\n    </div>\n  </section>\n  \n  <section class=\"section general\" *ngIf=\"rootTypes.length; else noRootTypes\">\n    <div class=\"subhead\"><span translate>eo.add.title.location.common</span></div>\n      <div class=\"type\" *ngFor=\"let type of rootTypes; trackBy: trackByFn\"\n           [ngClass]=\"{context: type.isContextFolder}\"\n           (click)=\"prepare(type, true)\">\n        <eo-icon [objectType]=\"type\"></eo-icon>\n        <div>\n          <div class=\"label\">{{type.label}}</div>\n          <div class=\"group\">{{type.group}}</div>\n        </div>\n      </div>\n  </section>\n</section>\n\n<ng-template #noRootTypes>\n  <div *ngIf=\"!locationParent\">\n    <span class=\"empty__root-types\" translate>eo.add.empty.root.types</span>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .eo-dialog-content.add--content{max-height:620px;overflow:hidden}:host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host ::ng-deep yvc-autocomplete{width:100%}:host ::ng-deep yvc-autocomplete input{border:0;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title);box-shadow:0 2px 2px #0003;background-color:#fff;width:100%;box-sizing:border-box}:host .autocomplete{display:flex;background-color:var(--color-accent);padding:var(--app-pane-padding)}:host .type-lists{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0;overflow-y:auto}:host .type-lists .section{padding:0 var(--app-pane-padding)}:host .type-lists .section .subhead{padding:calc(var(--app-pane-padding) / 2);margin:0;font-weight:var(--font-weight-normal);color:var(--color-accent);font-size:var(--font-subhead)}:host .type-lists .section .type{display:flex;align-items:center;flex-flow:row nowrap;transition:background-color var(--app-default-transition-duration) ease-in-out;-webkit-transition:background-color var(--app-default-transition-duration) ease-in-out;-moz-transition:background-color var(--app-default-transition-duration) ease-in-out;-o-transition:background-color var(--app-default-transition-duration) ease-in-out;padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding);border-top:1px solid rgba(var(--color-black-rgb),.06);cursor:pointer}:host .type-lists .section .type.context>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type.context eo-icon{background-color:rgba(var(--color-black-rgb),.15)}:host .type-lists .section .type.sub{padding-top:calc(var(--app-pane-padding) / 2);padding-bottom:calc(var(--app-pane-padding) / 2)}:host .type-lists .section .type.sub>div .label{font-weight:var(--font-weight-bold)}:host .type-lists .section .type eo-icon{flex:0 0 auto;width:18px;height:18px;box-sizing:content-box;padding:2px;border-radius:2px;color:var(--text-color-caption)}:host .type-lists .section .type>div{flex:1 1 auto;padding:0 var(--app-pane-padding)}:host .type-lists .section .type>div .label{color:var(--text-color-body)}:host .type-lists .section .type>div .group{color:var(--text-color-caption);font-size:var(--font-hint)}:host .type-lists .section .type:hover{background-color:var(--panel-background-grey)}:host .type-lists .empty__root-types{padding:8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PrepareService }, { type: i2.Router }, { type: i1.SystemService }, { type: i1.TranslateService }, { type: i3.PendingChangesService }, { type: i4.LocationService }]; }, propDecorators: { onClose: [{
                 type: Output
             }] } });

package/esm2020/app/eo-framework/app-shell/app-bar/app-add/app-add.component.mjs

@@ -14,7 +14,7 @@ export class AppAddComponent {
     }
 }
 AppAddComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppAddComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-AppAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppAddComponent, selector: "eo-app-add", ngImport: i0, template: "<eo-dialog #dialog [title]=\"'eo.bar.button.file.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"270\"\n           [minHeight]=\"580\"\n           [styleClass]=\"'add'\"\n           (hide)=\"close($event)\">\n\n  <eo-app-add-dialog (onClose)=\"(dialog.visible = false)\"></eo-app-add-dialog>\n\n</eo-dialog>\n", styles: [""], dependencies: [{ kind: "component", type: i2.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i3.AppAddDialogComponent, selector: "eo-app-add-dialog", outputs: ["onClose"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+AppAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppAddComponent, selector: "eo-app-add", ngImport: i0, template: "<eo-dialog #dialog [title]=\"'eo.bar.button.file.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"270\"\n           [minHeight]=\"580\"\n           [styleClass]=\"'add'\"\n           (hide)=\"close($event)\">\n\n  <eo-app-add-dialog (onClose)=\"(dialog.visible = false)\"></eo-app-add-dialog>\n\n</eo-dialog>\n", styles: [""], dependencies: [{ kind: "component", type: i2.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i3.AppAddDialogComponent, selector: "eo-app-add-dialog", outputs: ["onClose"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppAddComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-app-add', template: "<eo-dialog #dialog [title]=\"'eo.bar.button.file.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"270\"\n           [minHeight]=\"580\"\n           [styleClass]=\"'add'\"\n           (hide)=\"close($event)\">\n\n  <eo-app-add-dialog (onClose)=\"(dialog.visible = false)\"></eo-app-add-dialog>\n\n</eo-dialog>\n" }]

package/esm2020/app/eo-framework/app-shell/app-bar/app-process/app-process.component.mjs

@@ -103,7 +103,7 @@ export class AppProcessComponent {
     }
 }
 AppProcessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppProcessComponent, deps: [{ token: i1.Router }, { token: i2.NotificationsService }, { token: i2.TranslateService }, { token: i2.BpmService }, { token: i3.PendingChangesService }], target: i0.ɵɵFactoryTarget.Component });
-AppProcessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppProcessComponent, selector: "eo-app-process", ngImport: i0, template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"onCancel(dialog)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n", styles: [".process-item{padding:var(--app-pane-padding);display:flex;align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i8.ProcessFormComponent, selector: "eo-process-form", inputs: ["formOptions"], outputs: ["onSaveForm", "onResetForm", "onCancel", "statusChanged"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+AppProcessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: AppProcessComponent, selector: "eo-app-process", ngImport: i0, template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"onCancel(dialog)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n", styles: [".process-item{padding:var(--app-pane-padding);display:flex;align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i8.ProcessFormComponent, selector: "eo-process-form", inputs: ["formOptions"], outputs: ["onSaveForm", "onResetForm", "onCancel", "statusChanged"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: AppProcessComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-app-process', template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"onCancel(dialog)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n", styles: [".process-item{padding:var(--app-pane-padding);display:flex;align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}\n"] }]