@bizdoc/core 1.16.14 → 1.16.15

package/fesm2015/bizdoc-core.mjs

@@ -417,7 +417,7 @@ const STRINGS = {
         SecurityPatternsHelp: 'Only users that were assigned a role add to one of the analysis patterns can view data.',
         ReceivedAgo: 'Received ago',
         IssuedAgo: 'Issued ago',
-        Unlock: 'Resources for this component are managed in code. <a>Unlock</a> multilingual resource',
+        UnlockMultilang: 'Resources for this component are managed in code. <a>Unlock</a> multilingual resource',
         DescendentOf: 'Descendent of',
         XAxis: 'XAxis',
         Series: 'Series',
@@ -2650,7 +2650,8 @@ function cleanup(params) {
             if (val.length === 0)
                 delete params[k];
             else
-                val.forEach(e => cleanup(e));
+                for (let i = 0; i < val.length; i++)
+                    isObject(val[i]) && cleanup(val[i]);
         }
         else if (isObject(val)) {
             cleanup(val);
@@ -29733,7 +29734,7 @@ let PatternsComponent = class PatternsComponent {
     }
 };
 PatternsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PatternsComponent, deps: [{ token: SessionService }, { token: i1$4.Directionality }, { token: i2.FormBuilder }, { token: UtilityRef }, { token: DatasourceService }, { token: SystemService }, { token: PromptService }, { token: i2$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-PatternsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: PatternsComponent, selector: "ng-component", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\r\n</mat-toolbar>\r\n<table mat-table [dataSource]=\"dataSource\" matSort>\r\n  <ng-container matColumnDef=\"title\" sticky>\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\r\n  </ng-container>\r\n  <ng-container *ngFor=\"let r of roles\" [matColumnDef]=\"r.name\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\r\n</table>\r\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons *ngIf=\"paging\"></mat-paginator>\r\n<!-- dialog -->\r\n<ng-template #properties>\r\n  <mat-dialog-content>\r\n    <form [formGroup]=\"form\" autocomplete=\"off\" fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\r\n      </mat-form-field>\r\n      <div formGroupName=\"axes\" *ngIf=\"cube\" fxLayout.gt-sm=\"row wrap\" fxLayout=\"column wrap\"\r\n           fxLayoutGap=\"5px grid\">\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-form-field *ngIf=\"include.indexOf(a.name)>-1\" fxFlex=\"50\">\r\n            <input matInput\r\n                   [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\r\n                   [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\r\n            <mat-autocomplete #segment>\r\n              <mat-option *ngFor=\"let o of segments[a.name] | async\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n            </mat-autocomplete>\r\n            <mat-error *ngIf=\"axes.controls[a.name].invalid\">{{'PatternErr' |translate}}</mat-error>\r\n          </mat-form-field>\r\n        </ng-container>\r\n      </div>\r\n      <mat-form-field>\r\n        <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\r\n          <mat-option *ngFor=\"let r of roles\" [value]=\"r.name\">{{r.title}}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.controls.roles.hasError('required')\">{{'Required'|translate:('Roles'|translate)}}</mat-error>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n<style scoped>\r\n  table {\r\n    width: 100%\r\n  }\r\n</style>\r\n", styles: ["\n  table {\n    width: 100%\n  }\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5$1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i5$1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i2$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+PatternsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: PatternsComponent, selector: "ng-component", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\r\n</mat-toolbar>\r\n<table mat-table [dataSource]=\"dataSource\" matSort>\r\n  <ng-container matColumnDef=\"title\" sticky>\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\r\n  </ng-container>\r\n  <ng-container *ngFor=\"let r of roles\" [matColumnDef]=\"r.name\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\r\n</table>\r\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons *ngIf=\"paging\"></mat-paginator>\r\n<!-- dialog -->\r\n<ng-template #properties>\r\n  <mat-dialog-content>\r\n    <form [formGroup]=\"form\" autocomplete=\"off\" fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\r\n      </mat-form-field>\r\n      <div formGroupName=\"axes\" *ngIf=\"cube\" fxLayout.gt-sm=\"row wrap\" fxLayout=\"column wrap\"\r\n           fxLayoutGap=\"5px grid\">\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-form-field *ngIf=\"include.indexOf(a.name)>-1\" fxFlex=\"50\">\r\n            <input matInput\r\n                   [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\r\n                   [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\r\n            <mat-autocomplete #segment>\r\n              <mat-option *ngFor=\"let o of segments[a.name] | async\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n            </mat-autocomplete>\r\n            <mat-error *ngIf=\"axes.controls[a.name].invalid\">{{'PatternErr' |translate}}</mat-error>\r\n          </mat-form-field>\r\n        </ng-container>\r\n      </div>\r\n      <mat-form-field>\r\n        <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\r\n          <mat-option *ngFor=\"let r of roles\" [value]=\"r.name\">{{r.title}}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.controls.roles.hasError('required')\">{{'Required'|translate:('Roles'|translate)}}</mat-error>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n<style scoped>\r\n  table {\r\n    width: 100%\r\n  }\r\n</style>\r\n", styles: ["\n  table {\n    width: 100%\n  }\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5$1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i5$1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i2$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 PatternsComponent = __decorate([
     BizDoc({
         selector: 'bizdoc-patterns'
@@ -29741,7 +29742,7 @@ PatternsComponent = __decorate([
 ], PatternsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PatternsComponent, decorators: [{
             type: Component,
-            args: [{ template: "<mat-toolbar>\r\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\r\n</mat-toolbar>\r\n<table mat-table [dataSource]=\"dataSource\" matSort>\r\n  <ng-container matColumnDef=\"title\" sticky>\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\r\n  </ng-container>\r\n  <ng-container *ngFor=\"let r of roles\" [matColumnDef]=\"r.name\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\r\n</table>\r\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons *ngIf=\"paging\"></mat-paginator>\r\n<!-- dialog -->\r\n<ng-template #properties>\r\n  <mat-dialog-content>\r\n    <form [formGroup]=\"form\" autocomplete=\"off\" fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\r\n      </mat-form-field>\r\n      <div formGroupName=\"axes\" *ngIf=\"cube\" fxLayout.gt-sm=\"row wrap\" fxLayout=\"column wrap\"\r\n           fxLayoutGap=\"5px grid\">\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-form-field *ngIf=\"include.indexOf(a.name)>-1\" fxFlex=\"50\">\r\n            <input matInput\r\n                   [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\r\n                   [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\r\n            <mat-autocomplete #segment>\r\n              <mat-option *ngFor=\"let o of segments[a.name] | async\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n            </mat-autocomplete>\r\n            <mat-error *ngIf=\"axes.controls[a.name].invalid\">{{'PatternErr' |translate}}</mat-error>\r\n          </mat-form-field>\r\n        </ng-container>\r\n      </div>\r\n      <mat-form-field>\r\n        <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\r\n          <mat-option *ngFor=\"let r of roles\" [value]=\"r.name\">{{r.title}}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.controls.roles.hasError('required')\">{{'Required'|translate:('Roles'|translate)}}</mat-error>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n<style scoped>\r\n  table {\r\n    width: 100%\r\n  }\r\n</style>\r\n" }]
+            args: [{ template: "<mat-toolbar>\r\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\r\n</mat-toolbar>\r\n<table mat-table [dataSource]=\"dataSource\" matSort>\r\n  <ng-container matColumnDef=\"title\" sticky>\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\r\n  </ng-container>\r\n  <ng-container *ngFor=\"let r of roles\" [matColumnDef]=\"r.name\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\r\n</table>\r\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons *ngIf=\"paging\"></mat-paginator>\r\n<!-- dialog -->\r\n<ng-template #properties>\r\n  <mat-dialog-content>\r\n    <form [formGroup]=\"form\" autocomplete=\"off\" fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\r\n      </mat-form-field>\r\n      <div formGroupName=\"axes\" *ngIf=\"cube\" fxLayout.gt-sm=\"row wrap\" fxLayout=\"column wrap\"\r\n           fxLayoutGap=\"5px grid\">\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-form-field *ngIf=\"include.indexOf(a.name)>-1\" fxFlex=\"50\">\r\n            <input matInput\r\n                   [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\r\n                   [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\r\n            <mat-autocomplete #segment>\r\n              <mat-option *ngFor=\"let o of segments[a.name] | async\" [value]=\"o.key\">{{o.value}}</mat-option>\r\n            </mat-autocomplete>\r\n            <mat-error *ngIf=\"axes.controls[a.name].invalid\">{{'PatternErr' |translate}}</mat-error>\r\n          </mat-form-field>\r\n        </ng-container>\r\n      </div>\r\n      <mat-form-field>\r\n        <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\r\n          <mat-option *ngFor=\"let r of roles\" [value]=\"r.name\">{{r.title}}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.controls.roles.hasError('required')\">{{'Required'|translate:('Roles'|translate)}}</mat-error>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n<style scoped>\r\n  table {\r\n    width: 100%\r\n  }\r\n</style>\r\n" }]
         }], ctorParameters: function () {
         return [{ type: SessionService }, { type: i1$4.Directionality }, { type: i2.FormBuilder }, { type: UtilityRef, decorators: [{
                         type: Inject,
@@ -30618,7 +30619,8 @@ const FAMILY_SVG = {
       <path d="M 215.401 75.194 C 215.429 75.258 215.456 75.322 215.48 75.388 C 215.51 75.322 215.534 75.253 215.564 75.19 C 215.589 75.124 215.618 75.066 215.65 75.004 L 216.84 72.781 C 216.855 72.752 216.868 72.73 216.884 72.717 C 216.901 72.697 216.921 72.685 216.939 72.678 C 216.956 72.669 216.98 72.668 217.003 72.665 C 217.023 72.663 217.057 72.662 217.089 72.662 L 217.653 72.662 L 217.653 76.676 L 216.994 76.676 L 216.994 74.082 C 216.994 74.033 216.995 73.98 216.999 73.926 C 217.002 73.866 217.005 73.809 217.011 73.751 L 215.799 76.026 C 215.77 76.075 215.734 76.117 215.689 76.146 C 215.646 76.175 215.594 76.187 215.534 76.187 L 215.433 76.187 C 215.373 76.187 215.319 76.175 215.275 76.146 C 215.233 76.117 215.195 76.075 215.165 76.026 L 213.941 73.742 C 213.947 73.803 213.95 73.861 213.953 73.92 C 213.957 73.978 213.958 74.032 213.958 74.082 L 213.958 76.676 L 213.299 76.676 L 213.299 72.662 L 213.866 72.662 C 213.899 72.662 213.924 72.663 213.95 72.665 C 213.974 72.668 213.992 72.669 214.015 72.678 C 214.035 72.685 214.052 72.697 214.067 72.717 C 214.089 72.73 214.103 72.752 214.116 72.781 L 215.314 75.009 C 215.348 75.068 215.375 75.133 215.401 75.194 Z" fill="#000"/>
     </g>
   </g>
-</svg>`
+</svg>`,
+    'Active Directory': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 954.1 158.2" height="42"><style>.st0{fill:#00aaf2}</style><title id="title4">active-directory</title><g id="Layer_2_1_" transform="translate(0 -33.561)"><g id="Layer_1-2"><path id="path6" class="st0" d="M158.6 154.2v33.3c0 3.9-1.2 4.7-4.9 4.1-24.8-3.7-49.9-7.1-74.9-10.6-4.5-.6-6.1-2.2-6.1-7.1.4-17.7.2-35.5 0-53.4 0-3.9 1.2-5.1 5.1-5.1 25.6.2 50.8.2 75.9.2 4.1 0 5.1 1.6 5.1 5.3-.4 11.2-.2 22.2-.2 33.3z"/><path id="path8" class="st0" d="M116.1 109.2c-12.6 0-25.2-.2-37.8 0-3.9 0-5.5-.8-5.5-5.3.2-18.1.2-35.9 0-53.8 0-3.5 1.2-4.7 4.5-5.3 25.8-3.7 51.6-7.3 77.4-11.2 4.5-.6 3.7 2.4 3.7 4.9 0 16 .2 32.3 0 48.3 0 5.9-.2 11.8 0 17.7.2 3.7-1.2 4.7-4.7 4.7-12.4-.2-25 0-37.6 0z"/><path id="path10" class="st0" d="M32.7 115.9h28.2c3 0 4.3 1 4.3 4.1v55.6c0 3.2-1.4 3.5-4.3 3.2-18.7-2.8-37.4-5.5-56-8.1-3.7-.6-4.9-1.8-4.9-5.7.2-14.8.2-29.6 0-44.7 0-3.7 1-4.7 4.7-4.7 9.5.3 18.6.3 28 .3z"/><path id="path12" class="st0" d="M32.7 109.2H4.9c-3.5 0-4.7-1.2-4.7-4.9.2-14.6.2-29.2 0-43.9 0-3.5 1-4.7 4.7-5.3 18.7-2.4 37.4-5.1 56-8.1 4.3-.6 4.7.8 4.7 4.3v53.2c0 3.9-1.6 4.5-5.1 4.5-9.3 0-18.7.2-27.8.2z"/><path id="path14" class="st0" d="M228.8 64.7c-.2-3-.4-6.9-.4-9.7h-.2c-.6 2.6-1.8 5.7-2.8 8.7l-3.9 10.8h-2.2l-3.5-10.6c-1-2.8-1.8-5.9-2.6-8.7-.2 2.6-.2 6.5-.4 9.9l-.6 9.5h-2.6l1.6-22.5h3.7l3.9 11c1 2.6 1.6 5.3 2.2 7.7h.2c.6-2.2 1.4-4.9 2.4-7.7l4.1-11h3.7l1.4 22.5h-3.2l-.8-9.9z"/><path id="path16" class="st0" d="M240.4 53.9c0 1-.8 1.8-1.8 1.8h-.2c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8c1.2 0 2 .8 2 1.8zm-3.2 20.8v-16h3v16h-3z"/><path id="path18" class="st0" d="M256.4 74c-1.4.6-3 1-4.7 1-4.9 0-8.1-3.2-8.1-8.3-.2-4.7 3.2-8.5 7.9-8.7h.8c1.4 0 2.8.2 4.1.8l-.6 2.2c-1-.4-2.2-.8-3.5-.6-3.7 0-5.7 2.6-5.7 6.1 0 3.9 2.4 6.1 5.7 6.1 1.2 0 2.4-.2 3.5-.8l.6 2.2z"/><path id="path20" class="st0" d="M259.7 63.5c0-1.8-.2-3.5-.2-4.9h2.6l.2 3.2h.2c.6-2 2.4-3.5 4.5-3.5.2 0 .6 0 .8.2v2.6c-.2-.2-.6-.2-1-.2-2 0-3.5 1.6-3.9 3.9 0 .4-.2.8-.2 1.2v8.7h-2.8l-.2-11.2z"/><path id="path22" class="st0" d="M285.1 66.5c.2 4.3-3 8.1-7.3 8.3h-.6c-4.3 0-7.7-3.2-7.7-8.3 0-5.5 3.7-8.5 8.1-8.5 4 0 7.5 3.5 7.5 8.5zm-12.8 0c0 3.2 1.6 6.1 4.9 6.1 3.2 0 4.9-3 4.9-6.1 0-2.8-1.2-6.3-4.9-6.3-3.9.2-4.9 3.5-4.9 6.3z"/><path id="path24" class="st0" d="M288.3 71.6c1.2.8 2.4 1.2 3.9 1.2 2 0 3-1 3-2.4 0-1.2-.8-2-3-3-2.8-1-4.3-2.6-4.3-4.7 0-2.6 2-4.7 5.5-4.7 1.4 0 2.8.4 4.1 1l-.6 2c-1-.6-2.2-1-3.2-1-1.4-.2-2.6.8-2.6 2.2 0 1.2 1 1.8 3 2.6 2.6 1 4.3 2.4 4.3 4.9 0 2.8-2.2 4.9-6.1 4.9-1.6 0-3-.4-4.5-1.2l.5-1.8z"/><path id="path26" class="st0" d="M316.5 66.5c.2 4.3-3 8.1-7.3 8.3h-.6c-4.3 0-7.7-3.2-7.7-8.3 0-5.5 3.7-8.5 8.1-8.5 4.1 0 7.5 3.5 7.5 8.5zm-12.7 0c0 3.2 1.6 6.1 4.9 6.1s4.9-3 4.9-6.1c0-2.8-1.2-6.3-4.9-6.3s-4.9 3.5-4.9 6.3z"/><path id="path28" class="st0" d="M320.4 74.7v-14h-2.2v-2.2h2.2v-.8c-.2-2 .4-4.1 1.8-5.7 1-1 2.4-1.6 3.9-1.6.8 0 1.6.2 2.4.4l-.4 2.2c-.6-.2-1.2-.4-1.8-.4-2.4 0-3 2.2-3 4.7v1h3.9v2.2h-3.9v13.8l-2.9.4z"/><path id="path30" class="st0" d="M333.8 53.7v4.7h4.3v2.2h-4.3v8.7c0 2 .6 3 2.2 3 .6 0 1.2 0 1.6-.2l.2 2.2c-.8.4-1.6.4-2.6.4-1.2 0-2.2-.4-3.2-1.2-.8-1.2-1.2-2.8-1-4.3v-8.9h-2.4v-2.2h2.4v-3.9l2.8-.5z"/><path id="path32" class="st0" d="M227 135.8l-7.7 23.8h-10.2L234.9 84h11.6l25.8 75.5h-10.4l-8.1-23.8H227zm24.8-7.5l-7.3-21.7c-1.6-4.9-2.8-9.5-3.9-13.8h-.4c-1 4.5-2.2 9.1-3.7 13.6l-7.3 21.9h22.6z"/><path id="path34" class="st0" d="M320.2 157.7c-4.9 2.2-10.2 3.2-15.6 3.2-16.2 0-27-11.2-27-27.6s11.6-28.8 29-28.8c4.7 0 9.3.8 13.6 2.8l-2.2 7.5c-3.5-1.8-7.5-2.6-11.6-2.6-12.4 0-19.1 9.3-19.1 20.5 0 12.6 8.1 20.3 18.9 20.3 4.1 0 8.3-.8 12-2.6l2 7.3z"/><path id="path36" class="st0" d="M345.2 89.9v15.6h14v7.3h-14V142c0 6.7 1.8 10.6 7.3 10.6 1.8 0 3.9-.2 5.7-.6l.4 7.3c-1.8 1-4.9 1.4-8.9 1.4-4.1.2-7.9-1.4-10.6-4.1-2.6-3.2-3.7-7.7-3.7-14.2v-29.6h-8.5v-7.3h8.3V92.3l10-2.4z"/><path id="path38" class="st0" d="M381.3 90.3c0 3.2-2.4 5.9-5.7 6.1h-.4c-3.2 0-5.9-2.4-5.9-5.5v-.4c-.2-3.2 2.4-6.1 5.7-6.1h.4c3.3-.4 5.9 2.4 5.9 5.9 0-.2 0-.2 0 0zm-10.9 69.4v-54.2h9.7v54h-9.7v.2z"/><path id="path40" class="st0" d="M400.4 105.5L411 136c1.8 4.9 3.2 9.5 4.5 14h.4c1.2-4.5 2.8-9.1 4.5-14l10.6-30.5h10.4l-21.3 54h-9.5l-20.5-54h10.3z"/><path id="path42" class="st0" d="M454.8 134.3c.2 13.4 8.7 18.9 18.5 18.9 7.1 0 11.6-1.2 15-2.8l1.6 7.1c-5.7 2.4-11.8 3.7-18.1 3.5-16.6 0-26.6-11.2-26.6-27.4 0-16.4 9.5-29.2 25.6-29.2 17.7 0 22.3 15.4 22.3 25.4 0 1.6-.2 3-.4 4.7h-37.9v-.2zm28.8-7.1c.2-6.1-2.6-15.8-13.6-15.8-9.9 0-14.4 9.1-15.2 15.8h28.8z"/><path id="path44" class="st0" d="M529.3 85.2c6.9-1 13.8-1.6 20.9-1.6 14 0 24 3.2 30.5 9.5 6.7 6.1 10.6 15 10.6 27 0 12.4-3.9 22.3-11 29.4-7.1 7.1-18.7 11-33.3 11-5.9 0-12-.2-17.9-1l.2-74.3zm10 66.8c3.2.4 6.5.6 9.7.6 20.9 0 32.3-11.6 32.3-32.1.2-17.9-9.9-29-30.5-29-3.9 0-7.7.4-11.6 1l.1 59.5z"/><path id="path46" class="st0" d="M615 90.3c0 3.2-2.4 5.9-5.7 6.1h-.4c-3.2 0-5.9-2.4-5.9-5.5v-.4c-.2-3.2 2.4-6.1 5.7-6.1h.4c3.1-.4 5.9 2.4 5.9 5.9 0-.2 0-.2 0 0zm-11.1 69.4v-54.2h9.7v54h-9.7v.2z"/><path id="path48" class="st0" d="M630 122.4c0-6.3-.2-11.8-.4-16.9h8.7l.4 10.6h.4c2.6-7.3 8.7-11.8 15.2-11.8 1 0 1.8 0 2.6.2v9.3c-1-.2-2-.4-3.2-.4-7.1 0-11.8 5.3-13.2 12.6-.4 1.4-.4 3-.4 4.5v29h-9.7l-.4-37.1z"/><path id="path50" class="st0" d="M671.1 134.3c.2 13.4 8.7 18.9 18.5 18.9 7.1 0 11.6-1.2 15-2.8l1.6 7.1c-5.7 2.4-11.8 3.7-18.1 3.5-16.6 0-26.6-11.2-26.6-27.4 0-16.4 9.5-29.2 25.6-29.2 17.7 0 22.3 15.4 22.3 25.4 0 1.6-.2 3-.4 4.7h-37.9v-.2zm28.8-7.1c.2-6.1-2.6-15.8-13.6-15.8-9.9 0-14.4 9.1-15.2 15.8h28.8z"/><path id="path52" class="st0" d="M760.2 157.7c-4.9 2.2-10.2 3.2-15.6 3.2-16.2 0-27-11.2-27-27.6s11.6-28.8 29-28.8c4.7 0 9.3.8 13.6 2.8l-2.2 7.5c-3.5-1.8-7.5-2.6-11.6-2.6-12.4 0-19.1 9.3-19.1 20.5 0 12.6 8.1 20.3 18.9 20.3 4.1 0 8.3-.8 12-2.6l2 7.3z"/><path id="path54" class="st0" d="M785.2 89.9v15.6h14v7.3h-14V142c0 6.7 1.8 10.6 7.3 10.6 1.8 0 3.9-.2 5.7-.6l.4 7.3c-1.8 1-4.9 1.4-8.9 1.4-4.1.2-7.9-1.4-10.6-4.1-2.6-3.2-3.7-7.7-3.7-14.2v-29.6h-8.3v-7.3h8.3V92.3l9.8-2.4z"/><path id="path56" class="st0" d="M858.7 132.5c0 19.9-14.6 28.4-27.2 28.4-14.2 0-25.8-10.6-25.8-28.2 0-18.1 12.4-28.4 27-28.4 15.2 0 26 10.8 26 28.2zm-42.9.2c0 11 5.5 20.7 16.4 20.7 10.8 0 16.6-9.7 16.6-20.9 0-9.5-4.5-21.1-16.6-21.1-12.1 0-16.4 11.6-16.4 21.3z"/><path id="path58" class="st0" d="M871.1 122.4c0-6.3-.2-11.8-.4-16.9h8.7l.4 10.6h.4c2.6-7.3 8.7-11.8 15.2-11.8 1 0 1.8 0 2.6.2v9.3c-1-.2-2-.4-3.2-.4-7.1 0-11.8 5.3-13.2 12.6-.4 1.4-.4 3-.4 4.5v29h-9.7l-.4-37.1z"/><path id="path60" class="st0" d="M914.1 105.5l11.8 31.9c1.2 3.5 2.6 7.7 3.5 11.2h.2c1-3.2 2-7.3 3.5-11.2l10.8-31.9h10.4l-14.8 38.6c-7.1 18.5-11.8 28.2-18.5 34.1-3.5 3-7.5 5.1-12 6.3l-2.4-8.3c3.2-1 6.1-2.6 8.7-4.9 3.5-3 6.3-6.7 8.1-11 .4-.8.8-1.6.8-2.4 0-1-.4-1.8-.8-2.6l-19.9-49.7h10.6z"/></g></g></svg>`
 };
 /** */
 class DesignerRef {
@@ -30627,12 +30629,13 @@ class DesignerRef {
         this._element = _element;
         this.mode = mode;
         this._unlock$ = new Subject();
-        this._state$ = new Subject();
+        this._state$ = new BehaviorSubject(null);
     }
     get designer() { return this._designer; }
     get model() { return this._element; }
     get unlock() { return this._unlock$.asObservable(); }
-    get state() { return this._state$.asObservable(); }
+    get state() { return this._state$.value; }
+    set state(val) { this._state$.next(val); }
     create(element, template) {
         const ref = new DesignerRef(this._designer, element, 'widget');
         const injector = Injector.create([{
@@ -30795,30 +30798,30 @@ class DesignerItemComponent {
         this._cfr = _cfr;
         this.svg = FAMILY_SVG;
         this.form = new FormGroup({});
-        //@Input() state: string;
         this.onContinue = new EventEmitter();
         this.onSave = new EventEmitter();
         this._destroy = new Subject();
         this.mode = _ref.mode;
         this.model = _ref.model;
     }
-    attached(componentRef) {
+    optionsattached(componentRef) {
         const { instance } = componentRef;
-        if (this.model.template) {
-            this._options = instance;
-            instance.model = this.model;
-            if (this.mode === 'add' && !this._options.onContinue) {
-                this.mode = 'edit';
-                this._addForm();
-                this.onContinue.emit();
-            }
-            this._options.mode = this.mode;
-        }
-        else {
-            instance.fields = this.model.arguments;
-            instance.model = this.model.options;
-            instance.layout();
+        this._options = instance;
+        instance.model = this.model;
+        if (this.mode === 'add' && !this._options.onContinue) {
+            this.mode = 'edit';
+            this._addEditControls();
+            this.onContinue.emit();
         }
+        this._options.mode = this.mode;
+        this.mode !== 'widget' &&
+            this.form.addControl('options', instance.form, { emitEvent: false });
+    }
+    argumentsattached(componentRef) {
+        const { instance } = componentRef;
+        instance.fields = this.model.arguments;
+        instance.model = this.model.options;
+        instance.layout();
         this.mode !== 'widget' &&
             this.form.addControl('options', instance.form, { emitEvent: false });
     }
@@ -30827,23 +30830,23 @@ class DesignerItemComponent {
         if (this.model.template) {
             const comp = this._cfr.component(this.model.template);
             this.options = new ComponentPortal(comp);
-            this.mode !== 'widget' &&
-                this._ref.state.pipe(takeUntil$1(this._destroy)).subscribe(v => this.state = v);
         }
         else if (this.mode !== 'widget' && ((_a = this.model.arguments) === null || _a === void 0 ? void 0 : _a.length))
-            this.options = new ComponentPortal(LayoutComponent);
+            this.arguments = new ComponentPortal(LayoutComponent);
         else if (this.mode === 'add')
             this.mode = 'edit';
         switch (this.mode) {
             case 'add':
-                this.form.markAsDirty();
+                this.form.patchValue({});
                 break;
             case 'edit':
-                this._addForm();
+                this._addEditControls();
                 break;
         }
+        this.mode !== 'widget' &&
+            this._ref._state$.pipe(takeUntil$1(this._destroy)).subscribe(v => this.optionsstate = v);
     }
-    _addForm() {
+    _addEditControls() {
         const name = this._fb.control(null, Validators.required), title = this._fb.control(null, Validators.required);
         this.model.resource && title.disable();
         if (this.model.draft)
@@ -30876,8 +30879,10 @@ class DesignerItemComponent {
         var _a;
         ((_a = this._options) === null || _a === void 0 ? void 0 : _a.onContinue) && this._options.onContinue();
         this.onContinue.emit();
-        this._addForm();
-        this.mode = this._options.mode = 'edit';
+        this._addEditControls();
+        if (this._options)
+            this._options.mode = 'edit';
+        this.mode = 'edit';
     }
     save() {
         var _a;
@@ -30903,10 +30908,10 @@ class DesignerItemComponent {
     }
 }
 DesignerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DesignerItemComponent, deps: [{ token: i0.ElementRef }, { token: SystemService }, { token: i2.FormBuilder }, { token: PaneRef, optional: true }, { token: DesignerRef }, { token: BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-DesignerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { form: "form" }, outputs: { onContinue: "continue", onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }], ngImport: i0, template: "<ng-conatiner [ngSwitch]=\"mode\">\r\n  <ng-container *ngSwitchCase=\"'add'\">\r\n    <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\">{{'Continue'|translate}}&nbsp;<mat-icon>double_arrow</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\"><mat-icon>save</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p class=\"help\">{{model.help}}</p>\r\n    <p *ngIf=\"model.resource\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'Unlock'|translate\"></p>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\" *ngIf=\"!state\"\r\n          (document:keydown)=\"handleKeyboardEvent($event)\">\r\n      <div class=\"row\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required #title />\r\n          <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n\r\n      <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n\r\n      <bizdoc-designer-privileges *ngIf=\"form.contains('privileges') && !state\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n    </form>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <div [innerHTML]=\"(svg[model.family]|sanitizeHtml)||model.family\" *ngIf=\"model.family\"></div>\r\n    <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n    <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  </ng-container>\r\n</ng-conatiner>\r\n", styles: [":host{flex:1}::ng-deep form{padding:8px}::ng-deep .flex{flex:1}p.message{margin:5px}.actions{margin:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i6$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+DesignerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { form: "form" }, outputs: { onContinue: "continue", onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }], ngImport: i0, template: "<ng-conatiner [ngSwitch]=\"mode\">\r\n  <!--add mode-->\r\n  <ng-container *ngSwitchCase=\"'add'\">\r\n    <!--arguments-->\r\n    <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n    <!--options-->\r\n    <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\">{{'Continue'|translate}}&nbsp;<mat-icon>double_arrow</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n  <!--edit mode-->\r\n  <ng-container *ngSwitchCase=\"'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\"><mat-icon>save</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p class=\"help\">{{model.help}}</p>\r\n    <p *ngIf=\"model.resource\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\"\r\n          (document:keydown)=\"handleKeyboardEvent($event)\">\r\n      <div class=\"row\" *ngIf=\"!optionsstate\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required #title />\r\n          <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n      <!--arguments-->\r\n      <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n      <!--options-->\r\n      <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n\r\n      <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n\r\n      <bizdoc-designer-privileges *ngIf=\"form.contains('privileges') && !optionsstate\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n    </form>\r\n  </ng-container>\r\n  <!--widget mode -->\r\n  <ng-container *ngSwitchDefault>\r\n    <div [innerHTML]=\"(svg[model.family]|sanitizeHtml)||model.family\" *ngIf=\"model.family\"></div>\r\n    <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n    <!--options-->\r\n    <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  </ng-container>\r\n</ng-conatiner>\r\n", styles: [":host{flex:1}::ng-deep form{padding:8px}::ng-deep .flex{flex:1}p.message{margin:5px}.actions{margin:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i6$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DesignerItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-designer-element', template: "<ng-conatiner [ngSwitch]=\"mode\">\r\n  <ng-container *ngSwitchCase=\"'add'\">\r\n    <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\">{{'Continue'|translate}}&nbsp;<mat-icon>double_arrow</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\"><mat-icon>save</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p class=\"help\">{{model.help}}</p>\r\n    <p *ngIf=\"model.resource\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'Unlock'|translate\"></p>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\" *ngIf=\"!state\"\r\n          (document:keydown)=\"handleKeyboardEvent($event)\">\r\n      <div class=\"row\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required #title />\r\n          <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n\r\n      <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n\r\n      <bizdoc-designer-privileges *ngIf=\"form.contains('privileges') && !state\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n    </form>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <div [innerHTML]=\"(svg[model.family]|sanitizeHtml)||model.family\" *ngIf=\"model.family\"></div>\r\n    <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n    <ng-container *ngIf=\"options\" (attached)=\"attached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  </ng-container>\r\n</ng-conatiner>\r\n", styles: [":host{flex:1}::ng-deep form{padding:8px}::ng-deep .flex{flex:1}p.message{margin:5px}.actions{margin:8px}\n"] }]
+            args: [{ selector: 'bizdoc-designer-element', template: "<ng-conatiner [ngSwitch]=\"mode\">\r\n  <!--add mode-->\r\n  <ng-container *ngSwitchCase=\"'add'\">\r\n    <!--arguments-->\r\n    <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n    <!--options-->\r\n    <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\">{{'Continue'|translate}}&nbsp;<mat-icon>double_arrow</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n  <!--edit mode-->\r\n  <ng-container *ngSwitchCase=\"'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\"><mat-icon>save</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p class=\"help\">{{model.help}}</p>\r\n    <p *ngIf=\"model.resource\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\"\r\n          (document:keydown)=\"handleKeyboardEvent($event)\">\r\n      <div class=\"row\" *ngIf=\"!optionsstate\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required #title />\r\n          <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n      <!--arguments-->\r\n      <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n      <!--options-->\r\n      <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n\r\n      <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n\r\n      <bizdoc-designer-privileges *ngIf=\"form.contains('privileges') && !optionsstate\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n    </form>\r\n  </ng-container>\r\n  <!--widget mode -->\r\n  <ng-container *ngSwitchDefault>\r\n    <div [innerHTML]=\"(svg[model.family]|sanitizeHtml)||model.family\" *ngIf=\"model.family\"></div>\r\n    <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n    <!--options-->\r\n    <ng-container *ngIf=\"options\" (attached)=\"optionsattached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  </ng-container>\r\n</ng-conatiner>\r\n", styles: [":host{flex:1}::ng-deep form{padding:8px}::ng-deep .flex{flex:1}p.message{margin:5px}.actions{margin:8px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: SystemService }, { type: i2.FormBuilder }, { type: PaneRef, decorators: [{
                         type: Optional
@@ -30946,7 +30951,7 @@ class DesignerElementComponentBase {
     }
     closeView(evt) {
         this.view = null;
-        this._ref._state$.next(null);
+        this._ref.state = null;
         evt === null || evt === void 0 ? void 0 : evt.preventDefault();
         evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
     }
@@ -30962,7 +30967,7 @@ class DesignerElementComponentBase {
             title,
             $implicit: group
         };
-        this._ref._state$.next(1);
+        this._ref.state = 1;
         this._focus();
     }
     edit(group, title, template) {
@@ -31668,10 +31673,10 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
     datatype(name) { var _a; return (_a = this.types.find(t => t.name == name)) === null || _a === void 0 ? void 0 : _a.title; }
 }
 CubeDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CubeDesignComponent, deps: [{ token: i2.FormBuilder }, { token: SystemService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component });
-CubeDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" (continue)=\"complete()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <div>\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft && !syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.views?.length\">\r\n        <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let v of model.views\">\r\n            <td class=\"mat-cell\">{{v.title}}</td>\r\n            <td class=\"mat-cell\">({{(v.type||'Chart')|translate}})</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title\">{{'Patterns'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Views-->\r\n    <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #indexform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple>\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <mat-option *ngFor=\"let t of types\" [value]=\"t.name\">{{t.title}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\" required>\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Single\">{{'Single'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Search'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵ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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "component", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+CubeDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" (continue)=\"complete()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <div>\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft && !syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.views?.length\">\r\n        <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let v of model.views\">\r\n            <td class=\"mat-cell\">{{v.title}}</td>\r\n            <td class=\"mat-cell\">({{(v.type||'Chart')|translate}})</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title\">{{'Patterns'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Views-->\r\n    <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #indexform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple>\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <mat-option *ngFor=\"let t of types\" [value]=\"t.name\">{{t.title}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Single\">{{'Single'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Search'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵ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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "component", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CubeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\" (continue)=\"complete()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <div>\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft && !syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.views?.length\">\r\n        <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let v of model.views\">\r\n            <td class=\"mat-cell\">{{v.title}}</td>\r\n            <td class=\"mat-cell\">({{(v.type||'Chart')|translate}})</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title\">{{'Patterns'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n    <!--Views-->\r\n    <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #indexform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple>\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <mat-option *ngFor=\"let t of types\" [value]=\"t.name\">{{t.title}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\" required>\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Single\">{{'Single'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Search'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}\n"] }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\" (continue)=\"complete()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <div>\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft && !syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div *ngIf=\"model.views?.length\">\r\n        <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let v of model.views\">\r\n            <td class=\"mat-cell\">{{v.title}}</td>\r\n            <td class=\"mat-cell\">({{(v.type||'Chart')|translate}})</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title\">{{'Patterns'|translate}}</h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    <!--Views-->\r\n    <h2 class=\"mat-title\">{{'Views'|translate}}</h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #indexform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple>\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <mat-option *ngFor=\"let t of types\" [value]=\"t.name\">{{t.title}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Single\">{{'Single'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Search'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i2.FormBuilder }, { type: SystemService }, { type: PromptService }, { type: i0.ElementRef }, { type: DesignerRef, decorators: [{
                         type: Inject,
@@ -31715,10 +31720,10 @@ class FolderDesignComponent extends DesignerTypeElementComponent {
     add() { this.columns.push(this._formcolumn()); }
 }
 FolderDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: FolderDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FolderDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: FolderDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      </div>\r\n      <ng-container formGroupName=\"filters\" *ngIf=\"cubes.length\" class=\"column\">\r\n        <h2 class=\"mat-title\">{{'Filters'|translate}}</h2>\r\n        <mat-form-field *ngIf=\"cubes.length>1\">\r\n          <mat-label>{{'Cube'|translate}}</mat-label>\r\n          <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n            <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Axes'|translate}}</mat-label>\r\n          <mat-select formControlName=\"axes\" multiple>\r\n            <mat-option *ngFor=\"let x of cube?.axes\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <h2 class=\"mat-title\">{{'Columns'|translate}}</h2>\r\n      <div formArrayName=\"columns\" class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\r\n        <div class=\"row\" *ngFor=\"let c of columns.controls; index as index\" [formGroup]=\"c\" cdkDrag>\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Title'|translate}}</mat-label>\r\n            <input matInput formControlName=\"title\" required />\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Name'|translate}}</mat-label>\r\n            <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\r\n            <mat-autocomplete #names=\"matAutocomplete\">\r\n              <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\r\n              <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\r\n              <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\r\n              <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\r\n              <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\r\n              <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\r\n              <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\r\n              <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\r\n              <mat-option value=\"state\">{{'State'|translate}}</mat-option>\r\n              <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\r\n              <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <mat-label>{{'DataType'|translate}}</mat-label>\r\n            <mat-select formControlName=\"type\">\r\n              <mat-option value=\"String\">{{'Text'}}</mat-option>\r\n              <mat-option value=\"Decimal\">{{'Numeric'}}</mat-option>\r\n              <mat-option value=\"Date\">{{'Date'}}</mat-option>\r\n              <mat-option value=\"Boolean\">{{'Boolean'}}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </div>\r\n      </div>\r\n      <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #column></ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+FolderDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: FolderDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      </div>\r\n      <ng-container formGroupName=\"filters\" *ngIf=\"cubes.length\" class=\"column\">\r\n        <h2 class=\"mat-title\">{{'Filters'|translate}}</h2>\r\n        <mat-form-field *ngIf=\"cubes.length>1\">\r\n          <mat-label>{{'Cube'|translate}}</mat-label>\r\n          <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n            <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Axes'|translate}}</mat-label>\r\n          <mat-select formControlName=\"axes\" multiple>\r\n            <mat-option *ngFor=\"let x of cube?.axes\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <h2 class=\"mat-title\">{{'Columns'|translate}}</h2>\r\n      <div formArrayName=\"columns\" class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\r\n        <div class=\"row\" *ngFor=\"let c of columns.controls; index as index\" [formGroup]=\"c\" cdkDrag>\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Title'|translate}}</mat-label>\r\n            <input matInput formControlName=\"title\" required />\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Name'|translate}}</mat-label>\r\n            <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\r\n            <mat-autocomplete #names=\"matAutocomplete\">\r\n              <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\r\n              <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\r\n              <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\r\n              <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\r\n              <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\r\n              <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\r\n              <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\r\n              <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\r\n              <mat-option value=\"state\">{{'State'|translate}}</mat-option>\r\n              <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\r\n              <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <mat-label>{{'DataType'|translate}}</mat-label>\r\n            <mat-select formControlName=\"type\">\r\n              <mat-option value=\"String\">{{'Text'}}</mat-option>\r\n              <mat-option value=\"Decimal\">{{'Numeric'}}</mat-option>\r\n              <mat-option value=\"Date\">{{'Date'}}</mat-option>\r\n              <mat-option value=\"Boolean\">{{'Boolean'}}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </div>\r\n      </div>\r\n      <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #column></ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: FolderDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      </div>\r\n      <ng-container formGroupName=\"filters\" *ngIf=\"cubes.length\" class=\"column\">\r\n        <h2 class=\"mat-title\">{{'Filters'|translate}}</h2>\r\n        <mat-form-field *ngIf=\"cubes.length>1\">\r\n          <mat-label>{{'Cube'|translate}}</mat-label>\r\n          <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n            <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Axes'|translate}}</mat-label>\r\n          <mat-select formControlName=\"axes\" multiple>\r\n            <mat-option *ngFor=\"let x of cube?.axes\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <h2 class=\"mat-title\">{{'Columns'|translate}}</h2>\r\n      <div formArrayName=\"columns\" class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\r\n        <div class=\"row\" *ngFor=\"let c of columns.controls; index as index\" [formGroup]=\"c\" cdkDrag>\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Title'|translate}}</mat-label>\r\n            <input matInput formControlName=\"title\" required />\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Name'|translate}}</mat-label>\r\n            <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\r\n            <mat-autocomplete #names=\"matAutocomplete\">\r\n              <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\r\n              <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\r\n              <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\r\n              <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\r\n              <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\r\n              <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\r\n              <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\r\n              <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\r\n              <mat-option value=\"state\">{{'State'|translate}}</mat-option>\r\n              <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\r\n              <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <mat-label>{{'DataType'|translate}}</mat-label>\r\n            <mat-select formControlName=\"type\">\r\n              <mat-option value=\"String\">{{'Text'}}</mat-option>\r\n              <mat-option value=\"Decimal\">{{'Numeric'}}</mat-option>\r\n              <mat-option value=\"Date\">{{'Date'}}</mat-option>\r\n              <mat-option value=\"Boolean\">{{'Boolean'}}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </div>\r\n      </div>\r\n      <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #column></ng-template>\r\n" }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      </div>\r\n      <ng-container formGroupName=\"filters\" *ngIf=\"cubes.length\" class=\"column\">\r\n        <h2 class=\"mat-title\">{{'Filters'|translate}}</h2>\r\n        <mat-form-field *ngIf=\"cubes.length>1\">\r\n          <mat-label>{{'Cube'|translate}}</mat-label>\r\n          <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n            <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Axes'|translate}}</mat-label>\r\n          <mat-select formControlName=\"axes\" multiple>\r\n            <mat-option *ngFor=\"let x of cube?.axes\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <h2 class=\"mat-title\">{{'Columns'|translate}}</h2>\r\n      <div formArrayName=\"columns\" class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\r\n        <div class=\"row\" *ngFor=\"let c of columns.controls; index as index\" [formGroup]=\"c\" cdkDrag>\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Title'|translate}}</mat-label>\r\n            <input matInput formControlName=\"title\" required />\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field class=\"flex\">\r\n            <mat-label>{{'Name'|translate}}</mat-label>\r\n            <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\r\n            <mat-autocomplete #names=\"matAutocomplete\">\r\n              <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\r\n              <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\r\n              <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\r\n              <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\r\n              <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\r\n              <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\r\n              <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\r\n              <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\r\n              <mat-option value=\"state\">{{'State'|translate}}</mat-option>\r\n              <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\r\n              <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <mat-label>{{'DataType'|translate}}</mat-label>\r\n            <mat-select formControlName=\"type\">\r\n              <mat-option value=\"String\">{{'Text'}}</mat-option>\r\n              <mat-option value=\"Decimal\">{{'Numeric'}}</mat-option>\r\n              <mat-option value=\"Date\">{{'Date'}}</mat-option>\r\n              <mat-option value=\"Boolean\">{{'Boolean'}}</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </div>\r\n      </div>\r\n      <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #column></ng-template>\r\n" }]
         }] });
 
 class FormDesignComponent extends DesignerTypeElementComponent {
@@ -31826,10 +31831,10 @@ class GuideDesignComponent extends DesignerTypeElementComponent {
     }
 }
 GuideDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: GuideDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GuideDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: GuideDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Steps'|translate}}</h2>\r\n    <table formArrayName=\"steps\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, this.steps)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of steps.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          {{s.get('title').value || s.get('content').value }}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Step', stepform)\" [bizdocTooltip]=\"'Edit'|translate\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(steps, newStep(), 'Steps', stepform)\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #stepform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Content'|translate}}</mat-label>\r\n      <input matInput formControlName=\"content\" required />\r\n      <mat-error *ngIf=\"form.get('content').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Selector'|translate}}</mat-label>\r\n      <input matInput formControlName=\"selector\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Position'|translate}}</mat-label>\r\n      <mat-select formControlName=\"position\">\r\n        <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\r\n        <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\r\n        <mat-option value=\"End\">{{'End'|translate}}</mat-option>\r\n        <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-switch formControlName=\"execute\">{{'Execute'|translate}}</mat-switch>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+GuideDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: GuideDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Steps'|translate}}</h2>\r\n    <table formArrayName=\"steps\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, this.steps)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of steps.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          {{s.get('title').value || s.get('content').value }}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Step', stepform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(steps, newStep(), 'Steps', stepform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #stepform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Content'|translate}}</mat-label>\r\n      <input matInput formControlName=\"content\" required />\r\n      <mat-error *ngIf=\"form.get('content').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Selector'|translate}}</mat-label>\r\n      <input matInput formControlName=\"selector\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Position'|translate}}</mat-label>\r\n      <mat-select formControlName=\"position\">\r\n        <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\r\n        <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\r\n        <mat-option value=\"End\">{{'End'|translate}}</mat-option>\r\n        <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-checkbox formControlName=\"execute\">{{'Execute'|translate}}</mat-checkbox>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["form"], outputs: ["continue", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: GuideDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Steps'|translate}}</h2>\r\n    <table formArrayName=\"steps\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, this.steps)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of steps.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          {{s.get('title').value || s.get('content').value }}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Step', stepform)\" [bizdocTooltip]=\"'Edit'|translate\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(steps, newStep(), 'Steps', stepform)\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #stepform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Content'|translate}}</mat-label>\r\n      <input matInput formControlName=\"content\" required />\r\n      <mat-error *ngIf=\"form.get('content').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Selector'|translate}}</mat-label>\r\n      <input matInput formControlName=\"selector\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Position'|translate}}</mat-label>\r\n      <mat-select formControlName=\"position\">\r\n        <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\r\n        <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\r\n        <mat-option value=\"End\">{{'End'|translate}}</mat-option>\r\n        <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-switch formControlName=\"execute\">{{'Execute'|translate}}</mat-switch>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Steps'|translate}}</h2>\r\n    <table formArrayName=\"steps\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, this.steps)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of steps.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          {{s.get('title').value || s.get('content').value }}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Step', stepform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(steps, newStep(), 'Steps', stepform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #stepform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Content'|translate}}</mat-label>\r\n      <input matInput formControlName=\"content\" required />\r\n      <mat-error *ngIf=\"form.get('content').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Selector'|translate}}</mat-label>\r\n      <input matInput formControlName=\"selector\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Position'|translate}}</mat-label>\r\n      <mat-select formControlName=\"position\">\r\n        <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\r\n        <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\r\n        <mat-option value=\"End\">{{'End'|translate}}</mat-option>\r\n        <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-checkbox formControlName=\"execute\">{{'Execute'|translate}}</mat-checkbox>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 class ReportDesignerComponent extends DesignerTypeElementComponent {
@@ -32117,7 +32122,22 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
     save() {
         this.saving = true;
         const { actions, cubes, folders, forms, guides, reports, roles, rules, states, types, utilities, views, widgets } = this.model;
-        return this._ref.execute(cleanup({ actions, cubes, folders, forms, guides, reports, roles, rules, states, types, utilities, views, widgets })).toPromise().then(() => {
+        const model = {
+            actions: strip(actions),
+            cubes: strip(cubes),
+            folders: strip(folders),
+            forms: strip(forms),
+            guides: strip(guides),
+            reports: strip(reports),
+            roles: strip(roles),
+            rules: strip(rules),
+            states: strip(states),
+            types: strip(types),
+            utilities: strip(utilities),
+            views: strip(views),
+            widgets: strip(widgets)
+        };
+        return this._ref.execute(model).toPromise().then(() => {
             this._ps.toast('ChangesSaved');
             apply(actions, cubes, folders, forms, guides, reports, roles, rules, states, types, utilities, views, widgets);
             this.saving = false;
@@ -32126,6 +32146,13 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
             this._ps.error();
             this.saving = false;
         });
+        function strip(elements) {
+            return elements.map(e => {
+                const element = Object.assign({}, e);
+                delete element.injector;
+                return cleanup(element);
+            });
+        }
         function apply(...collection) {
             collection.forEach(s => s.forEach(e => delete e.draft));
         }
@@ -32373,13 +32400,13 @@ let ParallelViewDesignComponent = class ParallelViewDesignComponent extends Desi
     }
 };
 ParallelViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ParallelViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ParallelViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ParallelViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n  <!--<div>\r\n    <bizdoc-cube-parallel *ngIf=\"options.xAxis\" [cube]=\"options.cube\"\r\n                          [xAxis]=\"options.xAxis\"\r\n                          [series]=\"options.series\"\r\n                          [indices]=\"options.indices\"\r\n                          [filters]=\"options.filters\"\r\n                          [chartType]=\"options.chartType\"\r\n                          [scope]=\"options.scope\"\r\n                          [size]=\"250\"></bizdoc-cube-parallel>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+ParallelViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ParallelViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n  <!--<div>\r\n    <bizdoc-cube-parallel *ngIf=\"options.xAxis\" [cube]=\"options.cube\"\r\n                          [xAxis]=\"options.xAxis\"\r\n                          [series]=\"options.series\"\r\n                          [indices]=\"options.indices\"\r\n                          [filters]=\"options.filters\"\r\n                          [chartType]=\"options.chartType\"\r\n                          [scope]=\"options.scope\"\r\n                          [size]=\"250\"></bizdoc-cube-parallel>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 ParallelViewDesignComponent = __decorate([
     BizDoc({ selector: 'parallel-view-designer' })
 ], ParallelViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ParallelViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n  <!--<div>\r\n    <bizdoc-cube-parallel *ngIf=\"options.xAxis\" [cube]=\"options.cube\"\r\n                          [xAxis]=\"options.xAxis\"\r\n                          [series]=\"options.series\"\r\n                          [indices]=\"options.indices\"\r\n                          [filters]=\"options.filters\"\r\n                          [chartType]=\"options.chartType\"\r\n                          [scope]=\"options.scope\"\r\n                          [size]=\"250\"></bizdoc-cube-parallel>\r\n  </div>-->\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n        <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n        <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n        <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n  <!--<div>\r\n    <bizdoc-cube-parallel *ngIf=\"options.xAxis\" [cube]=\"options.cube\"\r\n                          [xAxis]=\"options.xAxis\"\r\n                          [series]=\"options.series\"\r\n                          [indices]=\"options.indices\"\r\n                          [filters]=\"options.filters\"\r\n                          [chartType]=\"options.chartType\"\r\n                          [scope]=\"options.scope\"\r\n                          [size]=\"250\"></bizdoc-cube-parallel>\r\n  </div>-->\r\n</ng-template>\r\n" }]
         }] });
 
 let SumViewDesignComponent = class SumViewDesignComponent extends DesignerCubeElementComponent {
@@ -32397,13 +32424,13 @@ let SumViewDesignComponent = class SumViewDesignComponent extends DesignerCubeEl
     }
 };
 SumViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SumViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SumViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SumViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <div>\r\n    <!--<bizdoc-cube-sum *ngIf=\"options.xAxis\" [xAxis]=\"options.xAxis\"\r\n                     [filters]=\"options.filters || {}\"\r\n                     [parentAxis]=\"options.series\"\r\n                     [scope]=\"options.scope\"\r\n                     [periodPolicy]=\"options.periodPolicy\"\r\n                     [indices]=\"options.indices\"\r\n                     [cube]=\"cube.name\"></bizdoc-cube-sum>-->\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+SumViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SumViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <div>\r\n    <!--<bizdoc-cube-sum *ngIf=\"options.xAxis\" [xAxis]=\"options.xAxis\"\r\n                     [filters]=\"options.filters || {}\"\r\n                     [parentAxis]=\"options.series\"\r\n                     [scope]=\"options.scope\"\r\n                     [periodPolicy]=\"options.periodPolicy\"\r\n                     [indices]=\"options.indices\"\r\n                     [cube]=\"cube.name\"></bizdoc-cube-sum>-->\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 SumViewDesignComponent = __decorate([
     BizDoc({ selector: 'period-view-designer' })
 ], SumViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SumViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <div>\r\n    <!--<bizdoc-cube-sum *ngIf=\"options.xAxis\" [xAxis]=\"options.xAxis\"\r\n                     [filters]=\"options.filters || {}\"\r\n                     [parentAxis]=\"options.series\"\r\n                     [scope]=\"options.scope\"\r\n                     [periodPolicy]=\"options.periodPolicy\"\r\n                     [indices]=\"options.indices\"\r\n                     [cube]=\"cube.name\"></bizdoc-cube-sum>-->\r\n  </div>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <div>\r\n    <!--<bizdoc-cube-sum *ngIf=\"options.xAxis\" [xAxis]=\"options.xAxis\"\r\n                     [filters]=\"options.filters || {}\"\r\n                     [parentAxis]=\"options.series\"\r\n                     [scope]=\"options.scope\"\r\n                     [periodPolicy]=\"options.periodPolicy\"\r\n                     [indices]=\"options.indices\"\r\n                     [cube]=\"cube.name\"></bizdoc-cube-sum>-->\r\n  </div>\r\n</ng-template>\r\n" }]
         }] });
 
 let MatrixViewDesignComponent = class MatrixViewDesignComponent extends DesignerCubeElementComponent {
@@ -32456,13 +32483,13 @@ let MatrixViewDesignComponent = class MatrixViewDesignComponent extends Designer
     }
 };
 MatrixViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MatrixViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MatrixViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: MatrixViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <ng-container *ngIf=\"view; else main\">\r\n    <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n    <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n      <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n    </div>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\" class=\"flex\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Filters'|translate}}</mat-label>\r\n        <mat-select formControlName=\"filters\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n        <mat-select formControlName=\"aggregate\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n    <h2 class=\"mat-title\">{{'Summary'|translate}}</h2>\r\n    <table class=\"mat-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, sum)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of sum.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">{{s.get('title').value}}</td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #sumform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n    </mat-form-field>\r\n    <mat-radio-group formControlName=\"axis\">\r\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'Calculate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"calculate\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\r\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\r\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\r\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+MatrixViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: MatrixViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <ng-container *ngIf=\"view; else main\">\r\n    <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n    <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n      <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n    </div>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\" class=\"flex\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Filters'|translate}}</mat-label>\r\n        <mat-select formControlName=\"filters\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n        <mat-select formControlName=\"aggregate\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n    <h2 class=\"mat-title\">{{'Summary'|translate}}</h2>\r\n    <table class=\"mat-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, sum)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of sum.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">{{s.get('title').value}}</td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #sumform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n    </mat-form-field>\r\n    <mat-radio-group formControlName=\"axis\">\r\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'Calculate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"calculate\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\r\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\r\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\r\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 MatrixViewDesignComponent = __decorate([
     BizDoc({ selector: 'matrix-view-designer' })
 ], MatrixViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MatrixViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <ng-container *ngIf=\"view; else main\">\r\n    <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n    <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n      <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n    </div>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\" class=\"flex\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Filters'|translate}}</mat-label>\r\n        <mat-select formControlName=\"filters\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n        <mat-select formControlName=\"aggregate\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n    <h2 class=\"mat-title\">{{'Summary'|translate}}</h2>\r\n    <table class=\"mat-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, sum)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of sum.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">{{s.get('title').value}}</td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #sumform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n    </mat-form-field>\r\n    <mat-radio-group formControlName=\"axis\">\r\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'Calculate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"calculate\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\r\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\r\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\r\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <ng-container *ngIf=\"view; else main\">\r\n    <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n    <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n      <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n    </div>\r\n    <div class=\"row actions\">\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" required>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\" class=\"flex\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Filters'|translate}}</mat-label>\r\n        <mat-select formControlName=\"filters\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value !== a.name && form.get('series').value !== a.name\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n        <mat-select formControlName=\"aggregate\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value!==a.name && form.get('series').value !== a.name && form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n    <h2 class=\"mat-title\">{{'Summary'|translate}}</h2>\r\n    <table class=\"mat-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, sum)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let s of sum.controls; index as index\" [formGroup]=\"s\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell\">{{s.get('title').value}}</td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <button mat-icon-button (click)=\"add(sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n<ng-template #sumform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n    </mat-form-field>\r\n    <mat-radio-group formControlName=\"axis\">\r\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field>\r\n      <mat-label>{{'Calculate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"calculate\">\r\n        <mat-option>{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\r\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\r\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\r\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 let ChartViewDesignComponent = class ChartViewDesignComponent extends DesignerCubeElementComponent {
@@ -32491,13 +32518,13 @@ let ChartViewDesignComponent = class ChartViewDesignComponent extends DesignerCu
     }
 };
 ChartViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChartViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ChartViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChartViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"options.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<button mat-stroked-button (click)=\"showPreview = true\">{{'Preview'|translate}}</button>-->\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"selectedCube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+ChartViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChartViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<button mat-stroked-button (click)=\"showPreview = true\">{{'Preview'|translate}}</button>-->\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"selectedCube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 ChartViewDesignComponent = __decorate([
     BizDoc({ selector: 'analysis-view-designer' })
 ], ChartViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChartViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"options.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<button mat-stroked-button (click)=\"showPreview = true\">{{'Preview'|translate}}</button>-->\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"selectedCube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube.indices\" [value]=\"i.name\">{{i.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<button mat-stroked-button (click)=\"showPreview = true\">{{'Preview'|translate}}</button>-->\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"selectedCube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n" }]
         }] });
 
 let AnalysisWidgetDesignComponent = class AnalysisWidgetDesignComponent extends DesignerCubeElementComponent {
@@ -32525,13 +32552,13 @@ let AnalysisWidgetDesignComponent = class AnalysisWidgetDesignComponent extends
     }
 };
 AnalysisWidgetDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnalysisWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AnalysisWidgetDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: AnalysisWidgetDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube?.indices\" [value]=\"i.name\">{{i.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"options.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"cube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+AnalysisWidgetDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: AnalysisWidgetDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube?.indices\" [value]=\"i.name\">{{i.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"cube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 AnalysisWidgetDesignComponent = __decorate([
     BizDoc({ selector: 'analysis-widget-designer' })
 ], AnalysisWidgetDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnalysisWidgetDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube?.indices\" [value]=\"i.name\">{{i.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"options.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"cube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple>\r\n          <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </mat-select>\r\n        <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple>\r\n          <ng-container *ngFor=\"let a of cube?.axes\">\r\n            <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n          </ng-container>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let i of cube?.indices\" [value]=\"i.name\">{{i.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field class=\"flex\" *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          <mat-option>{{'Default'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n  <!--<div *ngIf=\"options.xAxis\">\r\n    <ng-container [ngSwitch]=\"isAccum\">\r\n      <bizdoc-cube-accum *ngSwitchCase=\"true\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"\r\n                         [cube]=\"cube.name\"\r\n                         [filters]=\"options.filters\"\r\n                         [xAxis]=\"options.xAxis\"></bizdoc-cube-accum>\r\n      <bizdoc-cube-chart *ngSwitchDefault\r\n                         [cube]=\"cube.name\"\r\n                         [xAxis]=\"options.xAxis\"\r\n                         [series]=\"options.series\"\r\n                         [indices]=\"options.indices\"\r\n                         [filters]=\"options.filters\"\r\n                         [chartType]=\"options.chartType\"\r\n                         [indicesChartType]=\"options.indicesChartType\"\r\n                         [width]=\"200\"\r\n                         [scope]=\"options.scope\"></bizdoc-cube-chart>\r\n    </ng-container>\r\n  </div>-->\r\n</ng-template>\r\n" }]
         }] });
 
 let ExploreViewDesignComponent = class ExploreViewDesignComponent extends DesignerCubeElementComponent {
@@ -32567,8 +32594,8 @@ let TasksReportDesignComponent = class TasksReportDesignComponent extends Design
         });
     }
     ngOnInit() {
-        super.ngOnInit();
         this.states = this._ref.designer.states;
+        super.ngOnInit();
     }
 };
 TasksReportDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: TasksReportDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -32690,13 +32717,13 @@ let UsageReportDesignComponent = class UsageReportDesignComponent extends Design
     }
 };
 UsageReportDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UsageReportDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UsageReportDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UsageReportDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-radio-group [formControl]=\"type\" (change)=\"typechange($event)\">\r\n      <mat-radio-button value=\"Chart\">{{'Chart'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Pivot\">{{'Pivot'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <ng-container [ngSwitch]=\"type.value\">\r\n      <ng-container *ngSwitchCase=\"'Pivot'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'XAxis'|translate}}</mat-label>\r\n          <mat-select formControlName=\"xAxis\" multiple>\r\n            <ng-container *ngFor=\"let a of cube.axes\">\r\n              <mat-option *ngIf=\"form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          <mat-option *ngFor=\"let x of cube?.indices\" [value]=\"x.name\">{{x.title }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <ng-container *ngSwitchCase=\"'Chart'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'ChartType'|translate}}</mat-label>\r\n          <mat-select formControlName=\"chartType\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </ng-container>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+UsageReportDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UsageReportDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-radio-group [formControl]=\"type\" (change)=\"typechange($event)\">\r\n      <mat-radio-button value=\"Chart\">{{'Chart'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Pivot\">{{'Pivot'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <ng-container [ngSwitch]=\"type.value\">\r\n      <ng-container *ngSwitchCase=\"'Pivot'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'XAxis'|translate}}</mat-label>\r\n          <mat-select formControlName=\"xAxis\" multiple>\r\n            <ng-container *ngFor=\"let a of cube?.axes\">\r\n              <mat-option *ngIf=\"form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          <mat-option *ngFor=\"let x of cube?.indices\" [value]=\"x.name\">{{x.title }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <ng-container *ngSwitchCase=\"'Chart'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'ChartType'|translate}}</mat-label>\r\n          <mat-select formControlName=\"chartType\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </ng-container>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$5.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 UsageReportDesignComponent = __decorate([
     BizDoc({ selector: 'usage-report-designer' })
 ], UsageReportDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UsageReportDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-radio-group [formControl]=\"type\" (change)=\"typechange($event)\">\r\n      <mat-radio-button value=\"Chart\">{{'Chart'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Pivot\">{{'Pivot'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <ng-container [ngSwitch]=\"type.value\">\r\n      <ng-container *ngSwitchCase=\"'Pivot'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'XAxis'|translate}}</mat-label>\r\n          <mat-select formControlName=\"xAxis\" multiple>\r\n            <ng-container *ngFor=\"let a of cube.axes\">\r\n              <mat-option *ngIf=\"form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          <mat-option *ngFor=\"let x of cube?.indices\" [value]=\"x.name\">{{x.title }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <ng-container *ngSwitchCase=\"'Chart'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'ChartType'|translate}}</mat-label>\r\n          <mat-select formControlName=\"chartType\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </ng-container>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-radio-group [formControl]=\"type\" (change)=\"typechange($event)\">\r\n      <mat-radio-button value=\"Chart\">{{'Chart'|translate}}</mat-radio-button>\r\n      <mat-radio-button value=\"Pivot\">{{'Pivot'|translate}}</mat-radio-button>\r\n    </mat-radio-group>\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <ng-container [ngSwitch]=\"type.value\">\r\n      <ng-container *ngSwitchCase=\"'Pivot'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'XAxis'|translate}}</mat-label>\r\n          <mat-select formControlName=\"xAxis\" multiple>\r\n            <ng-container *ngFor=\"let a of cube?.axes\">\r\n              <mat-option *ngIf=\"form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n            </ng-container>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          <mat-option *ngFor=\"let x of cube?.indices\" [value]=\"x.name\">{{x.title }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <ng-container *ngSwitchCase=\"'Chart'\">\r\n        <mat-form-field>\r\n          <mat-label>{{'ChartType'|translate}}</mat-label>\r\n          <mat-select formControlName=\"chartType\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </ng-container>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 let AnomalyRuleDesignComponent = class AnomalyRuleDesignComponent extends DesignerElementComponentBase {
@@ -32751,13 +32778,13 @@ let CubeViewDesignComponent = class CubeViewDesignComponent extends DesignerCube
     }
 };
 CubeViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CubeViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CubeViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CubeViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode === 'widget'; else edit\">\r\n</div>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Filters'|translate}}</mat-label>\r\n      <mat-select formControlName=\"filters\" multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+CubeViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CubeViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode === 'widget'; else edit\">\r\n</div>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Filters'|translate}}</mat-label>\r\n      <mat-select formControlName=\"filters\" multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 CubeViewDesignComponent = __decorate([
     BizDoc({ selector: 'cube-view-designer' })
 ], CubeViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CubeViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<div *ngIf=\"mode === 'widget'; else edit\">\r\n</div>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Filters'|translate}}</mat-label>\r\n      <mat-select formControlName=\"filters\" multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<div *ngIf=\"mode === 'widget'; else edit\">\r\n</div>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length>1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Filters'|translate}}</mat-label>\r\n      <mat-select formControlName=\"filters\" multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('filters').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 let PivotViewDesignComponent = class PivotViewDesignComponent extends DesignerCubeElementComponent {
@@ -32777,13 +32804,13 @@ let PivotViewDesignComponent = class PivotViewDesignComponent extends DesignerCu
     }
 };
 PivotViewDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PivotViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PivotViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: PivotViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+PivotViewDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: PivotViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 PivotViewDesignComponent = __decorate([
     BizDoc({ selector: 'pivot-view-designer' })
 ], PivotViewDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PivotViewDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <ng-container *ngFor=\"let a of cube.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field *ngIf=\"cubes.length > 1\">\r\n      <mat-label>{{'Cube'|translate}}</mat-label>\r\n      <mat-select required (selectionChange)=\"cubeSelected($event)\">\r\n        <mat-option *ngFor=\"let c of cubes\" [value]=\"c\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple>\r\n        <mat-option *ngFor=\"let a of cube?.axes\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" required multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('series').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"cube?.indices?.length\">\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <mat-option *ngFor=\"let x of cube.indices\" [value]=\"x.name\">{{x.title || x.name}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\r\n      <mat-select formControlName=\"aggregate\" multiple>\r\n        <ng-container *ngFor=\"let a of cube?.axes\">\r\n          <mat-option *ngIf=\"form.get('xAxis').value?.indexOf(a.name) < 0 && form.get('series').value?.indexOf(a.name) < 0\" [value]=\"a.name\">{{a.title }}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 let ReturnToRoleActionDesignComponent = class ReturnToRoleActionDesignComponent extends DesignerElementComponentBase {
@@ -32847,13 +32874,13 @@ let ConfigurationDatasourceDesignComponent = class ConfigurationDatasourceDesign
     }
 };
 ConfigurationDatasourceDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ConfigurationDatasourceDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ConfigurationDatasourceDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ConfigurationDatasourceDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Items'|translate}}</h2>\r\n    <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\r\n      <div class=\"row\" *ngFor=\"let a of items.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Key'|translate}}</mat-label>\r\n          <input matInput formControlName=\"key\" required />\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Value'|translate}}</mat-label>\r\n          <input matInput formControlName=\"value\" required />\r\n        </mat-form-field>\r\n        <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n      </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+ConfigurationDatasourceDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ConfigurationDatasourceDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Items'|translate}}</h2>\r\n    <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\r\n      <div class=\"row\" *ngFor=\"let a of items.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Key'|translate}}</mat-label>\r\n          <input matInput formControlName=\"key\" required />\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Value'|translate}}</mat-label>\r\n          <input matInput formControlName=\"value\" required />\r\n        </mat-form-field>\r\n        <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n      </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i3$3.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: i3$3.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: i3$3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i9$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i10$1.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 ConfigurationDatasourceDesignComponent = __decorate([
     BizDoc({ selector: 'configuration-datasource-designer' })
 ], ConfigurationDatasourceDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ConfigurationDatasourceDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Items'|translate}}</h2>\r\n    <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\r\n      <div class=\"row\" *ngFor=\"let a of items.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Key'|translate}}</mat-label>\r\n          <input matInput formControlName=\"key\" required />\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Value'|translate}}</mat-label>\r\n          <input matInput formControlName=\"value\" required />\r\n        </mat-form-field>\r\n        <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n      </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n" }]
+            args: [{ template: "<ng-container *ngIf=\"mode === 'widget'; else edit\">\r\n</ng-container>\r\n<ng-template #edit>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <h2 class=\"mat-title\">{{'Items'|translate}}</h2>\r\n    <div class=\"column\" cdkDropList (cdkDropListDropped)=\"drop($event, items)\">\r\n      <div class=\"row\" *ngFor=\"let a of items.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Key'|translate}}</mat-label>\r\n          <input matInput formControlName=\"key\" required />\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Value'|translate}}</mat-label>\r\n          <input matInput formControlName=\"value\" required />\r\n        </mat-form-field>\r\n        <button mat-icon-button (click)=\"items.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\"><mat-icon>delete</mat-icon></button>\r\n      </div>\r\n    </div>\r\n    <button mat-icon-button (click)=\"add()\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add_circle</mat-icon></button>\r\n  </form>\r\n</ng-template>\r\n" }]
         }] });
 
 let CubeIndexDesignComponent = class CubeIndexDesignComponent extends DesignerCubeElementComponent {