@bizdoc/core 2.3.31 → 2.3.32

package/esm2022/lib/admin/architecture/designer.component.mjs

@@ -367,14 +367,14 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
             collection.forEach(s => s.forEach(e => delete e.draft));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDesignerComponent, deps: [{ token: i1.PanesRouter }, { token: i2.FormBuilder }, { token: i3.TranslateService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i6.Popup }, { token: i7.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "filters", first: true, predicate: ["filters"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i8.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i13.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i14.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatLabel, selector: "mat-label" }, { kind: "directive", type: i15.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i16.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i18.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i20.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i20.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i20.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i21.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i22.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i23.FilterPipe, name: "filterBy" }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ConfigurationDesignerComponent, deps: [{ token: i1.PanesRouter }, { token: i2.FormBuilder }, { token: i3.TranslateService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i6.Popup }, { token: i7.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "filters", first: true, predicate: ["filters"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i8.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i13.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i14.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatLabel, selector: "mat-label" }, { kind: "directive", type: i15.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i16.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i18.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i19.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i20.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i20.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i20.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i21.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i22.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i23.FilterPipe, name: "filterBy" }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
 };
 ConfigurationDesignerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-configuration-designer' })
 ], ConfigurationDesignerComponent);
 export { ConfigurationDesignerComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ConfigurationDesignerComponent, decorators: [{
             type: Component,
             args: [{ animations: [itemAnimation], host: { tabindex: '0' }, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i1.PanesRouter }, { type: i2.FormBuilder }, { type: i3.TranslateService }, { type: i4.PromptService }, { type: i5.SessionService }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i6.Popup }, { type: i7.UtilityRef }], propDecorators: { filters: [{

package/esm2022/lib/admin/architecture/elements/action.component.mjs

@@ -34,10 +34,10 @@ export class ActionDesignerComponent extends DesignerTypeElementComponent {
         }
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ActionDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-h2\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: i4.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: i5.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i5.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ActionDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-h2\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: i4.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: i5.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i5.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ActionDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ActionDesignerComponent, decorators: [{
             type: Component,
             args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-h2\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/analysis-view.component.mjs

@@ -36,14 +36,14 @@ let ChartViewDesignComponent = class ChartViewDesignComponent extends DesignerCu
                 this.disable('indicesChartType');
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChartViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ChartViewDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0 && (!form.controls.series.value || form.controls.series.value.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    <mat-hint></mat-hint>\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ChartViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: ChartViewDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0 && (!form.controls.series.value || form.controls.series.value.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    <mat-hint></mat-hint>\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 ChartViewDesignComponent = __decorate([
     BizDoc({ selector: 'analysis-view-designer' })
 ], ChartViewDesignComponent);
 export { ChartViewDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChartViewDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ChartViewDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0 && (!form.controls.series.value || form.controls.series.value.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    <mat-hint></mat-hint>\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/analysis-widget.component.mjs

@@ -35,14 +35,14 @@ let AnalysisWidgetDesignComponent = class AnalysisWidgetDesignComponent extends
                 this.disable('indicesChartType');
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AnalysisWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AnalysisWidgetDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    &nbsp;\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value && form.controls.xAxis.value.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title}}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AnalysisWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: AnalysisWidgetDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    &nbsp;\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value && form.controls.xAxis.value.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title}}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 AnalysisWidgetDesignComponent = __decorate([
     BizDoc({ selector: 'analysis-widget-designer' })
 ], AnalysisWidgetDesignComponent);
 export { AnalysisWidgetDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AnalysisWidgetDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AnalysisWidgetDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    &nbsp;\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value && form.controls.xAxis.value.indexOf(a.name) < 0) {\n        <mat-option [value]=\"a.name\">{{a.title}}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'ChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"chartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pie'|translate}}</mat-option>\n        <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Doughnut'|translate}}</mat-option>\n        <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'HalfDoughnut'|translate}}</mat-option>\n        <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Funnel'|translate}}</mat-option>\n        <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value || form.controls.indices.value\">{{'Pyramid'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value\">{{'StackingBar'|translate}}</mat-option>\n        <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value\">{{'StackingBar100'|translate}}</mat-option>\n        <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value\">{{'StackingArea'|translate}}</mat-option>\n        <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value\">{{'StackingArea100'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn'|translate}}</mat-option>\n        <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value\">{{'StackingColumn100'|translate}}</mat-option>\n        <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value\">{{'StackingStepArea'|translate}}</mat-option>\n        <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value\">{{'StackingLine'|translate}}</mat-option>\n        <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value\">{{'StackingLine100'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    &nbsp;\n    @if (cube?.indices?.length) {\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n      <mat-select formControlName=\"indicesChartType\">\n        <mat-option>{{'Default'|translate}}</mat-option>\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n        <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n        <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n        <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n        <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n        <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n        <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n        <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n        <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n        <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    }\n  </div>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/anomaly-rule.component.mjs

@@ -15,14 +15,14 @@ let AnomalyRuleDesignComponent = class AnomalyRuleDesignComponent extends Design
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AnomalyRuleDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AnomalyRuleDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n  <ng-container [formGroup]=\"form\">\n  </ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AnomalyRuleDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: AnomalyRuleDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n  <ng-container [formGroup]=\"form\">\n  </ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
 };
 AnomalyRuleDesignComponent = __decorate([
     BizDoc({ selector: 'anomaly-rule-designer' })
 ], AnomalyRuleDesignComponent);
 export { AnomalyRuleDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AnomalyRuleDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AnomalyRuleDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n  <ng-container [formGroup]=\"form\">\n  </ng-container>\n}\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/attribute.component.mjs

@@ -26,10 +26,10 @@ export class AttributeDesignComponent extends DesignerTypeElementComponent {
         this._ref.model.name = name;
         this._ref.model.title = dataType.title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AttributeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.AddContentDirective, selector: "[bizdocAddContent]" }, { kind: "directive", type: i5.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i5.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: i6.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AttributeDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: AttributeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.AddContentDirective, selector: "[bizdocAddContent]" }, { kind: "directive", type: i5.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i5.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: i6.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AttributeDesignComponent, decorators: [{
             type: Component,
             args: [{ template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/box-form.component.mjs

@@ -32,14 +32,14 @@ let BoxFormDesignComponent = class BoxFormDesignComponent extends DesignerElemen
     design() {
         this._router.navigate(['admin/tools/form-designer'], { queryParams: { formId: this.model.name } });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BoxFormDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }, { token: i2.PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: BoxFormDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode === 'widget') {\n<div class=\"row\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"design()\" [bizdocTooltip]=\"'Designer'|translate\" [disabled]=\"model.draft\"><mat-icon>design_services</mat-icon></button>\n</div>\n} @else {\n<ng-container [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-label>{{'Value'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"value\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Subject'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"subject\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Summary'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"summary\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i7.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: BoxFormDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }, { token: i2.PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: BoxFormDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode === 'widget') {\n<div class=\"row\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"design()\" [bizdocTooltip]=\"'Designer'|translate\" [disabled]=\"model.draft\"><mat-icon>design_services</mat-icon></button>\n</div>\n} @else {\n<ng-container [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-label>{{'Value'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"value\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Subject'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"subject\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Summary'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"summary\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i7.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
 };
 BoxFormDesignComponent = __decorate([
     BizDoc({ selector: 'box-form-designer' })
 ], BoxFormDesignComponent);
 export { BoxFormDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BoxFormDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: BoxFormDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode === 'widget') {\n<div class=\"row\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"design()\" [bizdocTooltip]=\"'Designer'|translate\" [disabled]=\"model.draft\"><mat-icon>design_services</mat-icon></button>\n</div>\n} @else {\n<ng-container [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-label>{{'Value'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"value\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Subject'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"subject\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Summary'|translate}}</mat-label>\n    <bizdoc-ace-input formControlName=\"summary\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ElementRef }, { type: i9.DesignerRef, decorators: [{

package/esm2022/lib/admin/architecture/elements/configuration-datasource.component.mjs

@@ -52,14 +52,14 @@ let ConfigurationDatasourceDesignComponent = class ConfigurationDatasourceDesign
         super.drop(event, collection);
         this._tomap(this.items.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDatasourceDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ConfigurationDatasourceDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  <h2 class=\"mat-h2 row\">\n    {{'Items'|translate}}\n    <span class=divider></span>\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\n    @for (a of items.controls; track a; let index = $index) {\n    <div class=\"row\" [formGroup]=\"a\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Key'|translate}}</mat-label>\n        <input matInput formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string [placeholder]=\"'Value'|translate\" formControlName=\"value\" required class=\"row\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n    }\n  </div>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i8.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ConfigurationDatasourceDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: ConfigurationDatasourceDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  <h2 class=\"mat-h2 row\">\n    {{'Items'|translate}}\n    <span class=divider></span>\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\n    @for (a of items.controls; track a; let index = $index) {\n    <div class=\"row\" [formGroup]=\"a\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Key'|translate}}</mat-label>\n        <input matInput formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string [placeholder]=\"'Value'|translate\" formControlName=\"value\" required class=\"row\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n    }\n  </div>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i8.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 };
 ConfigurationDatasourceDesignComponent = __decorate([
     BizDoc({ selector: 'configuration-datasource-designer' })
 ], ConfigurationDatasourceDesignComponent);
 export { ConfigurationDatasourceDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDatasourceDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ConfigurationDatasourceDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  <h2 class=\"mat-h2 row\">\n    {{'Items'|translate}}\n    <span class=divider></span>\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\n    @for (a of items.controls; track a; let index = $index) {\n    <div class=\"row\" [formGroup]=\"a\" cdkDrag>\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Key'|translate}}</mat-label>\n        <input matInput formControlName=\"key\" required />\n      </mat-form-field>\n      &nbsp;\n      <bizdoc-localized-string [placeholder]=\"'Value'|translate\" formControlName=\"value\" required class=\"row\"></bizdoc-localized-string>\n      <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\n    </div>\n    }\n  </div>\n</ng-container>\n}\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/control.component.mjs

@@ -14,10 +14,10 @@ export class ControlDesignComponent extends DesignerTypeElementComponent {
     ngOnInit() {
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ControlDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ControlDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-checkbox formControlName=\"visible\">{{'Visible'}}</mat-checkbox>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i3.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ControlDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: ControlDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-checkbox formControlName=\"visible\">{{'Visible'}}</mat-checkbox>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i3.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ControlDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: ControlDesignComponent, decorators: [{
             type: Component,
             args: [{ template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-checkbox formControlName=\"visible\">{{'Visible'}}</mat-checkbox>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/cube-index-utility.component.mjs

@@ -18,14 +18,14 @@ let CubeIndexDesignComponent = class CubeIndexDesignComponent extends DesignerCu
             index: this._fb.control(null, Validators.required),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CubeIndexDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: CubeIndexDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Index'|translate}}</mat-label>\n    <mat-select formControlName=\"index\">\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title || i.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CubeIndexDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: CubeIndexDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Index'|translate}}</mat-label>\n    <mat-select formControlName=\"index\">\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title || i.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 CubeIndexDesignComponent = __decorate([
     BizDoc({ selector: 'cube-index-designer' })
 ], CubeIndexDesignComponent);
 export { CubeIndexDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CubeIndexDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CubeIndexDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Index'|translate}}</mat-label>\n    <mat-select formControlName=\"index\">\n      @for (i of cube?.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title || i.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n}\n" }]
         }] });