@eo-sdk/client 10.3.0-rc.2 → 10.4.0-rc.2

package/esm2020/app/eo-framework/process/details/process-details.component.mjs

@@ -206,7 +206,7 @@ let ProcessDetailsComponent = class ProcessDetailsComponent {
     }
 };
 ProcessDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ProcessDetailsComponent, deps: [{ token: i1.BpmService }, { token: i1.UserService }, { token: i1.SystemService }, { token: i2.SelectionService }, { token: i1.ClipboardService }, { token: i1.TranslateService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-ProcessDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: { emptyState: "emptyState", applySelection: "applySelection", item: "item" }, outputs: { onDmsItemSelected: "onDmsItemSelected" }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"process-details\" *ngIf=\"item; else noItem\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [ngClass]=\"{error: item.state === 'ERRORSUSPENDED'}\" *ngIf=\"!item.iconid\" [iconTitle]=\"item.modelname\"\n               [iconSrc]=\"item.iconurl\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconid\" [iconId]=\"item.iconid\" [iconTitle]=\"item.modelname\"></eo-icon>\n      <div class=\"eo-header-info eo-header__content\">\n        <div class=\"eo-header__title\">\n          <h2 class=\"eo-header-title\">{{item.localizedsubject}}</h2>\n          <h3 class=\"eo-header-subtitle\">{{item.modelname}}<span class=\"starter\" *ngIf=\"organisation && organisation.name !== 'sysroot' && organisation.name !== 'system'\">{{organisation.title}} ({{organisation.name}})</span></h3>\n        </div>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs>\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\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      </ng-template>\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"item?.file\"\n                             [isDisabled]=\"false\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addPastedProcessFile($event)\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </yvc-tabs>\n  </div>\n</div>\n\n<ng-template #noItem>\n  <eo-error-message class=\"process-details__empty\" [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: [".process-details{background-color:var(--panel-background-grey);height:100%;position:relative}.process-details yvc-tabs{height:100%}.process-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.process-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.process-details .eo-header .avatar{border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;width:44px;height:44px}.process-details .eo-header-subtitle .starter{display:inline-block;font-size:var(--font-hint);border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);color:var(--text-color-caption);line-height:1em;margin:0 calc(var(--app-pane-padding) / 2);padding:2px calc(var(--app-pane-padding) / 2) 3px calc(var(--app-pane-padding) / 2)}.process-details .eo-header__title{display:flex;flex-direction:column;color:var(--text-color-caption);font-size:var(--font-caption)}.process-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.process-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.process-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.process-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-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}.process-details .eo-body .tab-panel .panel.process-history{height:100%}.process-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}.process-details .eo-body .tab-panel .process-actions button{margin:0 calc(var(--app-pane-padding) * .25)}.process-details .eo-body .tab-panel .process-actions button.ext{position:relative}.process-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:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.process-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:1 1 auto;padding:var(--app-pane-padding) 0}.process-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}.process-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.process-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.process-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)}.process-details .eo-body .notice.pastDue{background-color:var(--color-error);color:var(--color-white)}.process-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.process-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.process-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.process-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.process-details .eo-body .process-performer .head .label{flex:1 1 auto}.process-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}.process-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.process-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}.process-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.process-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.process-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.process-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}.process-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}.process-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.process-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)}.process-details .eo-body .process-files .file-item{background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-details .eo-body .process-files .file-item>div{flex:1 1 auto}.process-details .eo-body .process-files .file-item>div .title{font-weight:700}.process-details .eo-body .process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-details .eo-body .process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-details .eo-body .process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.process-details .eo-body .content-paste{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.process-details .eo-body .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}.process-details .eo-body .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}.process-details .eo-body .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-details .eo-body .no-files{padding:var(--app-pane-padding)}.process-details__empty{background:var(--panel-background)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.Tabs, selector: "yvc-tabs", inputs: ["tabs", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i8.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i9.ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: i10.ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+ProcessDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: { emptyState: "emptyState", applySelection: "applySelection", item: "item" }, outputs: { onDmsItemSelected: "onDmsItemSelected" }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"process-details\" *ngIf=\"item; else noItem\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [ngClass]=\"{error: item.state === 'ERRORSUSPENDED'}\" *ngIf=\"!item.iconid\" [iconTitle]=\"item.modelname\"\n               [iconSrc]=\"item.iconurl\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconid\" [iconId]=\"item.iconid\" [iconTitle]=\"item.modelname\"></eo-icon>\n      <div class=\"eo-header-info eo-header__content\">\n        <div class=\"eo-header__title\">\n          <h2 class=\"eo-header-title\">{{item.localizedsubject}}</h2>\n          <h3 class=\"eo-header-subtitle\">{{item.modelname}}<span class=\"starter\" *ngIf=\"organisation && organisation.name !== 'sysroot' && organisation.name !== 'system'\">{{organisation.title}} ({{organisation.name}})</span></h3>\n        </div>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs>\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\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      </ng-template>\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"item?.file\"\n                             [isDisabled]=\"false\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addPastedProcessFile($event)\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </yvc-tabs>\n  </div>\n</div>\n\n<ng-template #noItem>\n  <eo-error-message class=\"process-details__empty\" [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: [".process-details{background-color:var(--panel-background-grey);height:100%;position:relative}.process-details yvc-tabs{height:100%}.process-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.process-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.process-details .eo-header .avatar{border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;width:44px;height:44px}.process-details .eo-header-subtitle .starter{display:inline-block;font-size:var(--font-hint);border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);color:var(--text-color-caption);line-height:1em;margin:0 calc(var(--app-pane-padding) / 2);padding:2px calc(var(--app-pane-padding) / 2) 3px calc(var(--app-pane-padding) / 2)}.process-details .eo-header__title{display:flex;flex-direction:column;color:var(--text-color-caption);font-size:var(--font-caption)}.process-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.process-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.process-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.process-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-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}.process-details .eo-body .tab-panel .panel.process-history{height:100%}.process-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}.process-details .eo-body .tab-panel .process-actions button{margin:0 calc(var(--app-pane-padding) * .25)}.process-details .eo-body .tab-panel .process-actions button.ext{position:relative}.process-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:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.process-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:1 1 auto;padding:var(--app-pane-padding) 0}.process-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}.process-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.process-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.process-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)}.process-details .eo-body .notice.pastDue{background-color:var(--color-error);color:var(--color-white)}.process-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.process-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.process-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.process-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.process-details .eo-body .process-performer .head .label{flex:1 1 auto}.process-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}.process-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.process-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}.process-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.process-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.process-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.process-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}.process-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}.process-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.process-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)}.process-details .eo-body .process-files .file-item{background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-details .eo-body .process-files .file-item>div{flex:1 1 auto}.process-details .eo-body .process-files .file-item>div .title{font-weight:700}.process-details .eo-body .process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-details .eo-body .process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-details .eo-body .process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.process-details .eo-body .content-paste{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.process-details .eo-body .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}.process-details .eo-body .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}.process-details .eo-body .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-details .eo-body .no-files{padding:var(--app-pane-padding)}.process-details__empty{background:var(--panel-background)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i8.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i9.ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: i10.ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 ProcessDetailsComponent = __decorate([
     UntilDestroy()
 ], ProcessDetailsComponent);

package/esm2020/app/eo-framework/stored-query/stored-query-details/stored-query-details.component.mjs

@@ -482,14 +482,14 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
     }
 };
 StoredQueryDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: StoredQueryDetailsComponent, deps: [{ token: i1.Router }, { token: i2.SearchService }, { token: i2.UserService }, { token: i2.SystemService }, { token: i3.SelectionService }, { token: i4.PendingChangesService }, { token: i2.StoredQueriesService }, { token: i5.ObjectFormHelperService }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-StoredQueryDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: StoredQueryDetailsComponent, selector: "eo-stored-query-details", inputs: { query: "query" }, outputs: { notifyList: "notifyList" }, viewQueries: [{ propertyName: "storedQueryForm", first: true, predicate: ["storedQueryForm"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;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{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { kind: "directive", type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i9.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i10.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i11.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i11.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i11.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i13.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i14.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "component", type: i15.DynamicPropertySwitchComponent, selector: "eo-dynamic-property-switch", inputs: ["parentFormControl"], outputs: ["onPropertyChanged"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+StoredQueryDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: StoredQueryDetailsComponent, selector: "eo-stored-query-details", inputs: { query: "query" }, outputs: { notifyList: "notifyList" }, viewQueries: [{ propertyName: "storedQueryForm", first: true, predicate: ["storedQueryForm"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;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{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{width:100%;font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { kind: "directive", type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i9.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i10.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i11.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i11.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i11.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i13.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i14.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "component", type: i15.DynamicPropertySwitchComponent, selector: "eo-dynamic-property-switch", inputs: ["parentFormControl"], outputs: ["onPropertyChanged"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 StoredQueryDetailsComponent = __decorate([
     UntilDestroy()
 ], StoredQueryDetailsComponent);
 export { StoredQueryDetailsComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: StoredQueryDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-stored-query-details', template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;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{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\n"] }]
+            args: [{ selector: 'eo-stored-query-details', template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;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{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{width:100%;font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SearchService }, { type: i2.UserService }, { type: i2.SystemService }, { type: i3.SelectionService }, { type: i4.PendingChangesService }, { type: i2.StoredQueriesService }, { type: i5.ObjectFormHelperService }, { type: i0.ElementRef }, { type: i2.TranslateService }]; }, propDecorators: { storedQueryForm: [{
                 type: ViewChild,
                 args: ['storedQueryForm']

package/esm2020/app/eo-framework/tree/tree-node/tree-node.component.mjs

@@ -11,10 +11,10 @@ export class TreeNodeComponent {
     }
 }
 TreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: TreeNodeComponent, selector: "eo-tree-node", inputs: { node: "node" }, outputs: { onNodeSelected: "onNodeSelected", onNodeExpandedChanged: "onNodeExpandedChanged" }, ngImport: i0, template: "<div class=\"tree-node\"\n     [ngClass]=\"{selected: node.selected,\n          expanded: node.expanded,\n          notSelectable: !node.selectable && !(node.children?.length),\n          branch: node.children && node.children.length > 0}\">\n  <div class=\"node-line\"></div>\n  <div class=\"node-content\">\n\n    <div class=\"node-item\">\n      <div class=\"spacer\"></div>\n      <div class=\"ico\" (click)=\"node.children?.length ? onNodeExpandedChanged.emit(node) : onNodeSelected.emit(node)\"></div>\n      <div class=\"values\">\n        <div class=\"label\" (click)=\"onNodeSelected.emit(node)\" [ngClass]=\"{focused: node.focused}\">\n          <span>{{node.name}}</span>\n        </div>\n        <div class=\"badge\" *ngIf=\"node.badges && node.badges.length > 0\">\n              <span *ngFor=\"let badge of node.badges\"\n                    class=\"{{badge.cssClass}}\"\n                    [ngClass]=\"{highlighted: node.highlighted}\">\n                    {{badge.value}}\n              </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"node-children\" *ngIf=\"node.children?.length\">\n      <eo-tree-node [node]=\"_node\" *ngFor=\"let _node of node.children; trackBy: trackById\"\n                    (onNodeExpandedChanged)=\"onNodeExpandedChanged.emit($event)\"\n                    (onNodeSelected)=\"onNodeSelected.emit($event)\"></eo-tree-node>\n    </div>\n  </div>\n</div>\n", styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding) / 4)}.eo-tree{--tree-node-line-color: var(--text-color-hint);color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap}.eo-tree .tree-node.notSelectable{display:none;color:var(--text-color-hint)}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{width:1px;background:var(--tree-node-line-color);align-self:stretch;flex:0 0 auto}.eo-tree .tree-node .node-content{padding:calc(var(--app-pane-padding) / 2) 0;flex:1 1 auto;min-width:0}.eo-tree .tree-node .node-content .node-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;height:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .spacer{display:flex;flex-flow:column;width:calc(var(--app-pane-padding) / 2);align-self:stretch}.eo-tree .tree-node .node-content .node-item .spacer:before{content:\"\";flex:0 0 50%;border-bottom:1px solid var(--tree-node-line-color)}.eo-tree .tree-node .node-content .node-item .ico{width:var(--app-pane-padding);height:var(--app-pane-padding);box-sizing:border-box;border:1px solid var(--tree-node-line-color);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.eo-tree .tree-node .node-content .node-item .values{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:space-between}.eo-tree .tree-node .node-content .node-item .label{margin-left:calc(var(--app-pane-padding) / 4);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;cursor:pointer;padding:1px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:100%}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;box-sizing:border-box;border-radius:3px;border:1px solid transparent;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 4)}.eo-tree .tree-node .node-content .node-item .badge span{margin:0 calc(var(--app-pane-padding) / 4);line-height:1em;color:var(--text-color-caption);border-radius:calc(var(--app-pane-padding) / 4);box-sizing:content-box;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);border:1px solid var(--text-color-hint)}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);color:var(--color-white);border-color:transparent}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{padding-left:var(--app-pane-padding);display:none}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{content:\"\";width:calc(var(--app-pane-padding) / 2);height:calc(var(--app-pane-padding) / 2);border-radius:50%;background:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{content:\"+\";font-family:monospace;font-size:14px;color:var(--text-color-caption);text-align:center;width:calc(var(--app-pane-padding) - 2px);height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeNodeComponent, selector: "eo-tree-node", inputs: ["node"], outputs: ["onNodeSelected", "onNodeExpandedChanged"] }], encapsulation: i0.ViewEncapsulation.None });
+TreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: TreeNodeComponent, selector: "eo-tree-node", inputs: { node: "node" }, outputs: { onNodeSelected: "onNodeSelected", onNodeExpandedChanged: "onNodeExpandedChanged" }, ngImport: i0, template: "<div class=\"tree-node\"\n     [ngClass]=\"{selected: node.selected,\n          expanded: node.expanded,\n          notSelectable: !node.selectable && !(node.children?.length),\n          branch: node.children && node.children.length > 0}\">\n  <div class=\"node-line\"></div>\n  <div class=\"node-content\">\n\n    <div class=\"node-item\">\n      <div class=\"spacer\"></div>\n      <div class=\"ico\" (click)=\"node.children?.length ? onNodeExpandedChanged.emit(node) : onNodeSelected.emit(node)\"></div>\n      <div class=\"values\">\n        <div class=\"label\" (click)=\"onNodeSelected.emit(node)\" [ngClass]=\"{focused: node.focused}\">\n          <span>{{node.name}}</span>\n        </div>\n        <div class=\"badge\" *ngIf=\"node.badges && node.badges.length > 0\">\n              <span *ngFor=\"let badge of node.badges\"\n                    class=\"{{badge.cssClass}}\"\n                    [ngClass]=\"{highlighted: node.highlighted}\">\n                    {{badge.value}}\n              </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"node-children\" *ngIf=\"node.children?.length\">\n      <eo-tree-node [node]=\"_node\" *ngFor=\"let _node of node.children; trackBy: trackById\"\n                    (onNodeExpandedChanged)=\"onNodeExpandedChanged.emit($event)\"\n                    (onNodeSelected)=\"onNodeSelected.emit($event)\"></eo-tree-node>\n    </div>\n  </div>\n</div>\n", styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding) / 4)}.eo-tree{--tree-node-line-color: var(--text-color-hint);color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap}.eo-tree .tree-node.notSelectable{display:none;color:var(--text-color-hint)}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{width:1px;background:var(--tree-node-line-color);align-self:stretch;flex:0 0 auto}.eo-tree .tree-node .node-content{padding:calc(var(--app-pane-padding) / 2) 0;flex:1 1 auto;min-width:0}.eo-tree .tree-node .node-content .node-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;height:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .spacer{display:flex;flex-flow:column;width:calc(var(--app-pane-padding) / 2);align-self:stretch}.eo-tree .tree-node .node-content .node-item .spacer:before{content:\"\";flex:0 0 50%;border-bottom:1px solid var(--tree-node-line-color)}.eo-tree .tree-node .node-content .node-item .ico{width:var(--app-pane-padding);height:var(--app-pane-padding);box-sizing:border-box;border:1px solid var(--tree-node-line-color);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.eo-tree .tree-node .node-content .node-item .values{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:space-between}.eo-tree .tree-node .node-content .node-item .label{margin-left:calc(var(--app-pane-padding) / 4);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;cursor:pointer;padding:1px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:100%}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;box-sizing:border-box;border-radius:3px;border:1px solid transparent;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 4)}.eo-tree .tree-node .node-content .node-item .badge span{margin:0 calc(var(--app-pane-padding) / 4);line-height:1em;color:var(--text-color-caption);border-radius:calc(var(--app-pane-padding) / 4);box-sizing:content-box;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);border:1px solid var(--text-color-hint);white-space:nowrap}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);color:var(--color-white);border-color:transparent}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{padding-left:var(--app-pane-padding);display:none}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{content:\"\";width:calc(var(--app-pane-padding) / 2);height:calc(var(--app-pane-padding) / 2);border-radius:50%;background:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{content:\"+\";font-family:monospace;font-size:14px;color:var(--text-color-caption);text-align:center;width:calc(var(--app-pane-padding) - 2px);height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeNodeComponent, selector: "eo-tree-node", inputs: ["node"], outputs: ["onNodeSelected", "onNodeExpandedChanged"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: TreeNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-tree-node', encapsulation: ViewEncapsulation.None, template: "<div class=\"tree-node\"\n     [ngClass]=\"{selected: node.selected,\n          expanded: node.expanded,\n          notSelectable: !node.selectable && !(node.children?.length),\n          branch: node.children && node.children.length > 0}\">\n  <div class=\"node-line\"></div>\n  <div class=\"node-content\">\n\n    <div class=\"node-item\">\n      <div class=\"spacer\"></div>\n      <div class=\"ico\" (click)=\"node.children?.length ? onNodeExpandedChanged.emit(node) : onNodeSelected.emit(node)\"></div>\n      <div class=\"values\">\n        <div class=\"label\" (click)=\"onNodeSelected.emit(node)\" [ngClass]=\"{focused: node.focused}\">\n          <span>{{node.name}}</span>\n        </div>\n        <div class=\"badge\" *ngIf=\"node.badges && node.badges.length > 0\">\n              <span *ngFor=\"let badge of node.badges\"\n                    class=\"{{badge.cssClass}}\"\n                    [ngClass]=\"{highlighted: node.highlighted}\">\n                    {{badge.value}}\n              </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"node-children\" *ngIf=\"node.children?.length\">\n      <eo-tree-node [node]=\"_node\" *ngFor=\"let _node of node.children; trackBy: trackById\"\n                    (onNodeExpandedChanged)=\"onNodeExpandedChanged.emit($event)\"\n                    (onNodeSelected)=\"onNodeSelected.emit($event)\"></eo-tree-node>\n    </div>\n  </div>\n</div>\n", styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding) / 4)}.eo-tree{--tree-node-line-color: var(--text-color-hint);color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap}.eo-tree .tree-node.notSelectable{display:none;color:var(--text-color-hint)}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{width:1px;background:var(--tree-node-line-color);align-self:stretch;flex:0 0 auto}.eo-tree .tree-node .node-content{padding:calc(var(--app-pane-padding) / 2) 0;flex:1 1 auto;min-width:0}.eo-tree .tree-node .node-content .node-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;height:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .spacer{display:flex;flex-flow:column;width:calc(var(--app-pane-padding) / 2);align-self:stretch}.eo-tree .tree-node .node-content .node-item .spacer:before{content:\"\";flex:0 0 50%;border-bottom:1px solid var(--tree-node-line-color)}.eo-tree .tree-node .node-content .node-item .ico{width:var(--app-pane-padding);height:var(--app-pane-padding);box-sizing:border-box;border:1px solid var(--tree-node-line-color);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.eo-tree .tree-node .node-content .node-item .values{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:space-between}.eo-tree .tree-node .node-content .node-item .label{margin-left:calc(var(--app-pane-padding) / 4);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;cursor:pointer;padding:1px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:100%}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;box-sizing:border-box;border-radius:3px;border:1px solid transparent;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 4)}.eo-tree .tree-node .node-content .node-item .badge span{margin:0 calc(var(--app-pane-padding) / 4);line-height:1em;color:var(--text-color-caption);border-radius:calc(var(--app-pane-padding) / 4);box-sizing:content-box;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);border:1px solid var(--text-color-hint)}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);color:var(--color-white);border-color:transparent}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{padding-left:var(--app-pane-padding);display:none}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{content:\"\";width:calc(var(--app-pane-padding) / 2);height:calc(var(--app-pane-padding) / 2);border-radius:50%;background:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{content:\"+\";font-family:monospace;font-size:14px;color:var(--text-color-caption);text-align:center;width:calc(var(--app-pane-padding) - 2px);height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}\n"] }]
+            args: [{ selector: 'eo-tree-node', encapsulation: ViewEncapsulation.None, template: "<div class=\"tree-node\"\n     [ngClass]=\"{selected: node.selected,\n          expanded: node.expanded,\n          notSelectable: !node.selectable && !(node.children?.length),\n          branch: node.children && node.children.length > 0}\">\n  <div class=\"node-line\"></div>\n  <div class=\"node-content\">\n\n    <div class=\"node-item\">\n      <div class=\"spacer\"></div>\n      <div class=\"ico\" (click)=\"node.children?.length ? onNodeExpandedChanged.emit(node) : onNodeSelected.emit(node)\"></div>\n      <div class=\"values\">\n        <div class=\"label\" (click)=\"onNodeSelected.emit(node)\" [ngClass]=\"{focused: node.focused}\">\n          <span>{{node.name}}</span>\n        </div>\n        <div class=\"badge\" *ngIf=\"node.badges && node.badges.length > 0\">\n              <span *ngFor=\"let badge of node.badges\"\n                    class=\"{{badge.cssClass}}\"\n                    [ngClass]=\"{highlighted: node.highlighted}\">\n                    {{badge.value}}\n              </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"node-children\" *ngIf=\"node.children?.length\">\n      <eo-tree-node [node]=\"_node\" *ngFor=\"let _node of node.children; trackBy: trackById\"\n                    (onNodeExpandedChanged)=\"onNodeExpandedChanged.emit($event)\"\n                    (onNodeSelected)=\"onNodeSelected.emit($event)\"></eo-tree-node>\n    </div>\n  </div>\n</div>\n", styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding) / 4)}.eo-tree{--tree-node-line-color: var(--text-color-hint);color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap}.eo-tree .tree-node.notSelectable{display:none;color:var(--text-color-hint)}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{width:1px;background:var(--tree-node-line-color);align-self:stretch;flex:0 0 auto}.eo-tree .tree-node .node-content{padding:calc(var(--app-pane-padding) / 2) 0;flex:1 1 auto;min-width:0}.eo-tree .tree-node .node-content .node-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;height:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .spacer{display:flex;flex-flow:column;width:calc(var(--app-pane-padding) / 2);align-self:stretch}.eo-tree .tree-node .node-content .node-item .spacer:before{content:\"\";flex:0 0 50%;border-bottom:1px solid var(--tree-node-line-color)}.eo-tree .tree-node .node-content .node-item .ico{width:var(--app-pane-padding);height:var(--app-pane-padding);box-sizing:border-box;border:1px solid var(--tree-node-line-color);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.eo-tree .tree-node .node-content .node-item .values{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:space-between}.eo-tree .tree-node .node-content .node-item .label{margin-left:calc(var(--app-pane-padding) / 4);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;cursor:pointer;padding:1px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:100%}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;box-sizing:border-box;border-radius:3px;border:1px solid transparent;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 4)}.eo-tree .tree-node .node-content .node-item .badge span{margin:0 calc(var(--app-pane-padding) / 4);line-height:1em;color:var(--text-color-caption);border-radius:calc(var(--app-pane-padding) / 4);box-sizing:content-box;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);border:1px solid var(--text-color-hint);white-space:nowrap}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);color:var(--color-white);border-color:transparent}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{padding-left:var(--app-pane-padding);display:none}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{content:\"\";width:calc(var(--app-pane-padding) / 2);height:calc(var(--app-pane-padding) / 2);border-radius:50%;background:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{content:\"+\";font-family:monospace;font-size:14px;color:var(--text-color-caption);text-align:center;width:calc(var(--app-pane-padding) - 2px);height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { node: [{
                 type: Input
             }], onNodeSelected: [{
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
             }], onNodeExpandedChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZW8tZnJhbWV3b3JrL3RyZWUvdHJlZS1ub2RlL3RyZWUtbm9kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2VvLWZyYW1ld29yay90cmVlL3RyZWUtbm9kZS90cmVlLW5vZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUzFGLE1BQU0sT0FBTyxpQkFBaUI7SUFLNUI7UUFIVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEMsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUdyRCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQUssRUFBRSxJQUFJO1FBQ25CLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDOzs4R0FWVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2S0NUOUIsKzRDQWdDQSxtK0xEdkJhLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLGNBQWMsaUJBR1QsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyZWVOb2RlfSBmcm9tICcuLi90cmVlLmNvbXBvbmVudC5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlby10cmVlLW5vZGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJlZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdHJlZS1ub2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVHJlZU5vZGVDb21wb25lbnQge1xuICBASW5wdXQoKSBub2RlOiBUcmVlTm9kZTtcbiAgQE91dHB1dCgpIG9uTm9kZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb25Ob2RlRXhwYW5kZWRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgdHJhY2tCeUlkKGluZGV4LCBpdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0uaWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0cmVlLW5vZGVcIlxuICAgICBbbmdDbGFzc109XCJ7c2VsZWN0ZWQ6IG5vZGUuc2VsZWN0ZWQsXG4gICAgICAgICAgZXhwYW5kZWQ6IG5vZGUuZXhwYW5kZWQsXG4gICAgICAgICAgbm90U2VsZWN0YWJsZTogIW5vZGUuc2VsZWN0YWJsZSAmJiAhKG5vZGUuY2hpbGRyZW4/Lmxlbmd0aCksXG4gICAgICAgICAgYnJhbmNoOiBub2RlLmNoaWxkcmVuICYmIG5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMH1cIj5cbiAgPGRpdiBjbGFzcz1cIm5vZGUtbGluZVwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibm9kZS1jb250ZW50XCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwibm9kZS1pdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3BhY2VyXCI+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvXCIgKGNsaWNrKT1cIm5vZGUuY2hpbGRyZW4/Lmxlbmd0aCA/IG9uTm9kZUV4cGFuZGVkQ2hhbmdlZC5lbWl0KG5vZGUpIDogb25Ob2RlU2VsZWN0ZWQuZW1pdChub2RlKVwiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInZhbHVlc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIiAoY2xpY2spPVwib25Ob2RlU2VsZWN0ZWQuZW1pdChub2RlKVwiIFtuZ0NsYXNzXT1cIntmb2N1c2VkOiBub2RlLmZvY3VzZWR9XCI+XG4gICAgICAgICAgPHNwYW4+e3tub2RlLm5hbWV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYWRnZVwiICpuZ0lmPVwibm9kZS5iYWRnZXMgJiYgbm9kZS5iYWRnZXMubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICA8c3BhbiAqbmdGb3I9XCJsZXQgYmFkZ2Ugb2Ygbm9kZS5iYWRnZXNcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInt7YmFkZ2UuY3NzQ2xhc3N9fVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntoaWdobGlnaHRlZDogbm9kZS5oaWdobGlnaHRlZH1cIj5cbiAgICAgICAgICAgICAgICAgICAge3tiYWRnZS52YWx1ZX19XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJub2RlLWNoaWxkcmVuXCIgKm5nSWY9XCJub2RlLmNoaWxkcmVuPy5sZW5ndGhcIj5cbiAgICAgIDxlby10cmVlLW5vZGUgW25vZGVdPVwiX25vZGVcIiAqbmdGb3I9XCJsZXQgX25vZGUgb2Ygbm9kZS5jaGlsZHJlbjsgdHJhY2tCeTogdHJhY2tCeUlkXCJcbiAgICAgICAgICAgICAgICAgICAgKG9uTm9kZUV4cGFuZGVkQ2hhbmdlZCk9XCJvbk5vZGVFeHBhbmRlZENoYW5nZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgKG9uTm9kZVNlbGVjdGVkKT1cIm9uTm9kZVNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiPjwvZW8tdHJlZS1ub2RlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZW8tZnJhbWV3b3JrL3RyZWUvdHJlZS1ub2RlL3RyZWUtbm9kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2VvLWZyYW1ld29yay90cmVlL3RyZWUtbm9kZS90cmVlLW5vZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUzFGLE1BQU0sT0FBTyxpQkFBaUI7SUFLNUI7UUFIVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEMsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUdyRCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQUssRUFBRSxJQUFJO1FBQ25CLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDOzs4R0FWVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2S0NUOUIsKzRDQWdDQSxzL0xEdkJhLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLGNBQWMsaUJBR1QsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyZWVOb2RlfSBmcm9tICcuLi90cmVlLmNvbXBvbmVudC5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlby10cmVlLW5vZGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJlZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdHJlZS1ub2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVHJlZU5vZGVDb21wb25lbnQge1xuICBASW5wdXQoKSBub2RlOiBUcmVlTm9kZTtcbiAgQE91dHB1dCgpIG9uTm9kZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb25Ob2RlRXhwYW5kZWRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgdHJhY2tCeUlkKGluZGV4LCBpdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0uaWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0cmVlLW5vZGVcIlxuICAgICBbbmdDbGFzc109XCJ7c2VsZWN0ZWQ6IG5vZGUuc2VsZWN0ZWQsXG4gICAgICAgICAgZXhwYW5kZWQ6IG5vZGUuZXhwYW5kZWQsXG4gICAgICAgICAgbm90U2VsZWN0YWJsZTogIW5vZGUuc2VsZWN0YWJsZSAmJiAhKG5vZGUuY2hpbGRyZW4/Lmxlbmd0aCksXG4gICAgICAgICAgYnJhbmNoOiBub2RlLmNoaWxkcmVuICYmIG5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMH1cIj5cbiAgPGRpdiBjbGFzcz1cIm5vZGUtbGluZVwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibm9kZS1jb250ZW50XCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwibm9kZS1pdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3BhY2VyXCI+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvXCIgKGNsaWNrKT1cIm5vZGUuY2hpbGRyZW4/Lmxlbmd0aCA/IG9uTm9kZUV4cGFuZGVkQ2hhbmdlZC5lbWl0KG5vZGUpIDogb25Ob2RlU2VsZWN0ZWQuZW1pdChub2RlKVwiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInZhbHVlc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIiAoY2xpY2spPVwib25Ob2RlU2VsZWN0ZWQuZW1pdChub2RlKVwiIFtuZ0NsYXNzXT1cIntmb2N1c2VkOiBub2RlLmZvY3VzZWR9XCI+XG4gICAgICAgICAgPHNwYW4+e3tub2RlLm5hbWV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYWRnZVwiICpuZ0lmPVwibm9kZS5iYWRnZXMgJiYgbm9kZS5iYWRnZXMubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICA8c3BhbiAqbmdGb3I9XCJsZXQgYmFkZ2Ugb2Ygbm9kZS5iYWRnZXNcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInt7YmFkZ2UuY3NzQ2xhc3N9fVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntoaWdobGlnaHRlZDogbm9kZS5oaWdobGlnaHRlZH1cIj5cbiAgICAgICAgICAgICAgICAgICAge3tiYWRnZS52YWx1ZX19XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJub2RlLWNoaWxkcmVuXCIgKm5nSWY9XCJub2RlLmNoaWxkcmVuPy5sZW5ndGhcIj5cbiAgICAgIDxlby10cmVlLW5vZGUgW25vZGVdPVwiX25vZGVcIiAqbmdGb3I9XCJsZXQgX25vZGUgb2Ygbm9kZS5jaGlsZHJlbjsgdHJhY2tCeTogdHJhY2tCeUlkXCJcbiAgICAgICAgICAgICAgICAgICAgKG9uTm9kZUV4cGFuZGVkQ2hhbmdlZCk9XCJvbk5vZGVFeHBhbmRlZENoYW5nZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgKG9uTm9kZVNlbGVjdGVkKT1cIm9uTm9kZVNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiPjwvZW8tdHJlZS1ub2RlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19