@eo-sdk/client 11.14.0-rc.3 → 11.14.0-rc.4

package/esm2022/app/eo-framework/object-form/object-form/object-form-group/object-form-group.component.mjs

@@ -63,7 +63,7 @@ export class ObjectFormGroupComponent {
         return parentFormElement && parentFormElement.type === 'o2mGroupStack';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ObjectFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ObjectFormGroupComponent, selector: "eo-form-group", inputs: { situation: "situation", skipToggle: "skipToggle", groupd: ["group", "groupd"], noGroupLabels: "noGroupLabels" }, ngImport: i0, template: "<div *ngIf=\"group\" [ngSwitch]=\"groupType\"\n  class=\"form-element {{group._eoFormGroup ? group._eoFormGroup.type : 'o2mControlWrap'}} align-{{(group._eoFormGroup && group._eoFormGroup.layout) ? group._eoFormGroup.layout.align : ''}}\"\n  [formGroup]=\"group\">\n\n  <!-- group stacks (tabs) -->\n  <yvc-tabs *ngSwitchCase=\"'stack'\" [layoutSettingsID]=\"layoutSettingsID\">\n    <ng-template *ngFor=\"let key of group.controls | keys; index as i;\" [yvcTab]=\"{id: 't' + i,\n    headerStyleClass: 'dirty-' + group.controls[key].dirty + ' invalid-' + group.controls[key].invalid,\n    label: getObjectFormGroup(group.controls[key]).label}\">\n      <div class=\"stack\" [ngClass]=\"{stackBase: group._eoFormGroup.label === 'data'}\">\n        <eo-form-element [element]=\"group.controls[key]\"\n          *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else stkgroup\" [situation]=\"situation\"\n          [skipToggle]=\"skipToggle\">\n          <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n            let-formElementRef=\"formElementRef\">\n            <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n          </ng-template>\n        </eo-form-element>\n        <ng-template #stkgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [noGroupLabels]=\"true\" [situation]=\"situation\"\n            [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </div>\n    </ng-template>\n  </yvc-tabs>\n\n  <!-- group with legend -->\n  <div *ngSwitchCase=\"'fieldset'\" class=\"om-group fieldset\">\n    <div class=\"legend\"><span>{{group._eoFormGroup.label}}</span></div>\n\n    <div>\n      <ng-container *ngFor=\"let key of group.controls | keys\">\n        <eo-form-element [element]=\"group.controls[key]\"\n          *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else fsgroup\" [situation]=\"situation\"\n          [skipToggle]=\"skipToggle\">\n          <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n            let-formElementRef=\"formElementRef\">\n            <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n          </ng-template>\n        </eo-form-element>\n        <ng-template #fsgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\"\n            [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- group -->\n  <ng-container class=\"om-group\" *ngSwitchCase=\"'group'\">\n    <ng-container *ngFor=\"let key of group.controls | keys\">\n\n      <eo-form-element [element]=\"group.controls[key]\"\n        *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else omgroup\" [situation]=\"situation\"\n        [skipToggle]=\"skipToggle\">\n\n        <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n          let-formElementRef=\"formElementRef\">\n          <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n        </ng-template>\n\n      </eo-form-element>\n      <ng-template #omgroup>\n        <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\" [skipToggle]=\"skipToggle\"></eo-form-group>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</div>\n\n\n<ng-template #tplFormElementTable let-element=\"element\" let-formElementRef=\"formElementRef\">\n  <div class=\"table\">\n    <eo-table [params]=\"{\nsituation: element._eoFormControlWrapper.situation,\nelement: formElementRef._eoFormElement,\nsize: formElementRef._eoFormElement.size,\nobject: formElementRef._eoFormElement.object\n}\" [formControl]=\"element.get(element._eoFormControlWrapper.controlName)\"></eo-table>\n  </div>\n</ng-template>\n", styles: [":host{flex:1 1 auto}.dark .form-element .ui-tabview.ui-tabview-top>.ui-tabview-nav{border-color:rgba(var(--color-white-rgb),.2)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-white-rgb),1)}.dark .form-element .ui-widget-header .ui-state-active a,.dark .form-element .ui-widget-content .ui-state-active a,.dark .form-element .ui-state-active a{color:var(--color-white)}.dark .form-element .ui-widget-header .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-content .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-state-default:not(.ui-state-active) a{color:rgba(var(--color-white-rgb),.3)}.form-element{box-sizing:border-box}.form-element.o2mGroupStack{background:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1)}.form-element.o2mGroupStack p-tabview{width:100%}.form-element.o2mGroupStack a[role=tab].invalid-true .label{background-color:var(--color-error);color:var(--color-white)}.form-element.o2mGroupStack a[role=tab].invalid-true .label:after{content:\"!\";margin-inline-start:calc(var(--app-pane-padding) / 2)}.form-element.o2mGroupStack a[role=tab].dirty-true:not(.invalid-true) .label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack.data{border:0}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 1 auto}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>.fieldset>:not(.legend) eo-form-group{flex:1 1 auto;min-width:200px}.form-element .stackBase{padding:var(--app-pane-padding)}.form-element .stackBase>eo-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>eo-form-group>.form-element>.fieldset>.legend{display:none}\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: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i3.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: ObjectFormGroupComponent, selector: "eo-form-group", inputs: ["situation", "skipToggle", "group", "noGroupLabels"] }, { kind: "component", type: i4.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { kind: "component", type: i5.FormElementTableComponent, selector: "eo-table", inputs: ["limit", "hasPreviewFile", "minWidth", "height", "params"] }, { kind: "directive", type: i6.FormElementTemplate, selector: "[eoFormElementTemplate]", inputs: ["propertyType"] }, { kind: "pipe", type: i7.KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ObjectFormGroupComponent, selector: "eo-form-group", inputs: { situation: "situation", skipToggle: "skipToggle", groupd: ["group", "groupd"], noGroupLabels: "noGroupLabels" }, ngImport: i0, template: "<div *ngIf=\"group\" [ngSwitch]=\"groupType\"\n  class=\"form-element {{group._eoFormGroup ? group._eoFormGroup.type : 'o2mControlWrap'}} align-{{(group._eoFormGroup && group._eoFormGroup.layout) ? group._eoFormGroup.layout.align : ''}}\"\n  [formGroup]=\"group\">\n\n  <!-- group stacks (tabs) -->\n  <yvc-tabs *ngSwitchCase=\"'stack'\" [layoutSettingsID]=\"layoutSettingsID\">\n    <ng-template *ngFor=\"let key of group.controls | keys; index as i;\" [yvcTab]=\"{id: 't' + i,\n    headerStyleClass: 'dirty-' + group.controls[key].dirty + ' invalid-' + group.controls[key].invalid,\n    label: getObjectFormGroup(group.controls[key]).label}\">\n      <div class=\"stack\" [ngClass]=\"{stackBase: group._eoFormGroup.label === 'data'}\">\n        <eo-form-element [element]=\"group.controls[key]\"\n          *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else stkgroup\" [situation]=\"situation\"\n          [skipToggle]=\"skipToggle\">\n          <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n            let-formElementRef=\"formElementRef\">\n            <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n          </ng-template>\n        </eo-form-element>\n        <ng-template #stkgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [noGroupLabels]=\"true\" [situation]=\"situation\"\n            [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </div>\n    </ng-template>\n  </yvc-tabs>\n\n  <!-- group with legend -->\n  <div *ngSwitchCase=\"'fieldset'\" class=\"om-group fieldset\">\n    <div class=\"legend\"><span>{{group._eoFormGroup.label}}</span></div>\n\n    <div>\n      <ng-container *ngFor=\"let key of group.controls | keys\">\n        <eo-form-element [element]=\"group.controls[key]\"\n          *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else fsgroup\" [situation]=\"situation\"\n          [skipToggle]=\"skipToggle\">\n          <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n            let-formElementRef=\"formElementRef\">\n            <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n          </ng-template>\n        </eo-form-element>\n        <ng-template #fsgroup>\n          <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\"\n            [skipToggle]=\"skipToggle\"></eo-form-group>\n        </ng-template>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- group -->\n  <ng-container class=\"om-group\" *ngSwitchCase=\"'group'\">\n    <ng-container *ngFor=\"let key of group.controls | keys\">\n\n      <eo-form-element [element]=\"group.controls[key]\"\n        *ngIf=\"getObjectFormControlWrapper(group.controls[key]); else omgroup\" [situation]=\"situation\"\n        [skipToggle]=\"skipToggle\">\n\n        <ng-template eoFormElementTemplate propertyType=\"TABLE\" let-element=\"element\"\n          let-formElementRef=\"formElementRef\">\n          <ng-container *ngTemplateOutlet=\"tplFormElementTable; context: {element, formElementRef}\"></ng-container>\n        </ng-template>\n\n      </eo-form-element>\n      <ng-template #omgroup>\n        <eo-form-group [group]=\"group.controls[key]\" [situation]=\"situation\" [skipToggle]=\"skipToggle\"></eo-form-group>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</div>\n\n\n<ng-template #tplFormElementTable let-element=\"element\" let-formElementRef=\"formElementRef\">\n  <div class=\"table\">\n    <eo-table [params]=\"{\nsituation: element._eoFormControlWrapper.situation,\nelement: formElementRef._eoFormElement,\nsize: formElementRef._eoFormElement.size,\nobject: formElementRef._eoFormElement.object\n}\" [formControl]=\"element.get(element._eoFormControlWrapper.controlName)\"></eo-table>\n  </div>\n</ng-template>\n", styles: [":host{flex:1 1 auto}.dark .form-element .ui-tabview.ui-tabview-top>.ui-tabview-nav{border-color:rgba(var(--color-white-rgb),.2)}.dark .form-element.o2mGroupStack .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{border-color:rgba(var(--color-white-rgb),1)}.dark .form-element .ui-widget-header .ui-state-active a,.dark .form-element .ui-widget-content .ui-state-active a,.dark .form-element .ui-state-active a{color:var(--color-white)}.dark .form-element .ui-widget-header .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-widget-content .ui-state-default:not(.ui-state-active) a,.dark .form-element .ui-state-default:not(.ui-state-active) a{color:rgba(var(--color-white-rgb),.3)}.form-element{box-sizing:border-box}.form-element.o2mGroupStack{background:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1)}.form-element.o2mGroupStack p-tabview{width:100%}.form-element.o2mGroupStack a[role=tab].invalid-true .label{background-color:var(--color-error);color:var(--color-white)}.form-element.o2mGroupStack a[role=tab].invalid-true .label:after{content:\"!\";margin-inline-start:calc(var(--app-pane-padding) / 2)}.form-element.o2mGroupStack a[role=tab].dirty-true:not(.invalid-true) .label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack.data{border:0}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 1 auto}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>.fieldset>:not(.legend) eo-form-group{flex:1 1 auto;min-width:200px}.form-element .stackBase{padding:var(--app-pane-padding)}.form-element .stackBase>eo-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>eo-form-group>.form-element>.fieldset>.legend{display:none}\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: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i3.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: ObjectFormGroupComponent, selector: "eo-form-group", inputs: ["situation", "skipToggle", "group", "noGroupLabels"] }, { kind: "component", type: i4.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "isTableElement", "element"] }, { kind: "component", type: i5.FormElementTableComponent, selector: "eo-table", inputs: ["limit", "hasPreviewFile", "minWidth", "height", "params"] }, { kind: "directive", type: i6.FormElementTemplate, selector: "[eoFormElementTemplate]", inputs: ["propertyType"] }, { kind: "pipe", type: i7.KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ObjectFormGroupComponent, decorators: [{
             type: Component,

package/esm2022/app/eo-framework/stored-query/stored-query/stored-query.component.mjs

@@ -204,7 +204,7 @@ export class StoredQueryComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: StoredQueryComponent, deps: [{ token: i1.SearchService }, { token: i0.ElementRef }, { token: i1.TranslateService }, { token: i1.SystemService }, { token: i1.StoredQueriesService }, { token: i2.ObjectFormHelperService }, { token: i3.AppSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: StoredQueryComponent, selector: "eo-stored-query", inputs: { query: "query", formOnly: "formOnly" }, outputs: { onQueryLoaded: "onQueryLoaded", onQueryExecute: "onQueryExecute" }, host: { properties: { "class.open": "this.isOpen" } }, ngImport: i0, template: "<div *ngIf=\"query\" class=\"eo-stored-query\" [ngClass]=\"{hasForm: queryFormControls?.length > 0}\">\n\n  <div class=\"title\" *ngIf=\"!_formOnly\">{{query.name}}</div>\n  <div class=\"qform\">\n\n    <div class=\"query-form\" [formGroup]=\"queryForm\" *ngIf=\"queryForm\">\n\n      <div class=\"form-field fulltext\" *ngIf=\"fulltextFormControl\">\n        <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n        <eo-form-element [element]=\"fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n      </div>\n\n      <div class=\"form-field\" *ngFor=\"let element of queryFormControls\"\n           [ngClass]=\"{sfe: element.controls[element._eoFormControlWrapper.controlName]._eoFormElement.selectedforenrichment}\">\n        <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n      </div>\n    </div>\n\n    <div class=\"actions\">\n      <div class=\"state\">\n        <span class=\"count\">{{query.state?.totalCount | localeDecimal}}</span>\n        <span translate>eo.storedquery.res.count.label</span>\n      </div>\n      <div class=\"buttons\" *ngIf=\"!_formOnly\">\n        <button class=\"secondary\" (click)=\"load()\" translate>eo.storedquery.load</button>\n        <button class=\"primary\" [disabled]=\"(queryForm && queryForm.invalid) || query.state?.isEmpty\"\n                (click)=\"execute()\" translate>eo.storedquery.run</button>\n      </div>\n    </div>\n\n  </div>\n</div>\n", styles: [":host .eo-stored-query{width:100%}:host .eo-stored-query .title{padding:calc(var(--app-pane-padding) / 8) 0;font-size:var(--font-title);color:var(--color-primary-2);margin-bottom:var(--app-pane-padding)}:host .eo-stored-query ::ng-deep eo-query-scope-select .query-scope .query-scope__button{border:0;color:var(--text-color-caption);background-color:#0000001a}:host .eo-stored-query .actions{display:flex;flex-flow:row wrap;align-items:center;margin:0 -2px}:host .eo-stored-query .actions .state{flex:1 1 auto;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}:host .eo-stored-query .actions .state .count{padding-right:5px}:host .eo-stored-query .actions .buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end}:host .eo-stored-query .actions .buttons button{flex:0 0 auto;margin:0 2px 2px}:host .eo-stored-query.hasForm .actions{padding-top:var(--app-pane-padding)}:host.open .eo-stored-query .title{font-weight:var(--font-weight-bold)}:host.open .eo-stored-query .title eo-icon{transform:rotate(180deg)}:host::ng-deep .form-field.sfe .fe-wrapper>label:before{content:\"*\";display:inline-block;padding:0 2px;margin:4px;border-radius:2px;background-color:var(--color-primary-3);color:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i9.LocaleDecimalPipe, name: "localeDecimal" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: StoredQueryComponent, selector: "eo-stored-query", inputs: { query: "query", formOnly: "formOnly" }, outputs: { onQueryLoaded: "onQueryLoaded", onQueryExecute: "onQueryExecute" }, host: { properties: { "class.open": "this.isOpen" } }, ngImport: i0, template: "<div *ngIf=\"query\" class=\"eo-stored-query\" [ngClass]=\"{hasForm: queryFormControls?.length > 0}\">\n\n  <div class=\"title\" *ngIf=\"!_formOnly\">{{query.name}}</div>\n  <div class=\"qform\">\n\n    <div class=\"query-form\" [formGroup]=\"queryForm\" *ngIf=\"queryForm\">\n\n      <div class=\"form-field fulltext\" *ngIf=\"fulltextFormControl\">\n        <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n        <eo-form-element [element]=\"fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n      </div>\n\n      <div class=\"form-field\" *ngFor=\"let element of queryFormControls\"\n           [ngClass]=\"{sfe: element.controls[element._eoFormControlWrapper.controlName]._eoFormElement.selectedforenrichment}\">\n        <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n      </div>\n    </div>\n\n    <div class=\"actions\">\n      <div class=\"state\">\n        <span class=\"count\">{{query.state?.totalCount | localeDecimal}}</span>\n        <span translate>eo.storedquery.res.count.label</span>\n      </div>\n      <div class=\"buttons\" *ngIf=\"!_formOnly\">\n        <button class=\"secondary\" (click)=\"load()\" translate>eo.storedquery.load</button>\n        <button class=\"primary\" [disabled]=\"(queryForm && queryForm.invalid) || query.state?.isEmpty\"\n                (click)=\"execute()\" translate>eo.storedquery.run</button>\n      </div>\n    </div>\n\n  </div>\n</div>\n", styles: [":host .eo-stored-query{width:100%}:host .eo-stored-query .title{padding:calc(var(--app-pane-padding) / 8) 0;font-size:var(--font-title);color:var(--color-primary-2);margin-bottom:var(--app-pane-padding)}:host .eo-stored-query ::ng-deep eo-query-scope-select .query-scope .query-scope__button{border:0;color:var(--text-color-caption);background-color:#0000001a}:host .eo-stored-query .actions{display:flex;flex-flow:row wrap;align-items:center;margin:0 -2px}:host .eo-stored-query .actions .state{flex:1 1 auto;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}:host .eo-stored-query .actions .state .count{padding-right:5px}:host .eo-stored-query .actions .buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end}:host .eo-stored-query .actions .buttons button{flex:0 0 auto;margin:0 2px 2px}:host .eo-stored-query.hasForm .actions{padding-top:var(--app-pane-padding)}:host.open .eo-stored-query .title{font-weight:var(--font-weight-bold)}:host.open .eo-stored-query .title eo-icon{transform:rotate(180deg)}:host::ng-deep .form-field.sfe .fe-wrapper>label:before{content:\"*\";display:inline-block;padding:0 2px;margin:4px;border-radius:2px;background-color:var(--color-primary-3);color:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "isTableElement", "element"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i9.LocaleDecimalPipe, name: "localeDecimal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: StoredQueryComponent, decorators: [{
             type: Component,

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

@@ -516,7 +516,7 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", 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 }, { token: i2.EventService }, { token: i6.AppSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", 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_saved_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()\"\n                   [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\"\n                             [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\"\n                                        (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\"\n                                        (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'\"\n                   [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [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.cta.button.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)=\"isStoredQueryUsed() ? showDeleteDialog = true : delete()\"\n              [disabled]=\"!isOwnQuery\" translate>eo.cta.button.delete\n      </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>\n        eo.storedquery.action.edit\n      </button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>\n        eo.storedquery.run\n      </button>\n    </ng-container>\n\n    <eo-dialog [title]=\"'eo.storedquery.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n               [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'storedQuery-delete__dialog'\">\n      <div>\n        <span>{{'eo.storedquery.delete.dialog.message' | translate: {\n                  storedquery: this.storedQuery.name,\n                  name: this.info\n                }\n              }}\n        </span>\n      </div>\n      <div class=\"action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n                translate>eo.cta.button.cancel\n        </button>\n        <button type=\"button\" #confirmDelete (click)=\"delete(); showDeleteDialog = false\" class=\"button primary\"\n                translate>eo.cta.button.delete\n        </button>\n      </div>\n    </eo-dialog>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.cta.button.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>\n        eo.storedquery.action.save\n      </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}::ng-deep .storedQuery-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .storedQuery-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .storedQuery-delete__dialog .storedQuery-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { kind: "directive", type: i9.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i10.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i11.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "closeOnCancelOnly", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i12.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i13.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i13.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i13.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i15.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i16.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "component", type: i17.DynamicPropertySwitchComponent, selector: "eo-dynamic-property-switch", inputs: ["parentFormControl"], outputs: ["onPropertyChanged"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", 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_saved_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()\"\n                   [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\"\n                             [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\"\n                                        (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\"\n                                        (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'\"\n                   [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [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.cta.button.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)=\"isStoredQueryUsed() ? showDeleteDialog = true : delete()\"\n              [disabled]=\"!isOwnQuery\" translate>eo.cta.button.delete\n      </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>\n        eo.storedquery.action.edit\n      </button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>\n        eo.storedquery.run\n      </button>\n    </ng-container>\n\n    <eo-dialog [title]=\"'eo.storedquery.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n               [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'storedQuery-delete__dialog'\">\n      <div>\n        <span>{{'eo.storedquery.delete.dialog.message' | translate: {\n                  storedquery: this.storedQuery.name,\n                  name: this.info\n                }\n              }}\n        </span>\n      </div>\n      <div class=\"action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n                translate>eo.cta.button.cancel\n        </button>\n        <button type=\"button\" #confirmDelete (click)=\"delete(); showDeleteDialog = false\" class=\"button primary\"\n                translate>eo.cta.button.delete\n        </button>\n      </div>\n    </eo-dialog>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.cta.button.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>\n        eo.storedquery.action.save\n      </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}::ng-deep .storedQuery-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .storedQuery-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}::ng-deep .storedQuery-delete__dialog .storedQuery-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "isTableElement", "element"] }, { kind: "directive", type: i9.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i10.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i11.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "closeOnCancelOnly", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i12.QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i13.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i13.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i13.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i15.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "isTableElement", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i16.StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "component", type: i17.DynamicPropertySwitchComponent, selector: "eo-dynamic-property-switch", inputs: ["parentFormControl"], outputs: ["onPropertyChanged"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 };
 StoredQueryDetailsComponent = __decorate([
     UntilDestroy()