@eo-sdk/client 8.16.36 → 8.16.38

package/esm2015/app/eo-framework/inbox-details/inbox-details.component.js

@@ -425,7 +425,7 @@ InboxDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-inbox-details',
                 template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\" [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 *ngIf=\"item.description\" class=\"eo-header-subtitle\">{{item.description}}</h3>\n        <h3 *ngIf=\"workItem && !item.description\" class=\"eo-header-subtitle\">{{workItem.qmodelname}}</h3>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-icon class=\"button primary refresh-button\" *ngIf=\"initializing.closed\"\n                 (click)=\"refresh()\"\n                 [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                 [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-error-message></eo-error-message>\n    </div>\n\n    <!-- details for BPM items -->\n    <eo-tab-container *ngIf=\"item.type === 'BPM'; else dmsTask\"\n                      [pluginPanels]=\"externalPanels\"\n                      [enableSlave]=\"false\"\n                      [cacheLayout]=\"'inbox-details'\">\n\n      <!-- TASK PANEL -->\n      <eo-tab-panel [id]=\"'task'\" header=\"{{'eo.process.details.tab.task' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel\">\n\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\n              <h3 translate>eo.process.details.tab.task.description</h3>\n              <div>{{workItem.description}}</div>\n            </div>\n\n            <!-- show info when we have an overdue -->\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\n\n            <!-- list of users that you got the inbox entry for (in substitute of / deputies) -->\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\n                <div class=\"label\" translate>eo.process.substitute</div>\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"body\" *ngIf=\"substituteShow\">\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\n                  <div class=\"icon-wrap\">\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                  </div>\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                </div>\n              </div>\n            </div>\n\n            <!-- contents to show when the user has locked the work item -->\n            <ng-container *ngIf=\"locked; else unlocked\">\n\n              <!-- work item form -->\n              <div class=\"process-form\">\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\n                                (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\n              </div>\n            </ng-container>\n\n            <!-- contents to show when work item isn't locked -->\n            <ng-template #unlocked>\n\n              <div class=\"notice\" translate>eo.process.task.continue</div>\n\n              <!-- list of recipients -->\n              <div class=\"process-performer\" *ngIf=\"workItem\">\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\n                  <div class=\"label\" translate>eo.process.recipients</div>\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length + workItem.performer.groups.length}}</div>\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                  </div>\n                </div>\n                <div class=\"body\" *ngIf=\"performerShow\">\n\n                  <!-- groups -->\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{g.name}}</div>\n                  </div>\n\n                  <!-- roles -->\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{r.name}}</div>\n                  </div>\n\n                  <!-- users -->\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- summary of workflows indexdata -->\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\n              </div>\n\n            </ng-template>\n          </div>\n\n          <!-- actions for bpm items -->\n          <ng-container *ngIf=\"locked; else unlockedActions\">\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n\n              <div class=\"secondary\">\n                <!-- de-personalize the work item -->\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\n                <!-- save form data -->\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\" *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\n                        translate>eo.object.indexdata.save</button>\n              </div>\n\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\n                <!-- process actions -->\n                <button class=\"primary btn-execute\"\n                        *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\n                        (click)=\"executeWorkItemAction(action)\"\n                        [ngClass]=\"{ext: action.url}\"\n                        [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\n              </div>\n            </div>\n          </ng-container>\n\n          <!-- actions to show up, when the user has not personalized the work item -->\n          <ng-template #unlockedActions>\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\n              <div class=\"primary\">\n                <!-- personalize the work item -->\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\n              </div>\n            </div>\n          </ng-template>\n\n        </div>\n      </eo-tab-panel>\n\n      <!-- HISTORY PANEL -->\n      <eo-tab-panel [id]=\"'history'\" header=\"{{'eo.process.details.tab.progress' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <!-- FILE PANEL -->\n      <eo-tab-panel [id]=\"'file'\" header=\"{{'eo.process.details.tab.attachments' | translate}}\">\n        <div class=\"tab-panel\">\n          <!-- list content attached to the work item -->\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"workItem?.file\"\n                             [permissions]=\"workItem?.fileEntryPermissions\"\n                             [isDisabled]=\"!filesAdding.closed\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addFromClipboard()\">\n            </eo-process-file>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n\n    <!-- body when we have a subscription or a resubmission -->\n    <ng-template #dmsTask>\n      <div class=\"tab-panel\">\n        <div class=\"panel\">\n          <div class=\"process-description\">\n            <h3 translate>eo.process.details.tab.task.description</h3>\n            <div>{{settings?.description}}</div>\n          </div>\n        </div>\n\n        <!-- actions for the current process item -->\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n          <div class=\"primary\">\n            <button class=\"primary btn-confirm\" [disabled]=\"preventClickThrough\" (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\n          </div>\n        </div>\n\n      </div>\n    </ng-template>\n\n  </div>\n</div>\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
-                styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative}.inbox-details:not(.bpm) .eo-head{border-bottom:1px solid var(--panel-header-border-bottom-color);height:var(--app-pane-header-height)}.inbox-details:not(.bpm) .eo-body{top:var(--app-pane-header-height)}.inbox-details .eo-head{background-color:var(--color-white);height:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body{bottom:0;left:0;position:absolute;right:0;top:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body .load-error{align-items:center;background-color:var(--panel-background-grey);bottom:0;display:flex;flex-flow:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.inbox-details .eo-body .load-error eo-icon{color:var(--text-color-hint);opacity:.5;width:20%}.inbox-details .eo-body .tab-panel{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:var(--app-pane-padding)}.inbox-details .eo-body .tab-panel .panel.process-files,.inbox-details .eo-body .tab-panel .panel.process-history{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)*0.75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding)/8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{border-color:rgba(var(--color-white-rgb),.7);border-style:solid;border-width:2px 2px 0 0;box-sizing:border-box;content:\"\";height:calc(var(--app-pane-padding)*0.5);position:absolute;right:calc(var(--app-pane-padding)/8);top:calc(var(--app-pane-padding)/8);width:calc(var(--app-pane-padding)*0.5)}.inbox-details .eo-body .tab-panel .process-actions div.primary{display:flex;flex:none;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{opacity:.2;pointer-events:none}.inbox-details .eo-body .tab-panel .process-actions div.secondary{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{cursor:default;pointer-events:none}.inbox-details .eo-body h3{border-bottom:1px solid rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding)/2) 0;padding:0 0 calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;margin-bottom:var(--app-pane-padding);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .process-performer .head{align-items:center;display:flex;flex-flow:row nowrap}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;border:1px solid rgba(var(--color-black-rgb),.1);border-radius:2px;cursor:pointer;display:flex;flex-flow:row nowrap;overflow:hidden;padding:0 0 0 calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action .count{color:var(--text-color-caption);line-height:1em}.inbox-details .eo-body .process-performer .head .action eo-icon{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding)/2) 0}.inbox-details .eo-body .process-performer .body .performer{-moz-user-select:none;-webkit-animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;align-items:center;animation:eoFadeInDown var(--app-default-transition-duration);background-color:var(--color-white);border-radius:2px;display:flex;flex-flow:row nowrap;margin-bottom:2px;padding:2px;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);flex:0 0 auto;padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;color:var(--text-color-caption);display:inline-block;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/2);padding:2px calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}"]
+                styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative}.inbox-details:not(.bpm) .eo-head{height:var(--app-pane-header-height);border-bottom:1px solid var(--panel-header-border-bottom-color)}.inbox-details:not(.bpm) .eo-body{top:var(--app-pane-header-height)}.inbox-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.inbox-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.inbox-details .eo-body .load-error{position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.inbox-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.inbox-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.inbox-details .eo-body .tab-panel .panel.process-files,.inbox-details .eo-body .tab-panel .panel.process-history{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding) / 8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border-color:rgba(var(--color-white-rgb),.7);border-style:solid;border-width:2px 2px 0 0}.inbox-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;flex:1 1 auto;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{pointer-events:none;opacity:.2}.inbox-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.inbox-details .eo-body h3{font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding) / 2) 0;padding:0 0 calc(var(--app-pane-padding) / 4) 0;color:var(--text-color-caption);border-bottom:1px solid rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.inbox-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;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}.inbox-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.inbox-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);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}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.inbox-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}"]
             },] }
 ];
 InboxDetailsComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/list-container/list-container.component.js

@@ -80,7 +80,7 @@ ListContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-list-container',
                 template: "<div class=\"eo-head\" [ngClass]=\"{'eo-head-tabs': tabs}\">\n  <ng-content select=\".eo-header\"></ng-content>\n</div>\n<ng-content select=\".eo-body\">\n</ng-content>\n<div class=\"loading-container\" *ngIf=\"loading\"><eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner></div>\n",
-                styles: [":host{background:var(--color-white);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%}:host .loading-container{align-items:center;display:flex;height:100%;justify-content:center}"]
+                styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;width:100%;background:var(--color-white)}:host .loading-container{height:100%;display:flex;justify-content:center;align-items:center}"]
             },] }
 ];
 ListContainerComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/media/media.component.js

@@ -354,7 +354,7 @@ MediaComponent.decorators = [
                 selector: 'eo-media',
                 template: "<div [hidden]=\"!open\">\n\n  <!-- attachments overlay -->\n  <div class=\"attachments\" *ngIf=\"attachments?.length\" [ngClass]=\"{notmain: latestUri !== previewUri && !attachmentsShown, active: attachmentsShown}\"\n       (eoOutsideClick)=\"attachmentsShown = false\">\n    <div class=\"attachments-list\" *ngIf=\"attachmentsShown\">\n      <div class=\"attachment main\" (click)=\"selectAttachment(null, isLarge)\" [ngClass]=\"{current: latestUri === previewUri}\">{{dmsObjectTitle}}</div>\n      <div class=\"attachment\" *ngFor=\"let a of attachments\" (click)=\"selectAttachment(a, isLarge)\" [ngClass]=\"{current: latestUri === a.previewUri}\">\n        {{a.name}}\n      </div>\n    </div>\n\n    <eo-icon class=\"button\" [badge]=\"attachments?.length\"\n             (click)=\"attachmentsShown = !attachmentsShown\"\n             [iconSrc]=\"attachmentsShown ? 'assets/_default/svg/ic_clear.svg' : 'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n  </div>\n\n  <div class=\"preview-container\" [style.overflow]=\"'hidden'\" [hidden]=\"hasError\">\n    <iframe [hidden]=\"isNotSupported || isLarge || isUndocked || isMedia\" #iframe height=\"100%\" width=\"100%\" frameborder=\"0\"></iframe>\n    <iframe [hidden]=\"isNotSupported || isLarge || isUndocked || !isMedia\" #iframeMedia height=\"100%\" width=\"100%\" frameborder=\"0\"></iframe>\n    <div class=\"slide\" *ngIf=\"isNotSupported || isLarge || isUndocked\">\n      <!--<img *ngIf=\"!isMedia\" [src]=\"slideUri\" alt=\"preview\">-->\n      <eo-icon *ngIf=\"mediaType\" [objectType]=\"mediaType\"></eo-icon>\n      <div class=\"large-content\" *ngIf=\"isLarge && !isUndocked\" (click)=\"loadDocument(latestUri, true)\" translate>eo.object.preview.proceed</div>\n      <div class=\"large-content not-supported\" *ngIf=\"isNotSupported\" translate>eo.object.preview.not.supported</div>\n    </div>\n  </div>\n</div>\n\n<div [hidden]=\"!hasError && open\" class=\"empty-container\">\n  <eo-icon class=\"nofile\" [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n</div>\n\n<eo-icon *ngIf=\"!undockDisabled\" [hidden]=\"previewUri === ''\" class=\"button undock\" [iconSrc]=\"'assets/_default/svg/ic_undock.svg'\" (click)=\"undock()\"></eo-icon>\n",
                 providers: [ContentPreviewService],
-                styles: [":host .empty-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}:host .empty-container .nofile{height:128px;opacity:.06;width:128px}:host .button.undock{background-color:rgba(var(--color-primary-rgb),.6);bottom:var(--app-pane-padding);opacity:.2;position:absolute;right:var(--app-pane-padding)}:host .button.undock:hover{opacity:.5}:host .preview-container{bottom:0;left:0;position:absolute;right:0;top:0}:host .preview-container .slide{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:center;min-height:0;min-width:0}:host .preview-container .slide .large-content{background-color:rgba(var(--color-primary-rgb),.5);color:var(--color-white);cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;min-height:0;min-width:0;padding:var(--app-pane-padding);position:absolute;top:0;width:100%}:host .preview-container .slide .large-content.not-supported,:host .preview-container .slide .large-content:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .preview-container .slide .large-content.not-supported{cursor:inherit}:host .preview-container .slide img{padding:var(--app-pane-padding);width:100%}:host .preview-container .slide eo-icon{height:128px;opacity:.2;width:128px}:host .attachments{align-items:flex-end;background-color:rgba(var(--color-primary-rgb),.6);border-radius:2px;bottom:calc(var(--app-pane-padding)*3);color:var(--color-white);display:flex;flex-flow:row;max-width:calc(100% - 16px);position:absolute;right:calc(var(--app-pane-padding)/2);z-index:5}:host .attachments:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .attachments eo-icon{flex:0 0 auto;margin:calc(var(--app-pane-padding)/2)}:host .attachments .attachments-list{display:flex;flex:1;flex-direction:row;flex-flow:wrap;max-height:150px;min-height:0;min-width:0;overflow:auto;padding:calc(var(--app-pane-padding)/2)}:host .attachments .attachments-list .attachment{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background-color:rgba(var(--color-white-rgb),.1);border:1px solid rgba(var(--color-white-rgb),0);border-radius:4px;cursor:pointer;display:inline-block;margin:calc(var(--app-pane-padding)/8);max-width:none;overflow:hidden;padding:calc(var(--app-pane-padding)/4);text-overflow:ellipsis;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}:host .attachments .attachments-list .attachment:hover{border-color:rgba(var(--color-white-rgb),.5)}:host .attachments .attachments-list .attachment.current{background-color:var(--color-accent)}:host .attachments .attachments-list .attachment.main{background-color:var(--color-primary);flex:1 1 100%;order:100}:host .attachments .attachments-list .attachment:not(.main){font-style:italic}:host .attachments.notmain{background-color:var(--color-accent)}:host .attachments.active{align-items:center;background-color:rgba(var(--color-primary-rgb),.9);bottom:calc(var(--app-pane-padding)/2)}"]
+                styles: [":host .empty-container{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}:host .empty-container .nofile{width:128px;height:128px;opacity:.06}:host .button.undock{position:absolute;opacity:.2;right:var(--app-pane-padding);bottom:var(--app-pane-padding);background-color:rgba(var(--color-primary-rgb),.6)}:host .button.undock:hover{opacity:.5}:host .preview-container{position:absolute;left:0;right:0;top:0;bottom:0}:host .preview-container .slide{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;align-items:center;justify-content:center}:host .preview-container .slide .large-content{position:absolute;top:0;cursor:pointer;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;justify-content:center;width:100%;padding:var(--app-pane-padding);color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.5)}:host .preview-container .slide .large-content.not-supported,:host .preview-container .slide .large-content:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .preview-container .slide .large-content.not-supported{cursor:inherit}:host .preview-container .slide img{padding:var(--app-pane-padding);width:100%}:host .preview-container .slide eo-icon{width:128px;height:128px;opacity:.2}:host .attachments{position:absolute;z-index:5;color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.6);right:calc(var(--app-pane-padding) / 2);bottom:calc(var(--app-pane-padding) * 3);display:flex;flex-flow:row;align-items:flex-end;border-radius:2px;max-width:calc(100% - 16px)}:host .attachments:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .attachments eo-icon{flex:0 0 auto;margin:calc(var(--app-pane-padding) / 2)}:host .attachments .attachments-list{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;overflow:auto;max-height:150px;padding:calc(var(--app-pane-padding) / 2);flex-flow:wrap}:host .attachments .attachments-list .attachment{border-radius:4px;background-color:rgba(var(--color-white-rgb),.1);padding:calc(var(--app-pane-padding) / 4);margin:calc(var(--app-pane-padding) / 8);cursor:pointer;border:1px solid rgba(var(--color-white-rgb),0);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .attachments .attachments-list .attachment:hover{border-color:rgba(var(--color-white-rgb),.5)}:host .attachments .attachments-list .attachment.current{background-color:var(--color-accent)}:host .attachments .attachments-list .attachment.main{background-color:var(--color-primary);order:100;flex:1 1 100%}:host .attachments .attachments-list .attachment:not(.main){font-style:italic}:host .attachments.notmain{background-color:var(--color-accent)}:host .attachments.active{background-color:rgba(var(--color-primary-rgb),.9);align-items:center;bottom:calc(var(--app-pane-padding) / 2)}"]
             },] }
 ];
 MediaComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-details/favorite-icon/favorite-icon.component.js

@@ -82,7 +82,7 @@ FavoriteIconComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-favorite-icon',
                 template: "<eo-icon class=\"button favorite\"\n         [ngClass]=\"{active: item.isFavorite}\"\n         [iconTitle]=\"tooltip\"\n         [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n         (click)=\"toggle($event)\">\n</eo-icon>\n\n<eo-dialog\n  [title]=\"('eo.favorite.icon.dialog.title' | translate)\"\n  [(visible)]=\"display\"\n  [minWidth]=\"400\"\n  [styleClass]=\"'favorite-form__dialog'\">\n\n  <form name=\"favoriteForm\" (ngSubmit)=\"save()\">\n    <eo-form-input [label]=\" 'eo.favorite.icon.dialog.input.label' | translate\">\n      <input [(ngModel)]=\"value\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\" #favName />\n    </eo-form-input>\n    <div class=\"action-buttons favorite-form__dialog--action-buttons flex-row\">\n      <button type=\"button\" class=\"button cancel\" (click)=\"toggle($event, true)\" translate>eo.favorite.icon.dialog.cancel</button>\n      <button type=\"submit\" [disabled]=\"!value\" class=\"button primary\" translate>eo.favorite.icon.dialog.save</button>\n    </div>\n  </form>\n</eo-dialog>\n",
-                styles: [":host eo-icon.active{color:var(--color-favorite)}::ng-deep .favorite-form__dialog{min-height:unset!important;padding:8px}::ng-deep .favorite-form__dialog--header{background:#fff!important;color:rgba(var(--color-black-rgb),.54)!important;font-size:1.17em!important;font-weight:400!important;margin:0;padding:0 0 1em!important}::ng-deep .favorite-form__dialog .eo-dialog-content{overflow:hidden}"]
+                styles: [":host eo-icon.active{color:var(--color-favorite)}::ng-deep .favorite-form__dialog{padding:8px;min-height:unset!important}::ng-deep .favorite-form__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .favorite-form__dialog .eo-dialog-content{overflow:hidden}"]
             },] }
 ];
 FavoriteIconComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-details/object-details.component.js

@@ -316,7 +316,7 @@ ObjectDetailsComponent.decorators = [
                 selector: 'eo-object-details',
                 template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && item.content && item.rights.edit && (agentIsConnected$ | async) && !item.isFinalized\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n               [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n               [routerLink]=\"['/object', item.id]\"\n               [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\"\n            [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length\"\n                   [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n                   [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata')\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
                 providers: [ContentPreviewService],
-                styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .lock.myLock{background:var(--state-orange)!important;color:var(--color-white)}:host .not-found{background:var(--color-error);border-radius:2px;color:var(--panel-background);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4);text-align:center}:host .eo-header-status-icons{display:flex;justify-content:flex-end;margin-top:var(--app-pane-padding)}:host .eo-header-status-icons>eo-icon{background-color:var(--color-primary-2);color:var(--color-white);height:18px;margin-left:1px;padding:calc(var(--app-pane-padding)/4);width:18px}:host .eo-header-status-icons>eo-icon:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{align-items:center;background-color:var(--color-success);border-radius:2px;color:var(--color-white);display:flex;font-size:var(--font-hint);line-height:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:0 4px 1px;text-decoration:none}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{background:transparent!important;height:100%;margin:0;position:relative}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}:host ::ng-deep #indexdata .object-form-edit .form-controls{-webkit-animation:eoFadeInUp .2s;animation:eoFadeInUp .2s;border:4px solid var(--panel-background-grey)}:host ::ng-deep #indexdata .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{color:var(--color-primary-3);cursor:default}"]
+                styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-webkit-user-select:text;-moz-user-select:text;user-select:text}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .lock.myLock{color:var(--color-white);background:var(--state-orange)!important}:host .not-found{color:var(--panel-background);text-align:center;margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);border-radius:2px;flex:0 0 auto;background:var(--color-error)}:host .eo-header-status-icons{margin-top:var(--app-pane-padding);display:flex;justify-content:flex-end}:host .eo-header-status-icons>eo-icon{width:18px;height:18px;padding:calc(var(--app-pane-padding) / 4);color:var(--color-white);margin-left:1px;background-color:var(--color-primary-2)}:host .eo-header-status-icons>eo-icon:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{margin:0 calc(var(--app-pane-padding) / 4);display:flex;align-items:center;color:var(--color-white);font-size:var(--font-hint);line-height:var(--font-hint);border-radius:2px;padding:0 4px 1px;text-decoration:none;background-color:var(--color-success)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);animation:eoFadeIn .5s}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{position:relative;height:100%;margin:0;background:transparent!important}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{margin:var(--app-pane-padding);background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1)}:host ::ng-deep #indexdata .object-form-edit .form-controls{border:4px solid var(--panel-background-grey);animation:eoFadeInUp .2s}:host ::ng-deep #indexdata .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{cursor:default;color:var(--color-primary-3)}"]
             },] }
 ];
 ObjectDetailsComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-details/object-history/history-filter/history-filter.component.js

@@ -31,7 +31,7 @@ HistoryFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-history-filter',
                 template: "<section class=\"history-filter\">\n\n  <div class=\"filter history-filter__input\" *ngIf=\"visibleFilter.input\">\n    <div class=\"filter__input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon class=\"filter__input--icon\"[iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input class=\"filter__input--field\" type=\"text\" (keyup)=\"typeinput($event)\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <div class=\"history-filter__input--clear\">\n      <eo-icon class=\"history-filter__input--clear-icon\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter()\" [ngClass]=\"{reset: filterterm}\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"filter history-filter__selection\" *ngIf=\"visibleFilter.select\">\n    <div (click)=\"toggleFilter('MODIFICATION')\" class=\"selection-filter mod\"\n         [ngClass]=\"{inactive: hasFilter('MODIFICATION')}\"\n         translate>eo.object.history.filter.modification</div>\n    <div (click)=\"toggleFilter('PROCESS')\" class=\"selection-filter bpm\"\n         [ngClass]=\"{inactive: hasFilter('PROCESS')}\"\n         translate>eo.object.history.filter.process</div>\n    <div (click)=\"toggleFilter('INFORMATIONAL')\" class=\"selection-filter inf\"\n         [ngClass]=\"{inactive: hasFilter('INFORMATIONAL')}\"\n         translate>eo.object.history.filter.informational</div>\n  </div>\n\n</section>\n",
-                styles: [".history-filter{background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background);display:flex;flex:1;flex-direction:row;flex-wrap:wrap;min-height:0;min-width:0}.history-filter__input--clear-icon{align-self:center;box-sizing:content-box;color:var(--text-color-hint);cursor:pointer;flex:0 0 auto;height:16px;margin:2px;opacity:0;transition:all .2s ease-in-out;width:16px}.history-filter__input--clear-icon.reset{opacity:1;width:16px}.filter{align-items:center;display:flex;flex:1;flex:0 0 auto;flex-direction:row;min-height:0;min-width:0;padding:calc(var(--app-pane-padding)/2)}.filter.history-filter__selection{flex:1 1 auto;padding-left:0;padding-right:0}.filter .selection-filter{cursor:pointer;display:flex;flex:1;flex:0 0 auto;flex-direction:row;min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)/2)}.filter .selection-filter.inactive{opacity:.4}.filter .selection-filter.bpm:before{border-color:var(--color-warning)}.filter .selection-filter.mod:before{border-color:var(--color-success)}.filter .selection-filter:before{background-color:var(--color-white);border:2px solid var(--text-color-hint);border-radius:50%;content:\"\";display:block;flex:0 0 auto;height:10px;margin:0 calc(var(--app-pane-padding)/4);width:10px;z-index:1}.filter .filter__input{background-color:var(--color-white);border:1px solid var(--main-background);display:flex;flex:0 0 auto;flex-flow:row nowrap;padding:2px 2px 2px 0}.filter .filter__input.inactive{opacity:.5;pointer-events:none}.filter .filter__input--field{background-color:transparent;border:0}.filter .filter__input--icon{align-self:center;color:var(--text-color-hint);height:16px;margin:0 calc(var(--app-pane-padding)/4);width:16px}"]
+                styles: [".history-filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}.history-filter__input--clear-icon{margin:2px;width:16px;height:16px;flex:0 0 auto;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer;opacity:0;transition:all .2s ease-in-out}.history-filter__input--clear-icon.reset{opacity:1;width:16px}.filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;flex:0 0 auto;padding:calc(var(--app-pane-padding) / 2)}.filter.history-filter__selection{padding-left:0;padding-right:0;flex:1 1 auto}.filter .selection-filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;cursor:pointer;padding:0 calc(var(--app-pane-padding) / 2)}.filter .selection-filter.inactive{opacity:.4}.filter .selection-filter.bpm:before{border-color:var(--color-warning)}.filter .selection-filter.mod:before{border-color:var(--color-success)}.filter .selection-filter:before{content:\"\";flex:0 0 auto;display:block;margin:0 calc(var(--app-pane-padding) / 4);width:10px;height:10px;border-radius:50%;background-color:var(--color-white);border:2px solid var(--text-color-hint);z-index:1}.filter .filter__input{display:flex;flex:0 0 auto;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);padding:2px 2px 2px 0}.filter .filter__input.inactive{opacity:.5;pointer-events:none}.filter .filter__input--field{background-color:transparent;border:0}.filter .filter__input--icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}"]
             },] }
 ];
 HistoryFilterComponent.propDecorators = {

package/esm2015/app/eo-framework/object-details/object-history/object-history.component.js

@@ -63,7 +63,7 @@ ObjectHistoryComponent.decorators = [
                 selector: 'eo-object-history',
                 template: "<div class=\"object-history\">\n\n  <eo-history-filter [filters]=\"filters\"\n                     [history]=\"history\"\n                     [(term)]=\"filterterm\"\n                     [visibleFilter]=\"visibleFilter\"\n                     (onToggleFilter)=\"toggleFilter($event)\">\n  </eo-history-filter>\n\n\n  <ng-template #empty>\n    <div class=\"history empty\" translate>eo.timeline.empty</div>\n  </ng-template>\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\" [ngClass]=\"{user: !!entry.user, comment: entry.comment}\"\n         *ngFor=\"let entry of history | historyFilter: filterterm; trackBy: trackByIndex\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\" [ngClass]=\"{bpm: entry.group === 'PROCESS', mod: entry.group === 'MODIFICATION'}\"></div>\n      <div class=\"what\">\n\n        <div class=\"title\"><span [translate]=\"'eo.object.history.entry.type.' + entry.type + '.title'\"></span>\n          <a class=\"version\" [routerLink]=\"'/versions/' + params.id\" [queryParams]=\"{type: params.type, version: entry.version}\">\n            <span>{{'eo.object.history.version' | translate}} {{entry.version}}</span>\n          </a>\n        </div>\n        <div class=\"description\"\n          [translateParams]=\"entry.parameter\"\n          [translate]=\"'eo.object.history.entry.type.' + entry.type + '.description'\"></div>\n        <div class=\"comment\">&quot;{{entry.comment}}&quot;</div>\n\n        <div class=\"meta\">\n          <span>{{entry.user.lastname}}, {{entry.user.firstname}} ({{entry.user.name}})</span>\n        </div>\n\n        <div class=\"bpm-meta\" *ngIf=\"entry.parameter?.type === 'bpm'\">\n          <span *ngIf=\"entry.parameter.processName\">\n          <span translate>eo.object.history.workflowprocess</span>\n          <span>'{{entry.parameter.processName}}'</span>\n        </span>\n          <span *ngIf=\"entry.parameter.activityName\">\n          <span translate>eo.object.history.activity</span>\n          <span>'{{entry.parameter.activityName}}'</span>\n        </span>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host .object-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:350px;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .timeline-entry .marker.bpm:before{border-color:var(--color-warning)}:host .timeline-entry .marker.mod:before{border-color:var(--color-success)}:host .timeline-entry .what{padding-bottom:0}:host .timeline-entry .what .title{display:flex;flex-flow:row nowrap;justify-content:space-between}:host .timeline-entry .what .title .version{color:var(--text-color-caption);font-size:var(--font-hint);font-weight:var(--font-weight-normal);white-space:nowrap}:host .timeline-entry .what .title .version span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .comment{display:none}:host .timeline-entry .what .bpm-meta{color:var(--text-color-caption);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding)/2)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta>span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.comment .what .comment{color:var(--text-color-caption);display:block;font-style:italic;margin-bottom:calc(var(--app-pane-padding)/2)}"]
+                styles: [":host .object-history{height:100%;min-width:350px;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .timeline-entry .marker.bpm:before{border-color:var(--color-warning)}:host .timeline-entry .marker.mod:before{border-color:var(--color-success)}:host .timeline-entry .what{padding-bottom:0}:host .timeline-entry .what .title{display:flex;flex-flow:row nowrap;justify-content:space-between}:host .timeline-entry .what .title .version{font-weight:var(--font-weight-normal);font-size:var(--font-hint);white-space:nowrap;color:var(--text-color-caption)}:host .timeline-entry .what .title .version span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .comment{display:none}:host .timeline-entry .what .bpm-meta{font-size:var(--font-hint);color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta>span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.comment .what .comment{display:block;font-style:italic;color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2)}"]
             },] }
 ];
 ObjectHistoryComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-details/object-links/object-links.component.js

@@ -264,7 +264,7 @@ ObjectLinksComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-object-links',
                 template: "<div class=\"eo-references\">\n  <div class=\"object-not-found\" *ngIf=\"!inReferences?.length && !outReferences?.length; else refContainer\">\n    <div>{{'eo.references.object.notfound' | translate}}</div>\n  </div>\n\n  <ng-template #refContainer>\n    <div class=\"form-buttons\">\n      <div class=\"gridlabels\">\n          <div class=\"gridlabel\" [ngClass]=\"{'active': showInReferences}\" (click)=\"switchListVisibilityTo('in')\"\n            title=\"{{'eo.references.to.label' | translate}}\">\n              <span>{{'eo.references.to.label' | translate}}</span>\n          </div>\n          <div class=\"gridlabel\" [ngClass]=\"{'active': showOutReferences}\" (click)=\"switchListVisibilityTo('out')\"\n            title=\"{{'eo.references.from.label' | translate}}\">\n              <span>{{'eo.references.from.label' | translate}}</span>\n          </div>\n      </div>\n      <a class=\"button primary\" [routerLink]=\"'/result'\" [queryParams]=\"superQueryParams\" title=\"{{'eo.references.open.resultlist' | translate}}\">\n        <span>{{'eo.references.open.resultlist' | translate}}</span>\n      </a>\n    </div>\n\n    <div class=\"eo-references-lists\">\n\n      <!-- list of inReferences -->\n      <div class=\"resultlist-container\" [ngClass]=\"{'hidden': !showInReferences}\">\n        <div class=\"notfound\" *ngIf=\"(!inReferences?.length)\">{{'eo.references.object.notfound' | translate}}</div>\n\n        <div class=\"grid-wrapper\" *ngIf=\"inReferences?.length\">\n          <ag-grid-angular #gridIn [modules]=\"modules\" [gridOptions]=\"gridOptions\" class=\"ag-result\"></ag-grid-angular>\n        </div>\n      </div>\n\n      <!-- list of outReferences -->\n      <div class=\"resultlist-container\" [ngClass]=\"{'hidden': !showOutReferences}\">\n        <div class=\"notfound\" *ngIf=\"(!outReferences?.length)\">{{'eo.references.object.notfound' | translate}}</div>\n\n        <div class=\"grid-wrapper\" *ngIf=\"outReferences?.length\">\n          <ag-grid-angular #gridOut [modules]=\"modules\" [gridOptions]=\"gridOptions2\" class=\"ag-result\"></ag-grid-angular>\n        </div>\n      </div>\n\n    </div>\n  </ng-template>\n</div>",
-                styles: [":host ::ng-deep ag-grid-angular{background:transparent}:host ::ng-deep .ag-pinned-left-cols-viewport,:host ::ng-deep ag-grid-angular.ag-theme-balham .ag-column-drop-horizontal:not(.ag-hidden){display:none!important}:host ::ng-deep .ag-center-cols-container{width:100%!important}:host ::ng-deep .ag-row{background:transparent!important}:host ::ng-deep ag-grid-angular.ag-theme-balham .ag-header{border:none}:host ::ng-deep .ag-row-group>.ag-cell-wrapper{align-items:center;background:var(--color-white);border-bottom:1px solid var(--list-item-border-color);border-radius:2px;display:flex;flex:1 1 auto;flex-flow:row nowrap;height:100%;padding:calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon{color:var(--color-black);display:inline-block;height:12px;width:12px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon-contracted{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) 50%/12px 12px no-repeat}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon-expanded{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) 50%/12px 12px no-repeat}:host ::ng-deep .ag-row-group>.ag-cell-wrapper>span.ag-group-value>span{align-items:center;display:flex;flex-flow:row nowrap}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-group-child-count{position:absolute;right:48px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link{background:var(--color-accent);border-radius:2px;height:24px;margin-left:var(--app-pane-padding);opacity:0;position:absolute;right:var(--app-pane-padding);transition:all .2s ease-in-out;width:24px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link svg{fill:var(--color-white)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link .search-icon{margin-left:2px;width:20px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link:hover{background:var(--color-accent)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper:hover .search-link{opacity:1}:host ::ng-deep .ag-row-group>.ag-cell-wrapper span.ag-group-value{margin:0 calc(var(--app-pane-padding)*2);width:calc(100% - 110px)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper span.ag-group-value img{height:24px;margin-right:calc(var(--app-pane-padding)/2);opacity:.5}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-group-child-count{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell{background:var(--color-white);border-bottom:1px solid var(--list-item-border-color);width:100%!important}:host ::ng-deep .content,:host ::ng-deep .content div{overflow:hidden;pointer-events:none}:host ::ng-deep .content div{text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .content .title{font-weight:var(--font-weight-bold)}:host ::ng-deep .content .description{font-size:var(--font-caption);opacity:.6}:host ::ng-deep .ref-list-item{align-items:center;cursor:pointer;display:flex;height:100%;padding:0 var(--app-pane-padding) 0 calc(var(--app-pane-padding)*4.3)}:host ::ng-deep .ref-list-item a{align-items:flex-start;display:flex;text-decoration:none;width:100%}:host ::ng-deep .ref-list-item .content{padding:calc(var(--app-pane-padding)/4) var(--app-pane-padding)}:host ::ng-deep .ref-list-item:hover{background:var(--color-accent)}:host ::ng-deep .ref-list-item:hover .content{color:var(--color-white)}.eo-references{background:var(--color-white);border:1px solid rgba(var(--color-black-rgb),.1);bottom:0;left:0;margin:var(--app-pane-padding);position:absolute;right:0;top:0}.eo-references .hidden{display:none!important}.eo-references .object-not-found{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.eo-references .object-not-found div{color:var(--text-color-caption)}.eo-references .form-buttons{background:var(--color-white);box-sizing:border-box;display:flex;height:44px;justify-content:space-between;padding:calc(var(--app-pane-padding)/2);width:100%}.eo-references .form-buttons .gridlabels{display:flex;width:60%}.eo-references .form-buttons .gridlabel{align-items:center;border:1px solid var(--list-item-border-color);border-radius:4px;color:var(--text-color-caption);cursor:pointer;display:flex;margin-right:calc(var(--app-pane-padding)/2);overflow:hidden;padding:0 calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.eo-references .form-buttons .gridlabel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eo-references .form-buttons .active,.eo-references .form-buttons .gridlabel:hover{border-color:rgba(0,0,0,.2);color:var(--text-color-body)}.eo-references .form-buttons .active{background-color:var(--panel-background-grey)}.eo-references .form-buttons a.button{align-items:center;display:flex;overflow:hidden}.eo-references .form-buttons a.button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eo-references .eo-references-lists{border-top:4px solid rgba(var(--color-black-rgb),.2);bottom:0;left:0;position:absolute;right:0;top:44px}.eo-references .eo-references-lists .resultlist-container{display:flex;flex-flow:column;height:100%;width:100%}.eo-references .eo-references-lists .resultlist-container .notfound{align-items:center;color:var(--text-color-caption);display:flex;height:100%;justify-content:center}.eo-references .eo-references-lists .ag-result{bottom:0;left:0;position:absolute;right:0;top:0}.eo-references .eo-references-lists .grid-wrapper{flex:1;position:relative}"]
+                styles: [":host ::ng-deep ag-grid-angular{background:transparent}:host ::ng-deep .ag-pinned-left-cols-viewport,:host ::ng-deep ag-grid-angular.ag-theme-balham .ag-column-drop-horizontal:not(.ag-hidden){display:none!important}:host ::ng-deep .ag-center-cols-container{width:100%!important}:host ::ng-deep .ag-row{background:transparent!important}:host ::ng-deep ag-grid-angular.ag-theme-balham .ag-header{border:none}:host ::ng-deep .ag-row-group>.ag-cell-wrapper{height:100%;display:flex;flex-flow:row nowrap;flex:1 1 auto;align-items:center;background:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);border-bottom:1px solid var(--list-item-border-color)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon{display:inline-block;height:12px;width:12px;color:var(--color-black)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon-contracted{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) 50%/12px 12px no-repeat}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-icon-expanded{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) 50%/12px 12px no-repeat}:host ::ng-deep .ag-row-group>.ag-cell-wrapper>span.ag-group-value>span{display:flex;flex-flow:row nowrap;align-items:center}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-group-child-count{position:absolute;right:48px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link{opacity:0;height:24px;width:24px;position:absolute;right:var(--app-pane-padding);background:var(--color-accent);border-radius:2px;transition:all .2s ease-in-out;margin-left:var(--app-pane-padding)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link svg{fill:var(--color-white)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link .search-icon{width:20px;margin-left:2px}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .search-link:hover{background:var(--color-accent)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper:hover .search-link{opacity:1}:host ::ng-deep .ag-row-group>.ag-cell-wrapper span.ag-group-value{width:calc(100% - 110px);margin:0 calc(var(--app-pane-padding) * 2)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper span.ag-group-value img{height:24px;opacity:.5;margin-right:calc(var(--app-pane-padding) / 2)}:host ::ng-deep .ag-row-group>.ag-cell-wrapper .ag-group-child-count{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell{width:100%!important;border-bottom:1px solid var(--list-item-border-color);background:var(--color-white)}:host ::ng-deep .content,:host ::ng-deep .content div{pointer-events:none;overflow:hidden}:host ::ng-deep .content div{white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .content .title{font-weight:var(--font-weight-bold)}:host ::ng-deep .content .description{opacity:.6;font-size:var(--font-caption)}:host ::ng-deep .ref-list-item{padding:0 var(--app-pane-padding) 0 calc(var(--app-pane-padding) * 4.3);cursor:pointer;height:100%;display:flex;align-items:center}:host ::ng-deep .ref-list-item a{display:flex;align-items:flex-start;text-decoration:none;width:100%}:host ::ng-deep .ref-list-item .content{padding:calc(var(--app-pane-padding) / 4) var(--app-pane-padding)}:host ::ng-deep .ref-list-item:hover{background:var(--color-accent)}:host ::ng-deep .ref-list-item:hover .content{color:var(--color-white)}.eo-references{background:var(--color-white);position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}.eo-references .hidden{display:none!important}.eo-references .object-not-found{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.eo-references .object-not-found div{color:var(--text-color-caption)}.eo-references .form-buttons{width:100%;padding:calc(var(--app-pane-padding) / 2);height:44px;display:flex;justify-content:space-between;background:var(--color-white);box-sizing:border-box}.eo-references .form-buttons .gridlabels{display:flex;width:60%}.eo-references .form-buttons .gridlabel{border:1px solid var(--list-item-border-color);border-radius:4px;padding:0 calc(var(--app-pane-padding) / 2);display:flex;align-items:center;color:var(--text-color-caption);cursor:pointer;margin-right:calc(var(--app-pane-padding) / 2);transition:all var(--app-default-transition-duration) ease-in-out;overflow:hidden}.eo-references .form-buttons .gridlabel span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.eo-references .form-buttons .active,.eo-references .form-buttons .gridlabel:hover{color:var(--text-color-body);border-color:rgba(0,0,0,.2)}.eo-references .form-buttons .active{background-color:var(--panel-background-grey)}.eo-references .form-buttons a.button{display:flex;align-items:center;overflow:hidden}.eo-references .form-buttons a.button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.eo-references .eo-references-lists{position:absolute;left:0;right:0;top:44px;bottom:0;border-top:4px solid rgba(var(--color-black-rgb),.2)}.eo-references .eo-references-lists .resultlist-container{display:flex;flex-flow:column;height:100%;width:100%}.eo-references .eo-references-lists .resultlist-container .notfound{color:var(--text-color-caption);display:flex;align-items:center;justify-content:center;height:100%}.eo-references .eo-references-lists .ag-result{position:absolute;top:0;bottom:0;right:0;left:0}.eo-references .eo-references-lists .grid-wrapper{position:relative;flex:1}"]
             },] }
 ];
 ObjectLinksComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-form/object-form/form-element/form-element.component.js

@@ -77,7 +77,7 @@ FormElementComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-form-element',
                 template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n       [ngSwitch]=\"formElementRef._eoFormElement.type\"\n       [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\">\n\n    <!-- STRING -->\n    <eo-form-input *ngSwitchCase=\"'STRING'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\"\n        [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\"\n        [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n                    [minLength]=\"formElementRef._eoFormElement.minlen\"\n                    [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-reference>\n    </eo-form-input>\n\n    <!-- ID-Reference -->\n    <eo-form-input *ngSwitchCase=\"'REFERENCE'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [contextId]=\"formElementRef._eoFormElement.contextId\"\n                    [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n                    [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n                    [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"\n      ></eo-id-reference>\n    </eo-form-input>\n\n    <!-- ID -->\n    <eo-form-input *ngSwitchCase=\"'ID'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [regex]=\"'^[0-9a-fA-F]*$'\"\n                    [qname]=\"formElementRef._eoFormElement.qname\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [minLength]=\"32\"\n                    [maxLength]=\"32\"\n      ></eo-string>\n\n    </eo-form-input>\n\n\n    <!-- BOOLEAN -->\n    <eo-form-input *ngSwitchCase=\"'BOOLEAN'\" [tag]=\"tag\" class=\"checkbox\" [label]=\"formElementRef._eoFormElement.label\"\n                    [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n\n    <!-- CODESYSTEM -->\n    <eo-form-input *ngSwitchCase=\"'CODESYSTEM'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n                     [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                     [readonly]=\"formElementRef._eoFormElement.readonly\"\n                     [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n                     [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                     [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n                     [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n                     [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-codesystem>\n    </eo-form-input>\n\n    <!-- ORGANIZATION -->\n    <eo-form-input *ngSwitchCase=\"'ORGANIZATION'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n                       [dataMeta]=\"formElementRef._eoFormElement.dataMeta\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [filterObject]=\"formElementRef._eoFormElement.filter\"\n                       [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                       (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-organization>\n    </eo-form-input>\n\n    <!-- NUMBER -->\n\n    <eo-form-input *ngSwitchCase=\"'NUMBER'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\"\n                 [readonly]=\"formElementRef._eoFormElement.readonly\"\n                 [precision]=\"formElementRef._eoFormElement.precision\"\n                 [scale]=\"formElementRef._eoFormElement.scale\"\n                 [grouping]=\"formElementRef._eoFormElement.grouping\"\n                 [pattern]=\"formElementRef._eoFormElement.pattern\"\n                 [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [precision]=\"formElementRef._eoFormElement.precision\"\n                       [scale]=\"formElementRef._eoFormElement.scale\"\n                       [grouping]=\"formElementRef._eoFormElement.grouping\"\n                       [pattern]=\"formElementRef._eoFormElement.pattern\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-number-range>\n    </eo-form-input>\n\n    <!-- TABLE -->\n    <div class=\"table\" *ngSwitchCase=\"'TABLE'\">\n      <eo-table [params]=\"{\n        situation: element._eoFormControlWrapper.situation,\n        element: formElementRef._eoFormElement,\n        size: formElementRef._eoFormElement.size,\n        object: formElementRef._eoFormElement.object\n      }\" [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-table>\n    </div>\n\n    <!-- DATE AND DATETIME -->\n    <eo-form-input *ngSwitchCase=\"'DATETIME'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-datetime *ngIf=\"situation !== 'SEARCH'\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                   [withTime]=\"formElementRef._eoFormElement.withtime\"\n                   [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [validateDatabaseTimeRange]=\"formElementRef._eoFormElement.withtime\"\n      ></eo-datetime>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\"\n                         [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                         [withTime]=\"formElementRef._eoFormElement.withtime\"\n                         [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-datetime-range>\n    </eo-form-input>\n\n\n    <!-- print out the type if it's not matching anything -->\n    <div *ngSwitchDefault><b>{{formElementRef._eoFormElement.type}}</b></div>\n\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n           [translateParams]=\"formElementRef.errors.precision.translateValues\">{{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n           [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}</div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url</div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n</div>\n",
-                styles: [":host-context(.dark) .form-element .form-field .err-msg{background-color:var(--color-error);border:0;border-radius:2px;color:var(--color-white);margin:calc(var(--app-pane-padding)/4) 0;padding:calc(var(--app-pane-padding)/4)}:host{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/8) 0 calc(var(--app-pane-padding)/8)}.form-element .form-field .err-msg{border:0;color:var(--color-error);padding:calc(var(--app-pane-padding)/4) 0}.form-element .form-field .table{align-items:flex-start;border-color:transparent;flex-flow:column}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding)/4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}"]
+                styles: [":host-context(.dark) .form-element .form-field .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}:host{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}"]
             },] }
 ];
 FormElementComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-form/object-form/form-element-table/form-element-table.component.js

@@ -448,7 +448,7 @@ FormElementTableComponent.decorators = [
                         multi: true,
                     }
                 ],
-                styles: [":host-context(.dark) .label{background-color:rgba(var(--color-white-rgb),.1);color:var(--color-white)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-header-cell{background-color:rgba(var(--color-white-rgb),.1);color:rgba(var(--color-white-rgb),.7)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-root{background-color:transparent}:host ::ng-deep{--oft-row-height:30px}:host ::ng-deep .ag-theme-balham{bottom:0;box-sizing:border-box;position:absolute;top:0;width:100%}:host ::ng-deep .ag-theme-balham .ag-root{background-color:var(--color-white)}:host ::ng-deep .ag-theme-balham .copy-cell{-webkit-animation-duration:4s;-webkit-animation-name:copy-cell;animation-duration:4s;animation-name:copy-cell}@-webkit-keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}@keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}:host ::ng-deep .ag-theme-balham .ag-cell{align-items:center;display:flex;font-size:var(--font-caption);line-height:var(--oft-row-height);padding:0 calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-theme-balham .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);border-color:transparent!important;outline:0!important}:host ::ng-deep .ag-theme-balham .ag-cell svg{pointer-events:none}:host ::ng-deep .ag-theme-balham .ag-cell.col-boolean,:host ::ng-deep .ag-theme-balham .ag-cell.res-ico{justify-content:center}:host ::ng-deep .ag-theme-balham .ag-cell.col-number{justify-content:flex-end}:host ::ng-deep .ag-theme-balham .ag-cell .no-value{background-color:var(--color-accent);border-radius:2px;color:var(--color-white);font-size:var(--font-hint);padding:calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon{cursor:pointer;display:flex}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon svg{fill:var(--text-color-caption)}:host ::ng-deep .ag-theme-balham .ag-header-cell{border-bottom-color:var(--color-gainsboro);color:var(--text-color-caption);font-size:var(--font-caption);font-weight:400;line-height:var(--oft-row-height);padding-left:calc(var(--app-pane-padding)/2);padding-right:calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-theme-balham .ag-header-cell:after{opacity:0}:host ::ng-deep .ag-theme-balham .ag-ltr .ag-header-cell{border-right:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .ag-rtl .ag-header-cell{border-left:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .chip,:host ::ng-deep .ag-theme-balham .chip .link{align-items:center;display:flex}:host{background:rgba(var(--color-black-rgb),.02);border:1px solid var(--color-gainsboro);display:block;padding:0!important;width:100%}:host.ng-invalid{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host .object-form-table .grid-body{position:relative;width:100%}:host .object-form-table .grid-body.size-supersmall{height:100px}:host .object-form-table .grid-body.size-small{height:200px}:host .object-form-table .grid-body.size-medium{height:300px}:host .object-form-table .grid-body.size-large{height:400px}:host .object-form-table .grid-body ag-grid-angular{background-color:transparent;height:100%;width:100%}:host .object-form-table.medium .body{height:300px}:host .object-form-table.large .body{height:500px}:host .label{align-items:center;border-bottom:0;display:flex;flex-flow:row nowrap;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4)}:host .label span{display:block;flex:1 1 auto}:host .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:16px;margin:calc(var(--app-pane-padding)/4);width:16px}:host .label eo-icon.stf.add-row{background-color:var(--text-color-hint);border-radius:2px;color:#fff;height:24px;width:24px}:host .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}:host .label button.export{border:1px solid #000;border-radius:2px;color:#000;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/4)}"]
+                styles: [":host-context(.dark) .label{color:var(--color-white);background-color:rgba(var(--color-white-rgb),.1)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-header-cell{color:rgba(var(--color-white-rgb),.7);background-color:rgba(var(--color-white-rgb),.1)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-root{background-color:transparent}:host ::ng-deep{--oft-row-height:30px}:host ::ng-deep .ag-theme-balham{position:absolute;top:0;bottom:0;width:100%;box-sizing:border-box}:host ::ng-deep .ag-theme-balham .ag-root{background-color:var(--color-white)}:host ::ng-deep .ag-theme-balham .copy-cell{animation-name:copy-cell;animation-duration:4s}@keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}:host ::ng-deep .ag-theme-balham .ag-cell{display:flex;align-items:center;padding:0 calc(var(--app-pane-padding) / 4);font-size:var(--font-caption);line-height:var(--oft-row-height)}:host ::ng-deep .ag-theme-balham .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);outline:0!important;border-color:transparent!important}:host ::ng-deep .ag-theme-balham .ag-cell svg{pointer-events:none}:host ::ng-deep .ag-theme-balham .ag-cell.col-boolean,:host ::ng-deep .ag-theme-balham .ag-cell.res-ico{justify-content:center}:host ::ng-deep .ag-theme-balham .ag-cell.col-number{justify-content:flex-end}:host ::ng-deep .ag-theme-balham .ag-cell .no-value{border-radius:2px;font-size:var(--font-hint);background-color:var(--color-accent);padding:calc(var(--app-pane-padding) / 4);color:var(--color-white)}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon{display:flex;cursor:pointer}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon svg{fill:var(--text-color-caption)}:host ::ng-deep .ag-theme-balham .ag-header-cell{color:var(--text-color-caption);font-size:var(--font-caption);line-height:var(--oft-row-height);padding-left:calc(var(--app-pane-padding) / 2);padding-right:calc(var(--app-pane-padding) / 2);font-weight:400;border-bottom-color:var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .ag-header-cell:after{opacity:0}:host ::ng-deep .ag-theme-balham .ag-ltr .ag-header-cell{border-right:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .ag-rtl .ag-header-cell{border-left:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .chip,:host ::ng-deep .ag-theme-balham .chip .link{display:flex;align-items:center}:host{width:100%;display:block;padding:0!important;background:rgba(var(--color-black-rgb),.02);border:1px solid var(--color-gainsboro)}:host.ng-invalid{border-color:var(--color-error);background:rgba(var(--color-error),.15)}:host .object-form-table .grid-body{width:100%;position:relative}:host .object-form-table .grid-body.size-supersmall{height:100px}:host .object-form-table .grid-body.size-small{height:200px}:host .object-form-table .grid-body.size-medium{height:300px}:host .object-form-table .grid-body.size-large{height:400px}:host .object-form-table .grid-body ag-grid-angular{width:100%;height:100%;background-color:transparent}:host .object-form-table.medium .body{height:300px}:host .object-form-table.large .body{height:500px}:host .label{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);border-bottom:0}:host .label span{display:block;flex:1 1 auto}:host .label eo-icon.stf{width:16px;height:16px;margin:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption);cursor:pointer}:host .label eo-icon.stf.add-row{width:24px;height:24px;background-color:var(--text-color-hint);color:#fff;border-radius:2px}:host .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding) / 2)}:host .label button.export{border-radius:2px;border:1px solid #000;color:#000;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4);font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding) / 4)}"]
             },] }
 ];
 FormElementTableComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-form/object-form/object-form-group/object-form-group.component.js

@@ -54,7 +54,7 @@ ObjectFormGroupComponent.decorators = [
                 template: "<div *ngIf=\"group\" [ngSwitch]=\"groupType\"\n     class=\"form-element {{group._eoFormGroup ? group._eoFormGroup.type : 'o2mControlWrap'}} align-{{(group._eoFormGroup && group._eoFormGroup.layout) ? group._eoFormGroup.layout.align : ''}}\"\n     [formGroup]=\"group\">\n\n  <!-- group stacks (tabs) -->\n  <p-tabView *ngSwitchCase=\"'stack'\">\n    <p-tabPanel header=\"{{getObjectFormGroup(group.controls[key]).label}}\"\n                headerStyleClass=\"dirty-{{group.controls[key].dirty}} invalid-{{group.controls[key].invalid}} \"\n                *ngFor=\"let key of group.controls | keys; index as i;\"\n                [selected]=\"i === 0\">\n\n      <div class=\"stack\" [ngClass]=\"{stackBase: group._eoFormGroup.label === 'data'}\">\n\n        <eo-form-element [element]=\"group.controls[key]\"\n                         *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else stkgroup\"\n                         [situation]=\"situation\"\n                         [skipToggle]=\"skipToggle\"></eo-form-element>\n        <ng-template #stkgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [noGroupLabels]=\"true\"\n                         [situation]=\"situation\"\n                         [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </div>\n    </p-tabPanel>\n  </p-tabView>\n\n  <!-- group with legend -->\n  <div *ngSwitchCase=\"'fieldset'\" class=\"om-group fieldset\">\n    <div class=\"legend\"><span>{{group._eoFormGroup.label}}</span></div>\n\n    <div>\n      <ng-container *ngFor=\"let key of group.controls | keys\">\n        <eo-form-element [element]=\"group.controls[key]\"\n                         *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else fsgroup\"\n                         [situation]=\"situation\"\n                         [skipToggle]=\"skipToggle\"></eo-form-element>\n        <ng-template #fsgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\" [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- group -->\n  <ng-container class=\"om-group\" *ngSwitchCase=\"'group'\">\n    <ng-container *ngFor=\"let key of group.controls | keys\">\n\n      <eo-form-element [element]=\"group.controls[key]\"\n                       *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else omgroup\"\n                       [situation]=\"situation\"\n                       [skipToggle]=\"skipToggle\"></eo-form-element>\n      <ng-template #omgroup>\n        <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\" [skipToggle]=\"skipToggle\"></eo-form-group>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</div>\n",
                 // changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
-                styles: [":host{flex:1 1 auto}.dark .form-element .ui-tabview.ui-tabview-top>.ui-tabview-nav{border-color:rgba(var(--color-white-rgb),.2)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-white-rgb),1)}.dark .form-element .ui-state-active a,.dark .form-element .ui-widget-content .ui-state-active a,.dark .form-element .ui-widget-header .ui-state-active a{color:var(--color-white)}.dark .form-element .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-content .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-header .ui-state-default:not(.ui-state-active) a{color:rgba(var(--color-white-rgb),.3)}.form-element{box-sizing:border-box}.form-element.o2mGroupStack{background:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-black-rgb),.26)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-black-rgb),.16)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-white-rgb),.16)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover a{color:rgba(var(--color-white-rgb),.7)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.dirty-true:not(.invalid-true) a .ui-tabview-title{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.invalid-true a .ui-tabview-title{background-color:var(--color-error);color:var(--color-white)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.invalid-true a .ui-tabview-title:after{content:\"!\";margin-left:calc(var(--app-pane-padding)/2)}.form-element.o2mGroupStack p-tabview{width:100%}.form-element.o2mGroupStack.data{border:0}.form-element.align-column{align-content:stretch;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:flex-start}.form-element.align-row>*{flex:1 1 auto}.form-element.align-row>.fieldset>:not(.legend){align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:flex-start}.form-element.align-row>.fieldset>:not(.legend) eo-form-group{flex:1 1 auto;min-width:200px}.form-element .stackBase{padding:var(--app-pane-padding)}.form-element .stackBase>eo-form-group>.form-element>.fieldset{background-color:transparent;border:0;margin:0;padding:0}.form-element .stackBase>eo-form-group>.form-element>.fieldset>.legend{display:none}"]
+                styles: [":host{flex:1 1 auto}.dark .form-element .ui-tabview.ui-tabview-top>.ui-tabview-nav{border-color:rgba(var(--color-white-rgb),.2)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-white-rgb),1)}.dark .form-element .ui-state-active a,.dark .form-element .ui-widget-content .ui-state-active a,.dark .form-element .ui-widget-header .ui-state-active a{color:var(--color-white)}.dark .form-element .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-content .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-header .ui-state-default:not(.ui-state-active) a{color:rgba(var(--color-white-rgb),.3)}.form-element{box-sizing:border-box}.form-element.o2mGroupStack{background:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-black-rgb),.26)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-black-rgb),.16)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-white-rgb),.16)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover a{color:rgba(var(--color-white-rgb),.7)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.dirty-true:not(.invalid-true) a .ui-tabview-title{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.invalid-true a .ui-tabview-title{background-color:var(--color-error);color:var(--color-white)}.form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.invalid-true a .ui-tabview-title:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}.form-element.o2mGroupStack p-tabview{width:100%}.form-element.o2mGroupStack.data{border:0}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 1 auto}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>.fieldset>:not(.legend) eo-form-group{flex:1 1 auto;min-width:200px}.form-element .stackBase{padding:var(--app-pane-padding)}.form-element .stackBase>eo-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>eo-form-group>.form-element>.fieldset>.legend{display:none}"]
             },] }
 ];
 ObjectFormGroupComponent.propDecorators = {

package/esm2015/app/eo-framework/object-form/object-form/object-form.component.js

@@ -608,7 +608,7 @@ ObjectFormComponent.decorators = [
                 // define 'child only' services for the form without setting it up on the module
                 // which would cause them to be propagated to the whole application
                 providers: [ObjectFormScriptService],
-                styles: [":host{display:block}:host .eo-object-form .core{padding:var(--app-pane-padding) var(--app-pane-padding) calc(var(--app-pane-padding)*2) var(--app-pane-padding)}:host .eo-object-form .ui-tabview{padding:0}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack{background:transparent;border:0}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{background-color:var(--panel-background-lightgrey);border-top:1px solid rgba(var(--color-black-rgb),.1);padding:var(--app-pane-padding)}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>p-tabview>.ui-tabview>.ui-tabview-panels{background-color:var(--panel-background-lightgrey)}:host-context(.dark)::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{background-color:rgba(var(--color-white-rgb),.1);border-top:1px solid rgba(var(--color-white-rgb),.1)}:host-context(.dark)::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>p-tabview>.ui-tabview>.ui-tabview-panels{background-color:rgba(var(--color-white-rgb),.1)}"]
+                styles: [":host{display:block}:host .eo-object-form .core{padding:var(--app-pane-padding) var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding)}:host .eo-object-form .ui-tabview{padding:0}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack{background:transparent;border:0}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{background-color:var(--panel-background-lightgrey);border-top:1px solid rgba(var(--color-black-rgb),.1);padding:var(--app-pane-padding)}:host::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>p-tabview>.ui-tabview>.ui-tabview-panels{background-color:var(--panel-background-lightgrey)}:host-context(.dark)::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>eo-form-group>.o2mGroup{background-color:rgba(var(--color-white-rgb),.1);border-top:1px solid rgba(var(--color-white-rgb),.1)}:host-context(.dark)::ng-deep .eo-object-form>.data>eo-form-group>.form-element.o2mGroupStack>p-tabview>.ui-tabview>.ui-tabview-panels{background-color:rgba(var(--color-white-rgb),.1)}"]
             },] }
 ];
 ObjectFormComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-form/object-form-edit/object-form-edit.component.js

@@ -193,7 +193,7 @@ ObjectFormEditComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-object-form-edit',
                 template: "<div class=\"object-form-edit\" [ngClass]=\"{invalid: formState?.invalid === true}\" [eoShortcuts]=\"shortcuts\">\n  <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"formOptions\"\n                  (statusChanged)=\"onFormStatusChanged($event)\"></eo-object-form>\n\n  <div class=\"form-controls\" *ngIf=\"controls.visible\">\n\n    <div class=\"err-msg\" *ngIf=\"formState?.invalid\" translate>eo.object.indexdata.form.invalid</div>\n\n    <div class=\"buttons\">\n\n      <button class=\"secondary\" (click)=\"reset()\" [disabled]=\"controls.saving\" translate>eo.object.indexdata.reset</button>\n      <button class=\"primary\" [ngClass]=\"{spinner: controls.saving}\"\n              [disabled]=\"formState?.invalid || controls.saving\"\n              (click)=\"save()\" translate>eo.object.indexdata.save</button>\n    </div>\n  </div>\n</div>\n\n<eo-dialog [title]=\"('eo.object.indexdata.save.conflict.dialog.title' | translate : {modifier: conflictError?.dmsobject.modified.by.firstname + ' ' + conflictError?.dmsobject.modified.by.lastname})\"\n  (hide)=\"controls.saving = false;\" [(visible)]=\"showConflictDialog\" [minWidth]=\"400\" [styleClass]=\"'conflict__dialog'\">\n\n  <div class=\"action-buttons conflict--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"cancelSaving()\"\n      translate>eo.object.indexdata.save.cancel</button>\n    <button type=\"button\" class=\"button cancel\" (click)=\"showConflictChanges()\"\n      translate>eo.object.indexdata.save.changes</button>\n    <button type=\"button\" (click)=\"save(true); closeConflictDialog();\" class=\"button primary\"\n      translate>eo.object.indexdata.save</button>\n  </div>\n</eo-dialog>\n",
-                styles: [".object-form-edit{background:var(--color-white);display:grid;grid-template-areas:\"form\" \"buttons\";grid-template-columns:1fr;grid-template-rows:1fr auto;min-width:300px}.object-form-edit eo-object-form{-ms-grid-column:1;-ms-grid-row:1;grid-area:form}.object-form-edit .form-controls{-ms-grid-column:1;-ms-grid-row:2;box-sizing:border-box;grid-area:buttons}.object-form-edit .form-controls .err-msg{background-color:var(--color-error);color:#fff;display:none;flex:1 1 auto;order:0;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}.object-form-edit .form-controls .buttons{align-items:center;display:flex;flex:1 1 auto;flex-flow:row wrap;justify-content:flex-end;order:1;padding:var(--app-pane-padding) calc(var(--app-pane-padding)*0.875)}.object-form-edit .form-controls .buttons button{flex:0 0 auto;margin:0 calc(var(--app-pane-padding)*0.125)}.object-form-edit .form-controls .buttons .loader{flex:1 1 auto}.object-form-edit .form-controls .buttons .loader eo-icon{display:none}.object-form-edit .form-controls .buttons .loader.saving eo-icon,.object-form-edit.invalid .form-controls .err-msg{display:block}::ng-deep .conflict__dialog{min-height:unset!important;padding:8px}::ng-deep .conflict__dialog--header{background:#fff!important;color:rgba(var(--color-black-rgb),.54)!important;font-size:1.17em!important;font-weight:400!important;margin:0;padding:0 0 1em!important}"]
+                styles: [".object-form-edit{background:var(--color-white);min-width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"form\" \"buttons\"}.object-form-edit eo-object-form{grid-area:form}.object-form-edit .form-controls{grid-area:buttons;box-sizing:border-box}.object-form-edit .form-controls .err-msg{order:0;flex:1 1 auto;display:none;background-color:var(--color-error);color:#fff;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}.object-form-edit .form-controls .buttons{order:1;flex:1 1 auto;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) * .875)}.object-form-edit .form-controls .buttons button{flex:0 0 auto;margin:0 calc(var(--app-pane-padding) * .125)}.object-form-edit .form-controls .buttons .loader{flex:1 1 auto}.object-form-edit .form-controls .buttons .loader eo-icon{display:none}.object-form-edit .form-controls .buttons .loader.saving eo-icon,.object-form-edit.invalid .form-controls .err-msg{display:block}::ng-deep .conflict__dialog{padding:8px;min-height:unset!important}::ng-deep .conflict__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}"]
             },] }
 ];
 ObjectFormEditComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/object-state-details/object-state-details.component.js

@@ -97,7 +97,7 @@ ObjectStateDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-object-state-details',
                 template: "<eo-tab-container #tContainer [cacheLayout]=\"'object-state-details'\" [enableSlave]=\"false\" [pluginPanels]=\"externalPanels\" (onChange)=\"onTabChange.emit($event)\">\n\n  <!-- LAST CHANGES PANEL -->\n  <eo-tab-panel [id]=\"'last-changes'\" header=\"{{'eo.state.object.frontpage.lastchanges' | translate}}\">\n    <ng-template pTemplate=\"content\">\n      <div class=\"panel last-changes\">\n        <div class=\"eo-head\">\n          <header class=\"eo-header\">\n            <div class=\"eo-header-info eo-header__content\">\n              <h2 class=\"eo-header-title\" translate>eo.state.object.frontpage.lastchanges</h2>\n              <h3 class=\"eo-header-subtitle flex-row\">\n                {{context.title}}\n              </h3>\n              <div class=\"sizing\" *ngIf=\"frontPageData\">\n                <div translate [translateParams]=\"{doccount: frontPageData?.documentCount.value}\">eo.state.object.frontpage.doccount</div>\n                <div translate [translateParams]=\"{filesize: frontPageData?.totalFilesize | fileSize}\">eo.state.object.frontpage.filesize</div>\n              </div>\n            </div>\n            <div class=\"eo-header-actions\">\n            </div>\n          </header>\n        </div>\n\n        <div class=\"eo-body\">\n          <div class=\"doc\" *ngFor=\"let doc of frontPageData?.lastModifications\"\n               [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\"\n               (click)=\"selectFrontPageDoc(doc)\"\n               (contextmenu)=\"onContextMenuClicked($event, doc)\">\n            <div class=\"marker\"></div>\n            <div class=\"content\">\n              <div class=\"date\">{{doc.modified | localeDate}}</div>\n              <strong>{{doc.title}}</strong>\n              <div class=\"desc\">{{doc.description}}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </eo-tab-panel>\n\n  <!-- LAST SEEN PANEL -->\n  <eo-tab-panel #lastSeen [id]=\"'last-seen'\" header=\"{{'eo.state.object.frontpage.lastseen' | translate}}\">\n    <ng-template pTemplate=\"content\">\n      <div class=\"panel last-seen\">\n        <div class=\"eo-head\">\n          <header class=\"eo-header\">\n            <div class=\"eo-header-info eo-header__content\">\n              <h2 class=\"eo-header-title\" translate>eo.state.object.frontpage.lastseen</h2>\n              <h3 class=\"eo-header-subtitle\">\n                {{context.title}}\n              </h3>\n            </div>\n            <div class=\"eo-header-actions\">\n            </div>\n          </header>\n        </div>\n\n        <div class=\"eo-body\">\n          <div class=\"doc\" *ngFor=\"let doc of seenItems\"\n               [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\"\n               (click)=\"selectFrontPageDoc(doc)\"\n               (contextmenu)=\"onContextMenuClicked($event, doc)\">\n            <div class=\"marker\"></div>\n            <div class=\"content\">\n              <div class=\"date\">{{doc.modified.on | localeDate}}</div>\n              <strong>{{doc.title}}</strong>\n              <div class=\"desc\">{{doc.description}}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </eo-tab-panel>\n\n  <ng-content></ng-content>\n</eo-tab-container>\n",
-                styles: [":host ::ng-deep{background:var(--color-white);box-sizing:border-box;color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}:host ::ng-deep .eo-head{background-color:var(--color-primary-3);height:var(--app-pane-header-height)}:host ::ng-deep .eo-head .eo-header{color:var(--color-white)}:host ::ng-deep .eo-body{bottom:0;left:0;position:absolute;right:0;top:0;top:var(--app-pane-header-height)}:host ::ng-deep .sizing{justify-content:space-between}:host ::ng-deep .doc,:host ::ng-deep .sizing{display:flex;margin-bottom:var(--app-pane-padding)}:host ::ng-deep .doc{color:var(--text-color-body);cursor:pointer;flex-flow:row nowrap;flex-shrink:0;padding:0 var(--app-pane-padding)}:host ::ng-deep .doc:first-child{margin-top:var(--app-pane-padding)}:host ::ng-deep .doc .marker{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-black-rgb),.1);flex:0 0 auto;transition:all var(--app-default-transition-duration) ease-in-out;width:4px}:host ::ng-deep .doc .content{flex:1 1 auto;margin:0 var(--app-pane-padding)}:host ::ng-deep .doc .date{font-size:var(--font-hint)}:host ::ng-deep .doc .date,:host ::ng-deep .doc .desc{color:var(--text-color-caption)}:host ::ng-deep .doc.selected .marker,:host ::ng-deep .doc:hover .marker{background:var(--color-accent)}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{border:none;min-height:auto!important;position:fixed;top:calc(var(--app-bar-height) + 56px)}[dir=ltr] :host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{right:calc(var(--app-pane-padding)*1.75)}[dir=rtl] :host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{left:calc(var(--app-pane-padding)*1.75)}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav a:focus .ui-tabview-title{background-color:transparent!important}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav li{align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:4px;display:flex;margin:0 calc(var(--app-pane-padding)/4)}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav li.ui-state-active{background-color:var(--panel-background-grey);border-color:rgba(0,0,0,.2)}:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav{background:var(--color-primary-3)!important;color:var(--color-white)}:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav .ui-state-active a,:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav a{color:var(--color-white)}"]
+                styles: [":host ::ng-deep{position:relative;background:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;box-sizing:border-box;color:var(--text-color-caption);overflow:hidden}:host ::ng-deep .eo-head{height:var(--app-pane-header-height);background-color:var(--color-primary-3)}:host ::ng-deep .eo-head .eo-header{color:var(--color-white)}:host ::ng-deep .eo-body{position:absolute;left:0;right:0;top:0;bottom:0;top:var(--app-pane-header-height)}:host ::ng-deep .sizing{justify-content:space-between}:host ::ng-deep .doc,:host ::ng-deep .sizing{display:flex;margin-bottom:var(--app-pane-padding)}:host ::ng-deep .doc{padding:0 var(--app-pane-padding);color:var(--text-color-body);cursor:pointer;flex-flow:row nowrap;flex-shrink:0}:host ::ng-deep .doc:first-child{margin-top:var(--app-pane-padding)}:host ::ng-deep .doc .marker{width:4px;background:rgba(var(--color-black-rgb),.1);flex:0 0 auto;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host ::ng-deep .doc .content{flex:1 1 auto;margin:0 var(--app-pane-padding)}:host ::ng-deep .doc .date{font-size:var(--font-hint)}:host ::ng-deep .doc .date,:host ::ng-deep .doc .desc{color:var(--text-color-caption)}:host ::ng-deep .doc.selected .marker,:host ::ng-deep .doc:hover .marker{background:var(--color-accent)}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{position:fixed;min-height:auto!important;top:calc(var(--app-bar-height) + 56px);border:none}[dir=ltr] :host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{right:calc(var(--app-pane-padding) * 1.75)}[dir=rtl] :host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav{left:calc(var(--app-pane-padding) * 1.75)}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav a:focus .ui-tabview-title{background-color:transparent!important}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav li{border:1px solid rgba(0,0,0,.1);border-radius:4px;display:flex;margin:0 calc(var(--app-pane-padding) / 4);align-items:center}:host ::ng-deep eo-tab-container .ui-tabview .ui-tabview-nav li.ui-state-active{border-color:rgba(0,0,0,.2);background-color:var(--panel-background-grey)}:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav{background:var(--color-primary-3)!important;color:var(--color-white)}:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav .ui-state-active a,:host ::ng-deep.dark-tabs eo-tab-container .ui-tabview .ui-tabview-nav a{color:var(--color-white)}"]
             },] }
 ];
 ObjectStateDetailsComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/prepare-details/prepare-content-exists-info/prepare-content-exists-info.component.js

@@ -19,7 +19,7 @@ PrepareContentExistsInfoComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-prepare-content-exists-info',
                 template: "<ng-container *ngIf=\"content?.existscount > 0\">\n  <a [routerLink]=\"['/result']\" [queryParams]=\"{query: queryParam}\">\n    {{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}} &raquo;\n  </a>\n</ng-container>",
-                styles: [":host{background-color:var(--color-warning)}:host a{color:#fff;display:block;margin:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2);text-decoration:none}:host a:hover{text-decoration:underline}"]
+                styles: [":host{background-color:var(--color-warning)}:host a{display:block;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);text-decoration:none;color:#fff}:host a:hover{text-decoration:underline}"]
             },] }
 ];
 PrepareContentExistsInfoComponent.propDecorators = {