@bizdoc/core 2.3.28 → 2.3.29

package/fesm2022/bizdoc-core.mjs

@@ -2858,6 +2858,13 @@ class Popup {
         this._session = _session;
         this._injector = _injector;
     }
+    /**
+     *
+     * @param component
+     * @param element
+     * @param options
+     * @returns
+     */
     open(component, element, options) {
         let positions;
         const { backdrop, position, disposeOnBackdrop, data, injector, class: clazz } = options || {};
@@ -2896,13 +2903,13 @@ class Popup {
         });
         const portal = new ComponentPortal(PopupComponent, null, popupInjector);
         oRef.attach(portal);
+        pRef._closed.subscribe(() => oRef.detach());
         oRef.keydownEvents().pipe(filter(k => k.key === 'Escape')).
             subscribe(e => {
             e.stopPropagation();
             pRef._closed.next(null);
         });
         backdrop !== false && oRef.backdropClick().subscribe(() => disposeOnBackdrop !== false && pRef._closed.next(null));
-        pRef._closed.subscribe(() => oRef.detach());
         return pRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: Popup, deps: [{ token: i1$2.Overlay }, { token: SessionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3428,6 +3435,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: Input
             }] } });
 
+/** */
+class JsonPipe {
+    transform(value, ...args) {
+        return '<pre>' + JSON.stringify(value[0], null, ' ') + '</pre>';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: JsonPipe, name: "json" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: JsonPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'json' }]
+        }] });
 class ArraySortPipe {
     transform(array, field, order = 'asc') {
         if (!Array.isArray(array)) {
@@ -5560,7 +5579,7 @@ const FAMILY_SVG = {
     'Google': 'google.svg',
     'Okta': 'okta.svg'
 };
-const CAP_NAME_CHAR = /[A-Z]+/g, NON_NAME_CHAR = /[^\w]+/g;
+const CAP_NAME_CHAR = /[A-Z]+/g, NON_NAME_CHAR = /[^\w\-_]+/g;
 /** */
 class DesignerRef {
     constructor(_designer, _element, _collection, mode) {
@@ -5600,9 +5619,8 @@ function localizeString(value) {
  * @param name
  */
 function programName(name) {
-    return name.
+    return name.toLowerCase().
         replace(' ', '-').
-        replace(CAP_NAME_CHAR, (c, i) => (i > 0 && name.charAt(i - 1) !== '-' ? '-' : '') + c.toLowerCase()).
         replace(NON_NAME_CHAR, '');
 }
 
@@ -29740,7 +29758,7 @@ class SharedModule {
             JoinPipe,
             TypeValuePipe,
             L18nPipe, TranslatePipe, IdentityName, SanitizeHtmlPipe,
-            StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe,
+            StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, JsonPipe, UserNamePipe,
             TaggingPipe,
             TypeSelect, TypeAutocomplete, Signature,
             AceInput, TimespanInput, AddressInput,
@@ -29846,7 +29864,7 @@ class SharedModule {
             DateRangePipe,
             TypeValuePipe,
             JoinPipe,
-            StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe, SanitizeHtmlPipe,
+            StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, JsonPipe, ArraySortPipe, UserNamePipe, SanitizeHtmlPipe,
             L18nPipe, TranslatePipe, IdentityName,
             AvatarComponent, ReportArgumentsComponent,
             AttachmentPreview,
@@ -29920,7 +29938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         JoinPipe,
                         TypeValuePipe,
                         L18nPipe, TranslatePipe, IdentityName, SanitizeHtmlPipe,
-                        StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe,
+                        StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, JsonPipe, UserNamePipe,
                         TaggingPipe,
                         TypeSelect, TypeAutocomplete, Signature,
                         AceInput, TimespanInput, AddressInput,
@@ -30047,7 +30065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         DateRangePipe,
                         TypeValuePipe,
                         JoinPipe,
-                        StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe, SanitizeHtmlPipe,
+                        StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, JsonPipe, ArraySortPipe, UserNamePipe, SanitizeHtmlPipe,
                         L18nPipe, TranslatePipe, IdentityName,
                         AvatarComponent, ReportArgumentsComponent,
                         AttachmentPreview,
@@ -32919,8 +32937,6 @@ class DesignerItemComponent {
         this._ref = _ref;
         this._cfr = _cfr;
         this.SVG = FAMILY_SVG;
-        this.onContinue = new EventEmitter();
-        this.onViewClosed = new EventEmitter();
         this.onSave = new EventEmitter();
         this._destroy = new Subject();
         this.mode = _ref.mode;
@@ -32928,62 +32944,54 @@ class DesignerItemComponent {
     }
     ngOnChanges(changes) {
         if (changes['context'] && changes['context'].currentValue)
-            this.view = this.customContents.find(v => v.name == changes['context'].currentValue.name).templateRef;
+            this.customView = this.customContents.find(v => v.name == changes['context'].currentValue.name).templateRef;
     }
     resource(image) {
         return this._sanitizer.bypassSecurityTrustResourceUrl(`/assets/system/${image}`);
     }
+    ngOnInit() {
+        if (this.model.template) {
+            const comp = this._cfr.component(this.model.template);
+            this.options = new ComponentPortal(comp);
+        }
+        else if (this.mode !== 'widget' && this.model.arguments?.length)
+            this.arguments = new ComponentPortal(LayoutComponent);
+        else if (this.mode === 'add' && !this.addContent)
+            this.mode = 'edit';
+        if (this.mode === 'add' && this.model.copyOf && !this.addContent)
+            this.mode = 'edit';
+        this.mode === 'edit' && this._commonForm();
+        if (!this.model.template && !this.model.arguments?.length)
+            this._patch();
+        this.model.copyOf && this.form.markAsDirty();
+    }
+    _patch() {
+        this.form.patchValue(this.model, { emitEvent: false });
+    }
     optionsAttached(componentRef) {
         const { instance } = componentRef;
-        this._customDesignerInstance = instance;
+        this._elementDesigner = instance;
         instance.model = this.model;
-        if (this.mode === 'add' && !instance.onContinue) {
-            this.onContinue.emit();
+        if (this.mode === 'add' && !this.addContent && !instance.onContinue) {
             this.mode = 'edit';
-            this._form();
+            this._commonForm();
         }
         instance.mode = this.mode;
-        if (this.mode !== 'widget') {
-            this.form.addControl('options', instance.form, { emitEvent: false });
-            instance.form.patchValue(this.model.options, { emitEvent: false });
-        }
-        this._bind(instance.form);
-    }
-    _bind(form) {
-        form.statusChanges.pipe(takeUntil(this._destroy)).subscribe(() => {
-            this.invalid = form.invalid;
-            this.form.markAsDirty();
-        });
-        this.invalid = form.invalid;
+        this.mode !== 'widget' && this._bindOptionsForm(instance.form);
     }
-    argumentsattached(componentRef) {
+    argumentsAttached(componentRef) {
         const { instance } = componentRef;
         instance.fields = this.model.arguments;
         instance.model = this.model.options;
         instance.layout();
-        if (this.mode !== 'widget') {
-            this.form.addControl('options', instance.form, { emitEvent: false });
-            this._bind(instance.form);
-        }
+        this._bindOptionsForm(instance.form);
     }
-    ngOnInit() {
-        if (this.mode == 'add') {
-            this.form.markAsDirty();
-            this.form.patchValue({});
-            if (this.model.copyOf)
-                this.mode = 'edit';
-        }
-        if (this.model.template) {
-            const comp = this._cfr.component(this.model.template);
-            this.options = new ComponentPortal(comp);
-        }
-        else if (this.mode !== 'widget' && this.model.arguments?.length)
-            this.arguments = new ComponentPortal(LayoutComponent);
-        else if (this.mode === 'add')
-            this.mode = 'edit';
-        this.mode === 'edit' && this._form();
+    _bindOptionsForm(form) {
+        // get here more than once, use set not add
+        this.form.setControl('options', form, { emitEvent: false });
+        this._patch();
     }
-    _form() {
+    _commonForm() {
         const name = this._fb.control(null, Validators.required), title = this._fb.control(null, Validators.required);
         this.model.resourceType && title.disable();
         if (this.model.draft) {
@@ -33006,7 +33014,6 @@ class DesignerItemComponent {
             rule: null,
             roles: []
         }));
-        this.form.patchValue(this.model, { emitEvent: false });
     }
     ngAfterViewInit() {
         (this.mode === 'edit' || (this.mode === 'add' && !this.options)) &&
@@ -33021,28 +33028,26 @@ class DesignerItemComponent {
         this._ref._unlock$.next(false);
     }
     continue() {
-        if (this._customDesignerInstance?.onContinue) {
-            this._customDesignerInstance.onContinue();
-            Object.assign(this.options, this._customDesignerInstance.form.getRawValue());
-        }
-        this.onContinue.emit();
-        if (this._customDesignerInstance)
-            this._customDesignerInstance.mode = 'edit';
+        Object.assign(this.model, this.form.value);
+        this._elementDesigner?.onContinue &&
+            this._elementDesigner.onContinue();
         this.mode = 'edit';
-        this._form();
+        if (this._elementDesigner)
+            this._elementDesigner.mode = 'edit';
+        this._commonForm();
+        this._patch();
         this.form.markAsTouched();
     }
     save() {
         Object.assign(this.model, this.form.getRawValue());
-        this._customDesignerInstance?.onFinish && this._customDesignerInstance.onFinish();
+        this._elementDesigner?.onFinish && this._elementDesigner.onFinish();
         this.onSave.emit(this.model);
     }
     closeView(val) {
-        this.view = null;
+        this.customView = null;
         this.context.active = false;
         if (val && this.context.mode === 'add')
             this.context.collection.push(this.context.form);
-        this.onViewClosed.emit(val);
     }
     /**
      * Ctrl-s save
@@ -33072,11 +33077,11 @@ class DesignerItemComponent {
         this._destroy?.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesignerItemComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FormBuilder }, { token: i2$1.DomSanitizer }, { token: DesignerRef }, { token: BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { privileges: "privileges", icon: "icon", form: "form", context: "context" }, outputs: { onContinue: "continue", onViewClosed: "viewClosed", onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }, { propertyName: "customContents", predicate: CustomContentDirective }], usesOnChanges: true, ngImport: i0, template: "@switch (mode) {\n<!--widget mode -->\n@case ('widget') {\n  @if (model.familyKey) {\n    @if (SVG[model.familyKey]) {\n<img class=\"logo\" [src]=\"resource(SVG[model.familyKey])\" [bizdocTooltip]=\"model.family\" />\n    }\n    @else {\n<div>{{model.family}}</div>\n    }\n  }\n<!--options-->\n<ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\n}\n<!--edit mode -->\n@case ('edit') {\n@if (context?.active) {\n<mat-toolbar class=\"row\">\n  @if(context.mode === 'add') {\n  <button mat-icon-button (click)=\"closeView(true)\" [disabled]=\"context.form.invalid\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" [bizdocTooltip]=\"'Close'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">close</mat-icon></button>\n  }\n  @else {\n  <button mat-icon-button (click)=\"closeView(true)\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\n  }\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleViewKeyboardEvent($event)\">\n  <h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n  <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\n</form>\n}\n@else {\n<mat-toolbar bizdoc-sticky>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"form.invalid || invalid || !form.dirty\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  @if (model.resourceType) {\n  <p class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\n  }\n  <ng-container [formGroup]=\"form\">\n    <div class=\"row gap\">\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n        @if (form.controls.name.hasError('duplicate')) {\n        <mat-error [innerHTML]=\"'DuplicateErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </div>\n    @if (icon) {\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\n    }\n  </ng-container>\n  <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!--privileges-->\n  @if (form.controls.privileges) {\n  <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n  }\n</form>\n}\n}\n<!--add-->\n@case ('add') {\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!-- continue-->\n  <div class=\"row actions\">\n    <span class=\"divider\"></span>\n    <button mat-stroked-button [disabled]=\"form.invalid || invalid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\n  </div>\n</form>\n  }\n}\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{min-width:280px;padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"], dependencies: [{ kind: "directive", type: i9$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.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: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { privileges: "privileges", icon: "icon", form: "form", context: "context" }, outputs: { onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "addContent", first: true, predicate: AddContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }, { propertyName: "customContents", predicate: CustomContentDirective }], usesOnChanges: true, ngImport: i0, template: "@switch (mode) {\n<!--widget mode -->\n@case ('widget') {\n<!--icon -->\n  @if (model.familyKey) {\n    @if (SVG[model.familyKey]) {\n<img class=\"logo\" [src]=\"resource(SVG[model.familyKey])\" [bizdocTooltip]=\"model.family\" />\n    }\n    @else {\n<div>{{model.family}}</div>\n    }\n  }\n<!--options-->\n<ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n<!--designer widget-->\n<ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\n}\n@case ('edit') {\n<!--edit / custom mode -->\n@if (context?.active) {\n<mat-toolbar class=\"row\">\n  @if(context.mode === 'add') {\n  <button mat-icon-button (click)=\"closeView(true)\" [disabled]=\"context.form.invalid\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" [bizdocTooltip]=\"'Close'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">close</mat-icon></button>\n  }\n  @else {\n  <button mat-icon-button (click)=\"closeView(true)\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\n  }\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleViewKeyboardEvent($event)\">\n  <h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n  <ng-container *ngTemplateOutlet=\"customView; context: context\"></ng-container>\n</form>\n}\n@else {\n<!--edit mode -->\n<mat-toolbar bizdoc-sticky>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"form.invalid || !form.dirty\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  @if (model.resourceType) {\n  <p class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\n  <br />\n  }\n  <ng-container [formGroup]=\"form\">\n    <div class=\"row gap\">\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n        @if (form.controls.name.hasError('duplicate')) {\n        <mat-error [innerHTML]=\"'DuplicateErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </div>\n    @if (icon) {\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\n    }\n  </ng-container>\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsAttached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--edit template-->\n  <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!--privileges-->\n  @if (form.controls.privileges) {\n  <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n  }\n</form>\n}\n}\n<!--add-->\n@case ('add') {\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsAttached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--add template-->\n  <ng-container [ngTemplateOutlet]=\"addContent?.templateRef\"></ng-container>\n  @if (options) {\n  <!--options-->\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!-- continue-->\n  <div class=\"row actions\">\n    <span class=\"divider\"></span>\n    <button mat-stroked-button [disabled]=\"form.invalid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\n  </div>\n</form>\n  }\n}\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{min-width:280px;padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"], dependencies: [{ kind: "directive", type: i9$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.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: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesignerItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-designer-element', template: "@switch (mode) {\n<!--widget mode -->\n@case ('widget') {\n  @if (model.familyKey) {\n    @if (SVG[model.familyKey]) {\n<img class=\"logo\" [src]=\"resource(SVG[model.familyKey])\" [bizdocTooltip]=\"model.family\" />\n    }\n    @else {\n<div>{{model.family}}</div>\n    }\n  }\n<!--options-->\n<ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\n}\n<!--edit mode -->\n@case ('edit') {\n@if (context?.active) {\n<mat-toolbar class=\"row\">\n  @if(context.mode === 'add') {\n  <button mat-icon-button (click)=\"closeView(true)\" [disabled]=\"context.form.invalid\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" [bizdocTooltip]=\"'Close'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">close</mat-icon></button>\n  }\n  @else {\n  <button mat-icon-button (click)=\"closeView(true)\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\n  }\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleViewKeyboardEvent($event)\">\n  <h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n  <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\n</form>\n}\n@else {\n<mat-toolbar bizdoc-sticky>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"form.invalid || invalid || !form.dirty\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  @if (model.resourceType) {\n  <p class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\n  }\n  <ng-container [formGroup]=\"form\">\n    <div class=\"row gap\">\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n        @if (form.controls.name.hasError('duplicate')) {\n        <mat-error [innerHTML]=\"'DuplicateErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </div>\n    @if (icon) {\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\n    }\n  </ng-container>\n  <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!--privileges-->\n  @if (form.controls.privileges) {\n  <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n  }\n</form>\n}\n}\n<!--add-->\n@case ('add') {\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!-- continue-->\n  <div class=\"row actions\">\n    <span class=\"divider\"></span>\n    <button mat-stroked-button [disabled]=\"form.invalid || invalid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\n  </div>\n</form>\n  }\n}\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{min-width:280px;padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"] }]
+            args: [{ selector: 'bizdoc-designer-element', template: "@switch (mode) {\n<!--widget mode -->\n@case ('widget') {\n<!--icon -->\n  @if (model.familyKey) {\n    @if (SVG[model.familyKey]) {\n<img class=\"logo\" [src]=\"resource(SVG[model.familyKey])\" [bizdocTooltip]=\"model.family\" />\n    }\n    @else {\n<div>{{model.family}}</div>\n    }\n  }\n<!--options-->\n<ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n<!--designer widget-->\n<ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\n}\n@case ('edit') {\n<!--edit / custom mode -->\n@if (context?.active) {\n<mat-toolbar class=\"row\">\n  @if(context.mode === 'add') {\n  <button mat-icon-button (click)=\"closeView(true)\" [disabled]=\"context.form.invalid\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" [bizdocTooltip]=\"'Close'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">close</mat-icon></button>\n  }\n  @else {\n  <button mat-icon-button (click)=\"closeView(true)\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\n  }\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleViewKeyboardEvent($event)\">\n  <h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n  <ng-container *ngTemplateOutlet=\"customView; context: context\"></ng-container>\n</form>\n}\n@else {\n<!--edit mode -->\n<mat-toolbar bizdoc-sticky>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"form.invalid || !form.dirty\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  @if (model.resourceType) {\n  <p class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\n  <br />\n  }\n  <ng-container [formGroup]=\"form\">\n    <div class=\"row gap\">\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n        @if (form.controls.name.hasError('duplicate')) {\n        <mat-error [innerHTML]=\"'DuplicateErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </div>\n    @if (icon) {\n    <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\n    }\n  </ng-container>\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsAttached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--edit template-->\n  <ng-container [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\n  <!--options-->\n  @if (options) {\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!--privileges-->\n  @if (form.controls.privileges) {\n  <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n  }\n</form>\n}\n}\n<!--add-->\n@case ('add') {\n<form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\n  <!--arguments-->\n  @if (arguments) {\n  <ng-container (attached)=\"argumentsAttached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\n  }\n  <!--add template-->\n  <ng-container [ngTemplateOutlet]=\"addContent?.templateRef\"></ng-container>\n  @if (options) {\n  <!--options-->\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\n  }\n  <!-- continue-->\n  <div class=\"row actions\">\n    <span class=\"divider\"></span>\n    <button mat-stroked-button [disabled]=\"form.invalid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\n  </div>\n</form>\n  }\n}\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{min-width:280px;padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.FormBuilder }, { type: i2$1.DomSanitizer }, { type: DesignerRef, decorators: [{
                     type: Inject,
                     args: [DesignerRef]
@@ -33088,18 +33093,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: Input
             }], context: [{
                 type: Input
-            }], onContinue: [{
-                type: Output,
-                args: ['continue']
-            }], onViewClosed: [{
-                type: Output,
-                args: ['viewClosed']
             }], onSave: [{
                 type: Output,
                 args: ['save']
             }], editContent: [{
                 type: ContentChild,
                 args: [EditContentDirective]
+            }], addContent: [{
+                type: ContentChild,
+                args: [AddContentDirective]
             }], customContents: [{
                 type: ContentChildren,
                 args: [CustomContentDirective]
@@ -33269,7 +33271,7 @@ class ActionDesignerComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ActionDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-h2\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-h2\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ActionDesignerComponent, decorators: [{
             type: Component,
@@ -33289,16 +33291,16 @@ class AttributeDesignComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     onContinue() {
-        const { dataType: name } = this.form.value, datatype = this._ref.designer.types.find(t => t.name === name);
+        const { dataType: name } = this.form.value, dataType = this._ref.designer.types.find(t => t.name === name);
         this._ref.model.name = name;
-        this._ref.model.title = datatype.title;
+        this._ref.model.title = dataType.title;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AttributeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.dataType.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: AddContentDirective, selector: "[bizdocAddContent]" }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AttributeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: AddContentDirective, selector: "[bizdocAddContent]" }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.dataType.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n" }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select required formControlName=\"dataType\">\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n" }]
         }] });
 
 class ControlDesignComponent extends DesignerTypeElementComponent {
@@ -33312,7 +33314,7 @@ class ControlDesignComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ControlDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ControlDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-checkbox formControlName=\"visible\">{{'Visible'}}</mat-checkbox>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ControlDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-checkbox formControlName=\"visible\">{{'Visible'}}</mat-checkbox>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ControlDesignComponent, decorators: [{
             type: Component,
@@ -33399,8 +33401,6 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
         if (!this.model.privileges)
             this.model.privileges = {};
     }
-    complete() {
-    }
     nameOf(axis) { return this.model.axes.filter(a => isArray(axis) ? axis.indexOf(a.name) > -1 : a.name === axis).join(', '); }
     newView(model) {
         const name = this._fb.control(model?.name, Validators.required), title = this._fb.control(model?.title, Validators.required), xAxis = this._fb.control(model?.xAxis, Validators.required), chartType = this._fb.control(model?.chartType || null), indicesChartType = this._fb.control(model?.indicesChartType || null), series = this._fb.control(model?.series), indices = this._fb.control(model?.indices), guide = this._fb.control(model?.guide), type = this._fb.control(model?.type || 'Chart');
@@ -33518,11 +33518,11 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CubeDesignComponent, deps: [{ token: i1$1.FormBuilder }, { token: SystemService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [context]=\"context\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n    <dl>\n      @if (jobInfo.lastExecution) {\n      <dt>{{'LastExecution'|translate}}</dt>\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.nextExecution) {\n      <dt>{{'NextExecution'|translate}}</dt>\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.lastJobState) {\n      <dt>{{'LastJobState'|translate}}</dt>\n      <dd>\n        @if (jobInfo.error) {\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n        }\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n      </dd>\n      }\n    </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\n        <span> {{'Synchronize'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (syncing) {\n      <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n    <div class=\"row\">\n      @if(model.axes?.length)\n      {\n      <mat-chip-set>\n        @for(axis of model.axes; track axis){\n        <mat-chip>{{axis.title}}</mat-chip>\n        }\n        @for(index of model.indices || []; track index){\n        <mat-chip>{{index.title}}</mat-chip>\n        }\n      </mat-chip-set>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\n      <mat-radio-group formControlName=\"scope\">\n        <p></p>\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\n      </mat-radio-group>\n      <ng-container formGroupName=\"yAxis\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Type'|translate}}</mat-label>\n          <mat-select formControlName=\"type\">\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      <mat-form-field>\n        <mat-label>{{'Currency'|translate}}</mat-label>\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\n          @for (c of currencies; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <!--Axes-->\n      <h2 class=\"mat-h2 row\">\n        {{'Axes'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\n        @for (a of axes.controls; track a; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{a.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Indices-->\n      <h2 class=\"mat-h2 row\">\n        {{'Indices'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\n        @for (i of indices.controls; track i; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{i.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      @if (indices.controls.length) {\n      <mat-form-field>\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\n        <mat-select formControlName=\"anomaly\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      }\n      <!--Patterns-->\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{p.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Views-->\n      <h2 class=\"row mat-h2\">\n        {{'CubeViews'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\n        @for (v of views.controls; track v; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{v.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-form-field>\n        <mat-label>{{'Schedule'|translate}}</mat-label>\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\n        <mat-icon matSuffix>timer</mat-icon>\n        <mat-hint></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!--idx-->\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!-- pattern-->\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n  <!-- view -->\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Type'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\n          <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'XAxis'|translate}}</mat-label>\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n        @if (form.controls.xAxis.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Series'|translate}}</mat-label>\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\n          }\n          }\n        </mat-select>\n        @if (form.controls.series.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Indices'|translate}}</mat-label>\n        <mat-select formControlName=\"indices\" multiple>\n          @for (i of indices.controls; track i) {\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'ChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"chartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"indicesChartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (cube) {\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n      }\n    </ng-container>\n  </ng-template>\n  <!-- Axis -->\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row gap\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of typegroups|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\n      <mat-form-field>\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\n        <mat-select formControlName=\"selectionMode\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option>{{'OneMode'|translate}}</mat-option>\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\n        <mat-select formControlName=\"descendentOf\">\n          @for (a of axes.controls; track a) {\n          @if (a!=form) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$a.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$a.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.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: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n    <dl>\n      @if (jobInfo.lastExecution) {\n      <dt>{{'LastExecution'|translate}}</dt>\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.nextExecution) {\n      <dt>{{'NextExecution'|translate}}</dt>\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.lastJobState) {\n      <dt>{{'LastJobState'|translate}}</dt>\n      <dd>\n        @if (jobInfo.error) {\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n        }\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n      </dd>\n      }\n    </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\n        <span> {{'Synchronize'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (syncing) {\n      <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n    <div class=\"row\">\n      @if(model.axes?.length)\n      {\n      <mat-chip-set>\n        @for(axis of model.axes; track axis){\n        <mat-chip>{{axis.title}}</mat-chip>\n        }\n        @for(index of model.indices || []; track index){\n        <mat-chip>{{index.title}}</mat-chip>\n        }\n      </mat-chip-set>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\n      <mat-radio-group formControlName=\"scope\">\n        <p></p>\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\n      </mat-radio-group>\n      <ng-container formGroupName=\"yAxis\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Type'|translate}}</mat-label>\n          <mat-select formControlName=\"type\">\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      <mat-form-field>\n        <mat-label>{{'Currency'|translate}}</mat-label>\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\n          @for (c of currencies; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <!--Axes-->\n      <h2 class=\"mat-h2 row\">\n        {{'Axes'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\n        @for (a of axes.controls; track a; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{a.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Indices-->\n      <h2 class=\"mat-h2 row\">\n        {{'Indices'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\n        @for (i of indices.controls; track i; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{i.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      @if (indices.controls.length) {\n      <mat-form-field>\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\n        <mat-select formControlName=\"anomaly\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      }\n      <!--Patterns-->\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{p.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Views-->\n      <h2 class=\"row mat-h2\">\n        {{'CubeViews'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\n        @for (v of views.controls; track v; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{v.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-form-field>\n        <mat-label>{{'Schedule'|translate}}</mat-label>\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\n        <mat-icon matSuffix>timer</mat-icon>\n        <mat-hint></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!--idx-->\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!-- pattern-->\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n  <!-- view -->\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Type'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\n          <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'XAxis'|translate}}</mat-label>\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n        @if (form.controls.xAxis.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Series'|translate}}</mat-label>\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\n          }\n          }\n        </mat-select>\n        @if (form.controls.series.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Indices'|translate}}</mat-label>\n        <mat-select formControlName=\"indices\" multiple>\n          @for (i of indices.controls; track i) {\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'ChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"chartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"indicesChartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (cube) {\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n      }\n    </ng-container>\n  </ng-template>\n  <!-- Axis -->\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row gap\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of typegroups|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\n      <mat-form-field>\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\n        <mat-select formControlName=\"selectionMode\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option>{{'OneMode'|translate}}</mat-option>\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\n        <mat-select formControlName=\"descendentOf\">\n          @for (a of axes.controls; track a) {\n          @if (a!=form) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$a.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$a.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.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: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CubeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [context]=\"context\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n    <dl>\n      @if (jobInfo.lastExecution) {\n      <dt>{{'LastExecution'|translate}}</dt>\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.nextExecution) {\n      <dt>{{'NextExecution'|translate}}</dt>\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.lastJobState) {\n      <dt>{{'LastJobState'|translate}}</dt>\n      <dd>\n        @if (jobInfo.error) {\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n        }\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n      </dd>\n      }\n    </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\n        <span> {{'Synchronize'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (syncing) {\n      <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n    <div class=\"row\">\n      @if(model.axes?.length)\n      {\n      <mat-chip-set>\n        @for(axis of model.axes; track axis){\n        <mat-chip>{{axis.title}}</mat-chip>\n        }\n        @for(index of model.indices || []; track index){\n        <mat-chip>{{index.title}}</mat-chip>\n        }\n      </mat-chip-set>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\n      <mat-radio-group formControlName=\"scope\">\n        <p></p>\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\n      </mat-radio-group>\n      <ng-container formGroupName=\"yAxis\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Type'|translate}}</mat-label>\n          <mat-select formControlName=\"type\">\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      <mat-form-field>\n        <mat-label>{{'Currency'|translate}}</mat-label>\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\n          @for (c of currencies; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <!--Axes-->\n      <h2 class=\"mat-h2 row\">\n        {{'Axes'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\n        @for (a of axes.controls; track a; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{a.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Indices-->\n      <h2 class=\"mat-h2 row\">\n        {{'Indices'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\n        @for (i of indices.controls; track i; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{i.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      @if (indices.controls.length) {\n      <mat-form-field>\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\n        <mat-select formControlName=\"anomaly\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      }\n      <!--Patterns-->\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{p.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Views-->\n      <h2 class=\"row mat-h2\">\n        {{'CubeViews'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\n        @for (v of views.controls; track v; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{v.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-form-field>\n        <mat-label>{{'Schedule'|translate}}</mat-label>\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\n        <mat-icon matSuffix>timer</mat-icon>\n        <mat-hint></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!--idx-->\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!-- pattern-->\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n  <!-- view -->\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Type'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\n          <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'XAxis'|translate}}</mat-label>\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n        @if (form.controls.xAxis.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Series'|translate}}</mat-label>\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\n          }\n          }\n        </mat-select>\n        @if (form.controls.series.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Indices'|translate}}</mat-label>\n        <mat-select formControlName=\"indices\" multiple>\n          @for (i of indices.controls; track i) {\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'ChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"chartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"indicesChartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (cube) {\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n      }\n    </ng-container>\n  </ng-template>\n  <!-- Axis -->\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row gap\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of typegroups|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\n      <mat-form-field>\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\n        <mat-select formControlName=\"selectionMode\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option>{{'OneMode'|translate}}</mat-option>\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\n        <mat-select formControlName=\"descendentOf\">\n          @for (a of axes.controls; track a) {\n          @if (a!=form) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"] }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n    <dl>\n      @if (jobInfo.lastExecution) {\n      <dt>{{'LastExecution'|translate}}</dt>\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.nextExecution) {\n      <dt>{{'NextExecution'|translate}}</dt>\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n      }\n      @if (jobInfo.lastJobState) {\n      <dt>{{'LastJobState'|translate}}</dt>\n      <dd>\n        @if (jobInfo.error) {\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n        }\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n      </dd>\n      }\n    </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\n        <span> {{'Synchronize'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (syncing) {\n      <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n    <div class=\"row\">\n      @if(model.axes?.length)\n      {\n      <mat-chip-set>\n        @for(axis of model.axes; track axis){\n        <mat-chip>{{axis.title}}</mat-chip>\n        }\n        @for(index of model.indices || []; track index){\n        <mat-chip>{{index.title}}</mat-chip>\n        }\n      </mat-chip-set>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\n      <mat-radio-group formControlName=\"scope\">\n        <p></p>\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\n      </mat-radio-group>\n      <ng-container formGroupName=\"yAxis\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Type'|translate}}</mat-label>\n          <mat-select formControlName=\"type\">\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      <mat-form-field>\n        <mat-label>{{'Currency'|translate}}</mat-label>\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\n          @for (c of currencies; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <!--Axes-->\n      <h2 class=\"mat-h2 row\">\n        {{'Axes'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\n        @for (a of axes.controls; track a; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{a.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Indices-->\n      <h2 class=\"mat-h2 row\">\n        {{'Indices'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\n        @for (i of indices.controls; track i; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{i.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      @if (indices.controls.length) {\n      <mat-form-field>\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\n        <mat-select formControlName=\"anomaly\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      }\n      <!--Patterns-->\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{p.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <!--Views-->\n      <h2 class=\"row mat-h2\">\n        {{'CubeViews'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\n        @for (v of views.controls; track v; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\">\n            {{v.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-form-field>\n        <mat-label>{{'Schedule'|translate}}</mat-label>\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\n        <mat-icon matSuffix>timer</mat-icon>\n        <mat-hint></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!--idx-->\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <!-- pattern-->\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n  <!-- view -->\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Type'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\n          <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'XAxis'|translate}}</mat-label>\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n        @if (form.controls.xAxis.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Series'|translate}}</mat-label>\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\n          @for (a of axes.controls; track a) {\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\n          }\n          }\n        </mat-select>\n        @if (form.controls.series.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Indices'|translate}}</mat-label>\n        <mat-select formControlName=\"indices\" multiple>\n          @for (i of indices.controls; track i) {\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'ChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"chartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\n        <mat-select formControlName=\"indicesChartType\">\n          @switch (form.controls.type.value) {\n          @case ('Chart') {\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          }\n          @case ('Pivot') {\n          <mat-option>{{'None'|translate}}</mat-option>\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (cube) {\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n      }\n    </ng-container>\n  </ng-template>\n  <!-- Axis -->\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row gap\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of typegroups|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (form.controls.title.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\n      <mat-form-field>\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\n        <mat-select formControlName=\"selectionMode\">\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\n          <mat-option>{{'OneMode'|translate}}</mat-option>\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\n        <mat-select formControlName=\"descendentOf\">\n          @for (a of axes.controls; track a) {\n          @if (a!=form) {\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\n          }\n          }\n        </mat-select>\n      </mat-form-field>\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: SystemService }, { type: PromptService }, { type: i0.ElementRef }, { type: DesignerRef, decorators: [{
                     type: Inject,
                     args: [DesignerRef]
@@ -33564,7 +33564,7 @@ class FolderDesignComponent extends DesignerTypeElementComponent {
         this.cube = this.cubes.find(c => c.name === evt.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FolderDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: FolderDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      @if (cubes.length) {\n      <ng-container formGroupName=\"filters\">\n        <h2 class=\"mat-h2\">{{'Filters'|translate}}</h2>\n        @if (cubes.length>1) {\n        <mat-form-field>\n          <mat-label>{{'Cube'|translate}}</mat-label>\n          <mat-select formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n            <mat-option>{{'None'|translate}}</mat-option>\n            @for (c of cubes; track c) {\n            <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n        }\n        <mat-form-field>\n          <mat-label>{{'Axes'|translate}}</mat-label>\n          <mat-select formControlName=\"axes\" multiple>\n            @for (a of cube?.axes; track a) {\n            <mat-option [value]=\"a.name\">{{a.title}}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      }\n      <h2 class=\"mat-h2 row\">\n        {{'Columns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(columns, newColumn(), 'Column', 'column')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"columns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\n        @for (c of columns.controls; track c; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"c\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\n            {{c.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n            <button mat-icon-button (click)=\"edit(c, 'Column', 'column')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <!--column -->\n  <ng-template bizdocCustomContent=\"column\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\n        <mat-autocomplete #names=\"matAutocomplete\" (optionSelected)=\"form.controls.title.setValue($event.option.getLabel())\">\n          <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\n          <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\n          <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\n          <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\n          <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\n          <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\n          <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\n          <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\n          <mat-option value=\"state\">{{'State'|translate}}</mat-option>\n          <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\n          <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\n        </mat-autocomplete>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          @for (c of controls; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.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: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: FolderDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      @if (cubes.length) {\n      <ng-container formGroupName=\"filters\">\n        <h2 class=\"mat-h2\">{{'Filters'|translate}}</h2>\n        @if (cubes.length>1) {\n        <mat-form-field>\n          <mat-label>{{'Cube'|translate}}</mat-label>\n          <mat-select formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n            <mat-option>{{'None'|translate}}</mat-option>\n            @for (c of cubes; track c) {\n            <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n        }\n        <mat-form-field>\n          <mat-label>{{'Axes'|translate}}</mat-label>\n          <mat-select formControlName=\"axes\" multiple>\n            @for (a of cube?.axes; track a) {\n            <mat-option [value]=\"a.name\">{{a.title}}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </ng-container>\n      }\n      <h2 class=\"mat-h2 row\">\n        {{'Columns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(columns, newColumn(), 'Column', 'column')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"columns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, columns)\">\n        @for (c of columns.controls; track c; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"c\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\n            {{c.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n            <button mat-icon-button (click)=\"edit(c, 'Column', 'column')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"columns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <!--column -->\n  <ng-template bizdocCustomContent=\"column\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" required />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required [matAutocomplete]=\"names\" />\n        <mat-autocomplete #names=\"matAutocomplete\" (optionSelected)=\"form.controls.title.setValue($event.option.getLabel())\">\n          <mat-option value=\"number\">{{'Number'|translate}}</mat-option>\n          <mat-option value=\"subject\">{{'Subject'|translate}}</mat-option>\n          <mat-option value=\"value\">{{'Value'|translate}}</mat-option>\n          <mat-option value=\"owner\">{{'Owner'|translate}}</mat-option>\n          <mat-option value=\"sender\">{{'Sender'|translate}}</mat-option>\n          <mat-option value=\"received\">{{'Received'|translate}}</mat-option>\n          <mat-option value=\"receivedAgo\">{{'ReceivedAgo'|translate}}</mat-option>\n          <mat-option value=\"replied\">{{'Replied'|translate}}</mat-option>\n          <mat-option value=\"state\">{{'State'|translate}}</mat-option>\n          <mat-option value=\"issued\">{{'Issued'|translate}}</mat-option>\n          <mat-option value=\"issuedAgo\">{{'IssuedAgo'|translate}}</mat-option>\n        </mat-autocomplete>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"type\">\n          @for (c of controls; track c) {\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.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: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FolderDesignComponent, decorators: [{
             type: Component,
@@ -33792,7 +33792,7 @@ class FormDesignComponent extends DesignerTypeElementComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FormDesignComponent, deps: [{ token: i1$1.FormBuilder }, { token: PanesRouter }, { token: SystemService }, { token: SessionService }, { token: i0.Injector }, { token: TranslateService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: FormDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\n  <ng-template bizdocContent>\n    @if (usage) {\n    <ejs-sparkline width='250px' height='200px'\n                   type=\"Line\"\n                   [id]=\"model.name\"\n                   [fill]=\"primary\"\n                   [dataSource]=\"usage\"\n                   xName=\"date\"\n                   yName=\"count\"\n                   lineWidth=\"2\"\n                   valueType=\"DateTime\"\n                   [locale]=\"locale\"\n                   [markerSettings]=\"markerSettings\"\n                   [tooltipSettings]=\"tooltipSettings\"\n                   (tooltipInitialize)=\"tooltipInitialize($event)\"\n                   [enableRtl]=\"enableRtl\">\n    </ejs-sparkline>\n    }\n    <div class=\"row\">\n      <button mat-icon-button (click)=\"diagram()\" [bizdocTooltip]=\"'Workflow'|translate\" [disabled]=\"model.draft\"><mat-icon>schema</mat-icon></button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"invite()\">{{'Invite'|l18n}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <!--edit-->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row flex\" [formGroup]=\"format\">\n        <mat-form-field>\n          <mat-label>{{'Prefix'|translate}}</mat-label>\n          <input matInput formControlName=\"prefix\" />\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Digits'|translate}}</mat-label>\n          <input matInput formControlName=\"digits\" maxlength=\"2\" />\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field>\n          <mat-label>{{'Suffix'|translate}}</mat-label>\n          <input matInput formControlName=\"suffix\" />\n        </mat-form-field>\n      </div>\n      <bizdoc-localized-string formControlName=\"group\" [placeholder]=\"'Group'|translate\"></bizdoc-localized-string>\n      <bizdoc-localized-string formControlName=\"description\" [placeholder]=\"'Description'|translate\"></bizdoc-localized-string>\n      @if (guides.length) {\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n      @if (cubes.length) {\n      <mat-form-field>\n        <mat-label>{{'Cube'|translate}}</mat-label>\n        <mat-select formControlName=\"cubes\" multiple>\n          @for (c of cubes; track c) {\n          <mat-option [value]=\"c.name\">{{c.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n        <mat-hint>{{'FormCubeHelp'|translate}}</mat-hint>\n      </mat-form-field>\n      }\n      <!--Rules-->\n      <h2 class=\"mat-h2 row\">\n        {{'Rules'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(rules, newRule(), 'Rule', 'rule')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"rules\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, rules)\">\n        @for (r of rules.controls; track r; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"r\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\n            {{r.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n            <button mat-icon-button (click)=\"edit(r, 'Rule', 'rule')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"rules.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"rule\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i11$1.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: L18nPipe, name: "l18n" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: FormDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\n  <ng-template bizdocContent>\n    @if (usage) {\n    <ejs-sparkline width='250px' height='200px'\n                   type=\"Line\"\n                   [id]=\"model.name\"\n                   [fill]=\"primary\"\n                   [dataSource]=\"usage\"\n                   xName=\"date\"\n                   yName=\"count\"\n                   lineWidth=\"2\"\n                   valueType=\"DateTime\"\n                   [locale]=\"locale\"\n                   [markerSettings]=\"markerSettings\"\n                   [tooltipSettings]=\"tooltipSettings\"\n                   (tooltipInitialize)=\"tooltipInitialize($event)\"\n                   [enableRtl]=\"enableRtl\">\n    </ejs-sparkline>\n    }\n    <div class=\"row\">\n      <button mat-icon-button (click)=\"diagram()\" [bizdocTooltip]=\"'Workflow'|translate\" [disabled]=\"model.draft\"><mat-icon>schema</mat-icon></button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"invite()\">{{'Invite'|l18n}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <!--edit-->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row flex\" [formGroup]=\"format\">\n        <mat-form-field>\n          <mat-label>{{'Prefix'|translate}}</mat-label>\n          <input matInput formControlName=\"prefix\" />\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Digits'|translate}}</mat-label>\n          <input matInput formControlName=\"digits\" maxlength=\"2\" />\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field>\n          <mat-label>{{'Suffix'|translate}}</mat-label>\n          <input matInput formControlName=\"suffix\" />\n        </mat-form-field>\n      </div>\n      <bizdoc-localized-string formControlName=\"group\" [placeholder]=\"'Group'|translate\"></bizdoc-localized-string>\n      <bizdoc-localized-string formControlName=\"description\" [placeholder]=\"'Description'|translate\"></bizdoc-localized-string>\n      @if (guides.length) {\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n      @if (cubes.length) {\n      <mat-form-field>\n        <mat-label>{{'Cube'|translate}}</mat-label>\n        <mat-select formControlName=\"cubes\" multiple>\n          @for (c of cubes; track c) {\n          <mat-option [value]=\"c.name\">{{c.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n        <mat-hint>{{'FormCubeHelp'|translate}}</mat-hint>\n      </mat-form-field>\n      }\n      <!--Rules-->\n      <h2 class=\"mat-h2 row\">\n        {{'Rules'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(rules, newRule(), 'Rule', 'rule')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"rules\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, rules)\">\n        @for (r of rules.controls; track r; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"r\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\n            {{r.controls.title.value}}\n          </td>\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n            <button mat-icon-button (click)=\"edit(r, 'Rule', 'rule')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"rules.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"rule\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <div class=\"row\">\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Title'|translate}}</mat-label>\n          <input matInput formControlName=\"title\" required />\n          @if (form.controls.title.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n        &nbsp;\n        <mat-form-field class=\"flex\">\n          <mat-label>{{'Name'|translate}}</mat-label>\n          <input matInput formControlName=\"name\" required />\n          @if (form.controls.name.hasError('required')) {\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n          }\n        </mat-form-field>\n      </div>\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i11$1.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: L18nPipe, name: "l18n" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FormDesignComponent, decorators: [{
             type: Component,
@@ -33833,7 +33833,7 @@ class GuideDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: GuideDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: GuideDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\"\n                         [context]=\"context\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Steps'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(steps, newStep(), 'Step', stepform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"steps\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, steps)\">\n        @for (s of steps.controls; track s; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"s\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{s.controls.title.value || s.controls.content.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(s, 'Step', 'step')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"step\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Content'|translate}}</mat-label>\n        <input matInput formControlName=\"content\" required />\n        @if (form.controls.content.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Selector'|translate}}</mat-label>\n        <input matInput formControlName=\"selector\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Position'|translate}}</mat-label>\n        <mat-select formControlName=\"position\">\n          <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\n          <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\n          <mat-option value=\"End\">{{'End'|translate}}</mat-option>\n          <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-checkbox formControlName=\"execute\">{{'Execute'|translate}}</mat-checkbox>\n      <!--privileges-->\n      <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.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: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: GuideDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\"\n                         [context]=\"context\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Steps'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(steps, newStep(), 'Step', stepform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"steps\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, steps)\">\n        @for (s of steps.controls; track s; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"s\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{s.controls.title.value || s.controls.content.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(s, 'Step', 'step')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"steps.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"step\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Content'|translate}}</mat-label>\n        <input matInput formControlName=\"content\" required />\n        @if (form.controls.content.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Content'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Selector'|translate}}</mat-label>\n        <input matInput formControlName=\"selector\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Position'|translate}}</mat-label>\n        <mat-select formControlName=\"position\">\n          <mat-option value=\"Above\">{{'Above'|translate}}</mat-option>\n          <mat-option value=\"Start\">{{'Start'|translate}}</mat-option>\n          <mat-option value=\"End\">{{'End'|translate}}</mat-option>\n          <mat-option value=\"Below\">{{'Below'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-checkbox formControlName=\"execute\">{{'Execute'|translate}}</mat-checkbox>\n      <!--privileges-->\n      <bizdoc-designer-privileges [form]=\"form.controls.privileges\"></bizdoc-designer-privileges>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.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: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: GuideDesignComponent, decorators: [{
             type: Component,
@@ -33846,7 +33846,7 @@ class NodeDesignerComponent extends DesignerTypeElementComponent {
         this.form = this._fb.group({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NodeDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: NodeDesignerComponent, selector: "bizdoc-node-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: NodeDesignerComponent, selector: "bizdoc-node-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NodeDesignerComponent, decorators: [{
             type: Component,
@@ -33859,7 +33859,7 @@ class PolicyDesignComponent extends DesignerTypeElementComponent {
         this.form = this._fb.group({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PolicyDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PolicyDesignComponent, selector: "bizdoc-policy-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PolicyDesignComponent, selector: "bizdoc-policy-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PolicyDesignComponent, decorators: [{
             type: Component,
@@ -33879,7 +33879,7 @@ class ReportDesignerComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ReportDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ReportDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ReportDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ReportDesignerComponent, decorators: [{
             type: Component,
@@ -33908,7 +33908,7 @@ class RoleDesignComponent extends DesignerTypeElementComponent {
         this.form.controls.dataType.enable({ emitEvent: false });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RoleDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: RoleDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (dataTypeDisabled) {\n        <mat-hint><a (click)=\"enableTypeEdit()\">{{'ChangeValue'|translate}}</a></mat-hint>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'SequencePolicy'|translate}}</mat-label>\n        <mat-select formControlName=\"sequencePolicy\">\n          <mat-option value=\"Higher\">{{'Higher'|translate}}</mat-option>\n          <mat-option value=\"Earlier\">{{'Earlier'|translate}}</mat-option>\n          <mat-option value=\"Strict\">{{'Strict'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Priority'|translate}}</mat-label>\n        <input matInput type=\"number\" formControlName=\"priority\" />\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$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: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: RoleDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'DataType'|translate}}</mat-label>\n        <mat-select formControlName=\"dataType\" required>\n          @for (t of datatypes['_'].elements|sort: 'title'; track t) {\n          <mat-option [value]=\"t.name\">\n            {{t.title}}\n          </mat-option>\n          }\n          @for (g of datatypes|sort: 'title'; track g) {\n          <mat-optgroup [label]=\"g.title\">\n            @for (t of g.elements|sort: 'title'; track t) {\n            <mat-option [value]=\"t.name\">\n              {{t.title}}\n            </mat-option>\n            }\n          </mat-optgroup>\n          }\n        </mat-select>\n        @if (dataTypeDisabled) {\n        <mat-hint><a (click)=\"enableTypeEdit()\">{{'ChangeValue'|translate}}</a></mat-hint>\n        }\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'SequencePolicy'|translate}}</mat-label>\n        <mat-select formControlName=\"sequencePolicy\">\n          <mat-option value=\"Higher\">{{'Higher'|translate}}</mat-option>\n          <mat-option value=\"Earlier\">{{'Earlier'|translate}}</mat-option>\n          <mat-option value=\"Strict\">{{'Strict'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Priority'|translate}}</mat-label>\n        <input matInput type=\"number\" formControlName=\"priority\" />\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$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: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RoleDesignComponent, decorators: [{
             type: Component,
@@ -33921,7 +33921,7 @@ class RuleDesignComponent extends DesignerTypeElementComponent {
         this.form = this._fb.group({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RuleDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: RuleDesignComponent, selector: "bizdoc-rule-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: RuleDesignComponent, selector: "bizdoc-rule-designer", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RuleDesignComponent, decorators: [{
             type: Component,
@@ -33950,7 +33950,7 @@ class StateDesignComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: StateDesignComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: StateDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row\">\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n        <bizdoc-color-picker formControlName=\"backgroundColor\" [label]=\"'BackgroundColor'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"'Past'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"future\" [placeholder]=\"'Future'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      @if (variables.length) {\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Variables'|translate}}\r\n      </h2>\r\n      <ng-container formGroupName=\"options\">\r\n        @for (a of variables; track a) {\r\n          <mat-form-field>\r\n            <mat-label>{{a.title | localizedString}}</mat-label>\r\n            <bizdoc-select [type]=\"a.dataType\"/>\r\n          </mat-form-field>\r\n        }\r\n      </ng-container>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: StateDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row\">\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n        <bizdoc-color-picker formControlName=\"backgroundColor\" [label]=\"'BackgroundColor'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"'Past'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"future\" [placeholder]=\"'Future'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      @if (variables.length) {\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Variables'|translate}}\r\n      </h2>\r\n      <ng-container formGroupName=\"options\">\r\n        @for (a of variables; track a) {\r\n          <mat-form-field>\r\n            <mat-label>{{a.title | localizedString}}</mat-label>\r\n            <bizdoc-select [type]=\"a.dataType\"/>\r\n          </mat-form-field>\r\n        }\r\n      </ng-container>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: StateDesignComponent, decorators: [{
             type: Component,
@@ -34008,11 +34008,11 @@ class TypeDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TypeDesignComponent, deps: [{ token: i1$1.FormBuilder }, { token: DatasourceService }, { token: TranslateService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TypeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [context]=\"context\">\n  <ng-template bizdocContent>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"test()\" type=\"button\">{{'TestType'|translate}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Groups'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(groups, newGroup(), 'Group', 'group')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"groups\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, groups)\">\n        @for (g of groups.controls; track g; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"g\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{g.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(g, 'Group', 'group')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"groups.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"tpatterns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{p.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-checkbox formControlName=\"assignable\">{{'Assignable'|translate}}</mat-checkbox>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"group\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Items'|translate}}</mat-label>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n\n          <!--<mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            <span *ngIf=\"form.value.items?.length > 1\">\n              (+{{form.value.items.length - 1}} {{(form.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n            </span>\n          </mat-select-trigger>-->\n          <!--<mat-option *ngFor=\"let v of source\" [value]=\"v.key\">\n            <span *ngIf=\"!type.columns\">{{v.value}}</span>\n            <span *ngIf=\"type.columns\"><span *ngFor=\"let c of type.columns\">{{v.value[c.name]}}</span></span>\n          </mat-option>-->\n          @for (v of values; track v) {\n          <mat-option [value]=\"v.key\">\n            <span>{{v.value}}</span>\n          </mat-option>\n          }\n        </mat-select>\n        @if (form.controls.items.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Items'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Regex'|translate}}</mat-label>\n        <input matInput formControlName=\"expression\" required />\n        @if (form.controls.expression.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Expression'|translate)\"></mat-error>\n        }\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TypeDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [context]=\"context\">\n  <ng-template bizdocContent>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"test()\" type=\"button\">{{'TestType'|translate}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Groups'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(groups, newGroup(), 'Group', 'group')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"groups\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, groups)\">\n        @for (g of groups.controls; track g; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"g\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{g.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(g, 'Group', 'group')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"groups.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"tpatterns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{p.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-checkbox formControlName=\"assignable\">{{'Assignable'|translate}}</mat-checkbox>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"group\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Items'|translate}}</mat-label>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n\n          <!--<mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            <span *ngIf=\"form.value.items?.length > 1\">\n              (+{{form.value.items.length - 1}} {{(form.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n            </span>\n          </mat-select-trigger>-->\n          <!--<mat-option *ngFor=\"let v of source\" [value]=\"v.key\">\n            <span *ngIf=\"!type.columns\">{{v.value}}</span>\n            <span *ngIf=\"type.columns\"><span *ngFor=\"let c of type.columns\">{{v.value[c.name]}}</span></span>\n          </mat-option>-->\n          @for (v of values; track v) {\n          <mat-option [value]=\"v.key\">\n            <span>{{v.value}}</span>\n          </mat-option>\n          }\n        </mat-select>\n        @if (form.controls.items.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Items'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Regex'|translate}}</mat-label>\n        <input matInput formControlName=\"expression\" required />\n        @if (form.controls.expression.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Expression'|translate)\"></mat-error>\n        }\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: AddContentDirective, selector: "[bizdocAddContent]" }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TypeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [context]=\"context\">\n  <ng-template bizdocContent>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"test()\" type=\"button\">{{'TestType'|translate}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Groups'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(groups, newGroup(), 'Group', 'group')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"groups\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, groups)\">\n        @for (g of groups.controls; track g; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"g\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{g.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(g, 'Group', 'group')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"groups.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"tpatterns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{p.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-checkbox formControlName=\"assignable\">{{'Assignable'|translate}}</mat-checkbox>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"group\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Items'|translate}}</mat-label>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n\n          <!--<mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            <span *ngIf=\"form.value.items?.length > 1\">\n              (+{{form.value.items.length - 1}} {{(form.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n            </span>\n          </mat-select-trigger>-->\n          <!--<mat-option *ngFor=\"let v of source\" [value]=\"v.key\">\n            <span *ngIf=\"!type.columns\">{{v.value}}</span>\n            <span *ngIf=\"type.columns\"><span *ngFor=\"let c of type.columns\">{{v.value[c.name]}}</span></span>\n          </mat-option>-->\n          @for (v of values; track v) {\n          <mat-option [value]=\"v.key\">\n            <span>{{v.value}}</span>\n          </mat-option>\n          }\n        </mat-select>\n        @if (form.controls.items.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Items'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Regex'|translate}}</mat-label>\n        <input matInput formControlName=\"expression\" required />\n        @if (form.controls.expression.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Expression'|translate)\"></mat-error>\n        }\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n" }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [context]=\"context\">\n  <ng-template bizdocContent>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"test()\" type=\"button\">{{'TestType'|translate}}</button>\n      </mat-menu>\n    </div>\n  </ng-template>\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <h2 class=\"mat-h2 row\">\n        {{'Groups'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(groups, newGroup(), 'Group', 'group')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"groups\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, groups)\">\n        @for (g of groups.controls; track g; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"g\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{g.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(g, 'Group', 'group')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"groups.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <h2 class=\"mat-h2 row\">\n        {{'Patterns'|translate}}\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n      </h2>\n      <table formArrayName=\"tpatterns\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\n        @for (p of patterns.controls; track p; let index = $index) {\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" cdkDrag>\n          <td class=\"mat-mdc-cell\">\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n          </td>\n          <td class=\"mat-mdc-cell\" width=\"99%\">\n            {{p.controls.title.value }}\n          </td>\n          <td class=\"mat-mdc-cell nowrap\">\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n            <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n          </td>\n        </tr>\n        }\n      </table>\n      <mat-checkbox formControlName=\"assignable\">{{'Assignable'|translate}}</mat-checkbox>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocAddContent>\n    <ng-container [formGroup]=\"form\">\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"group\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Items'|translate}}</mat-label>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n\n          <!--<mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            <span *ngIf=\"form.value.items?.length > 1\">\n              (+{{form.value.items.length - 1}} {{(form.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n            </span>\n          </mat-select-trigger>-->\n          <!--<mat-option *ngFor=\"let v of source\" [value]=\"v.key\">\n            <span *ngIf=\"!type.columns\">{{v.value}}</span>\n            <span *ngIf=\"type.columns\"><span *ngFor=\"let c of type.columns\">{{v.value[c.name]}}</span></span>\n          </mat-option>-->\n          @for (v of values; track v) {\n          <mat-option [value]=\"v.key\">\n            <span>{{v.value}}</span>\n          </mat-option>\n          }\n        </mat-select>\n        @if (form.controls.items.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Items'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Title'|translate}}</mat-label>\n        <input matInput formControlName=\"title\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Name'|translate}}</mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (form.controls.name.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Regex'|translate}}</mat-label>\n        <input matInput formControlName=\"expression\" required />\n        @if (form.controls.expression.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Expression'|translate)\"></mat-error>\n        }\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DatasourceService }, { type: TranslateService }, { type: PromptService }, { type: i0.ElementRef }, { type: DesignerRef, decorators: [{
                     type: Inject,
                     args: [DesignerRef]
@@ -34024,7 +34024,7 @@ class UtilityDesignComponent extends DesignerTypeElementComponent {
         this.form = this._fb.group({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: UtilityDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: UtilityDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: UtilityDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: UtilityDesignComponent, decorators: [{
             type: Component,
@@ -34037,7 +34037,7 @@ class ViewDesignComponent extends DesignerTypeElementComponent {
         this.form = this._fb.group({});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ViewDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ViewDesignComponent, decorators: [{
             type: Component,
@@ -34057,7 +34057,7 @@ class WidgetDesignComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: WidgetDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n            <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: WidgetDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{'Guide'|translate}}</mat-label>\n        <mat-select formControlName=\"guide\">\n          <mat-option>{{'None'|translate}}</mat-option>\n          @for (g of guides; track g) {\n            <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDesignComponent, decorators: [{
             type: Component,
@@ -34072,13 +34072,14 @@ class SourceDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SourceDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SourceDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl>\r\n      <dt></dt>\r\n      <dd>{{model.regularExpression}}</dd>\r\n    </dl>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"regularExpression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\r\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$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: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SourceDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl>\r\n      <dt></dt>\r\n      <dd>{{model.regularExpression}}</dd>\r\n    </dl>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"regularExpression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\r\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$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: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SourceDesignComponent, decorators: [{
             type: Component,
             args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl>\r\n      <dt></dt>\r\n      <dd>{{model.regularExpression}}</dd>\r\n    </dl>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-form-field>\r\n        <input matInput formControlName=\"regularExpression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\r\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n" }]
         }] });
 
+const SEARCH_DEBOUNCE = 150;
 /** */
 let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
     constructor(_panes, _fb, _translate, _ps, _session, _element, _injector, _popup, _ref) {
@@ -34192,7 +34193,7 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
      * @param evt
      */
     filter(evt) {
-        const subscribe = this.form.valueChanges.pipe(debounceTime$1(150)).
+        const subscribe = this.form.valueChanges.pipe(debounceTime$1(SEARCH_DEBOUNCE)).
             subscribe(e => {
             const { contains, sections, family } = e;
             this.sections.forEach(s => {
@@ -34200,32 +34201,42 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
                     s.hide = true;
                     return;
                 }
-                let none = true;
+                if (contains &&
+                    s.title.toLowerCase().indexOf(contains) > 0 && !family) {
+                    s.hide = false;
+                    s.elements.
+                        forEach(e => e.hide = false);
+                    return;
+                }
+                let any = false;
                 s.elements.
                     forEach(e => {
-                    if ((!contains || (extractString(e.title) || e.name).toLowerCase().
-                        indexOf(contains) > -1)
+                    if ((!contains || (extractString(e.title) || e.name).toLowerCase().indexOf(contains) > -1)
                         && (!family || e.family === family)) {
                         e.hide = false;
-                        none = false;
+                        any = true;
                     }
                     else
                         e.hide = true;
                 });
-                if (none)
-                    s.hide = (!s.templates || !s.templates.length ||
-                        !s.templates.find(t => (!contains ||
-                            t.title.toLowerCase().indexOf(contains) > -1) &&
-                            (!family || t.family === family)));
-                else
+                if (any) {
                     s.hide = false;
+                    return;
+                }
+                if (!s.templates || (!family && !contains)) {
+                    s.hide = true;
+                    return;
+                }
+                s.hide = !s.templates.find(t => (!contains ||
+                    t.title.toLowerCase().indexOf(contains) > -1) &&
+                    (!family || t.family === family));
             });
             this.searchBy += 1;
         });
         const pop = this._popup.open(this.filters, evt.target, {
             data: this.form
         });
-        pop.opened().subscribe(() => this.search?.focus());
+        pop.opened().subscribe(() => document.querySelector('.popup-panel input')?.focus());
         pop.
             closed().
             subscribe(subscribe.unsubscribe);
@@ -34376,20 +34387,17 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDesignerComponent, deps: [{ token: PanesRouter }, { token: i1$1.FormBuilder }, { token: TranslateService }, { token: PromptService }, { token: SessionService }, { token: i0.ElementRef }, { token: i0.Injector }, { token: Popup }, { token: UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "filters", first: true, predicate: ["filters"], descendants: true, read: TemplateRef }, { propertyName: "search", first: true, predicate: ["search"], descendants: true, read: MatInput }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" #search autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i9$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: FilterPipe, name: "filterBy" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "filters", first: true, predicate: ["filters"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i9$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: FilterPipe, name: "filterBy" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
 };
 ConfigurationDesignerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-configuration-designer' })
 ], ConfigurationDesignerComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ConfigurationDesignerComponent, decorators: [{
             type: Component,
-            args: [{ animations: [itemAnimation], host: { tabindex: '0' }, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" #search autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"] }]
+            args: [{ animations: [itemAnimation], host: { tabindex: '0' }, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"filter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (loading) {\n  <bizdoc-none title=\"SettingThingsUp\" subtitle=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\n}\n<div>\n  @for (s of sections | filterBy:'hide': false: searchBy; track s) {\n    <section>\n      <h2 class=\"mat-h1\">{{s.title}}</h2>\n      <!--<hr />-->\n      <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\n        @for (e of s.elements | filterBy:'hide': false: searchBy; track e) {\n          <mat-card [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\n            <!-- @item-->\n            <mat-card-header>\n              <mat-card-title>\n                {{e.title|localizedString}}\n                <span class=\"divider\"></span>\n                @if (e.help) {\n                  <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\">help_outline</mat-icon>\n                }\n              </mat-card-title>\n              <mat-card-subtitle>\n                {{e.name}}\n              </mat-card-subtitle>\n            </mat-card-header>\n            <mat-card-content>\n              <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\n            </mat-card-content>\n            <mat-card-actions class=\"row\">\n              @if (!e.copyOf) {\n                <button mat-icon-button (click)=\"copy(s, e)\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\n              }\n              @if (e.draft || e.empty) {\n                <button mat-icon-button (click)=\"remove(s, e)\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\n              }\n              <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\n              <span class=\"divider\"></span>\n              <button mat-icon-button (click)=\"edit(s, e)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\n            </mat-card-actions>\n          </mat-card>\n        }\n        @if (s.templates?.length) {\n          <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\">\n            <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\n            <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\n            <mat-menu #templateMenu>\n              @for (t of s.templates; track t) {\n                <button mat-menu-item (click)=\"create(s, t)\">\n                  @if (t.family) {\n                    <span>\n                      {{t.family}}\n                      &nbsp;-&nbsp;\n                    </span>\n                  }\n                  <span>\n                    {{t.title}}\n                  </span>\n                </button>\n              }\n            </mat-menu>\n          </div>\n        }\n      </div>\n    </section>\n  }\n</div>\n<!-- search filters -->\n<ng-template #filters>\n  <form autocomplete=\"off\" class=\"column gap\" [formGroup]=\"form\">\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n      @if (form.value.contains) {\n      <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Categories'|translate}}</mat-label>\n      <mat-select formControlName=\"sections\" multiple>\n        @for (c of sections; track c) {\n        <mat-option [value]=\"c.type\">{{c.title}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    @if(families.length) {\n    <mat-form-field subscriptSizing=\"dynamic\">\n      <mat-label>{{'Families'|translate}}</mat-label>\n      <mat-select formControlName=\"family\">\n        <mat-option>{{'All'|translate}}</mat-option>\n        @for (f of families; track f) {\n        <mat-option [value]=\"f\">{{f}}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n    }\n  </form>\n</ng-template>\n", styles: [":host{outline:none}section h2{margin:10px}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: PanesRouter }, { type: i1$1.FormBuilder }, { type: TranslateService }, { type: PromptService }, { type: SessionService }, { type: i0.ElementRef }, { type: i0.Injector }, { type: Popup }, { type: UtilityRef }], propDecorators: { filters: [{
                 type: ViewChild,
                 args: ['filters', { read: TemplateRef }]
-            }], search: [{
-                type: ViewChild,
-                args: ['search', { read: MatInput, }]
             }], handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
@@ -35094,14 +35102,14 @@ let PerformanceWidgetDesignComponent = class PerformanceWidgetDesignComponent ex
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PerformanceWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PerformanceWidgetDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required>\n      @for (x of cube?.axes; track x) {\n      <mat-option [value]=\"x.name\">{{x.title||x.name}}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PerformanceWidgetDesignComponent, selector: "bizdoc-performance-widget-designer", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required>\n      @for (x of cube?.axes; track x) {\n      <mat-option [value]=\"x.name\">{{x.title||x.name}}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 PerformanceWidgetDesignComponent = __decorate([
     BizDoc({ selector: 'performance-widget-designer' })
 ], PerformanceWidgetDesignComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PerformanceWidgetDesignComponent, decorators: [{
             type: Component,
-            args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required>\n      @for (x of cube?.axes; track x) {\n      <mat-option [value]=\"x.name\">{{x.title||x.name}}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n" }]
+            args: [{ selector: 'bizdoc-performance-widget-designer', host: { class: 'column' }, template: "@if (mode !== 'widget') {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length > 1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required>\n      @for (x of cube?.axes; track x) {\n      <mat-option [value]=\"x.name\">{{x.title||x.name}}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n" }]
         }] });
 
 let DocumentsWidgetDesignComponent = class DocumentsWidgetDesignComponent extends DesignerCubeElementComponent {
@@ -35523,7 +35531,7 @@ class JobDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: JobDesignComponent, deps: [{ token: i1$1.FormBuilder }, { token: SystemService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: JobDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n      <dl>\n        @if (jobInfo.lastExecution) {\n          <dt>{{'LastExecution'|translate}}</dt>\n          <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n        }\n        @if (jobInfo.nextExecution) {\n          <dt>{{'NextExecution'|translate}}</dt>\n          <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n        }\n        @if (jobInfo.lastJobState) {\n          <dt>{{'LastJobState'|translate}}</dt>\n          <dd>\n            @if (jobInfo.error) {\n              <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n            }\n            <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n          </dd>\n        }\n      </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"execute()\" [disabled]=\"model.draft || working\">\n        <span> {{'Execute'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (working) {\n        <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.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: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["continue", "viewClosed", "save"] }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: JobDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\n  <!-- widget -->\n  <ng-template bizdocContent>\n    @if (jobInfo) {\n      <dl>\n        @if (jobInfo.lastExecution) {\n          <dt>{{'LastExecution'|translate}}</dt>\n          <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\n        }\n        @if (jobInfo.nextExecution) {\n          <dt>{{'NextExecution'|translate}}</dt>\n          <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\n        }\n        @if (jobInfo.lastJobState) {\n          <dt>{{'LastJobState'|translate}}</dt>\n          <dd>\n            @if (jobInfo.error) {\n              <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\n            }\n            <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\n          </dd>\n        }\n      </dl>\n    }\n    <div class=\"row start center\">\n      <button mat-stroked-button (click)=\"execute()\" [disabled]=\"model.draft || working\">\n        <span> {{'Execute'|translate}}</span>\n      </button>\n      &nbsp;\n      @if (working) {\n        <mat-spinner diameter=\"22\"></mat-spinner>\n      }\n    </div>\n  </ng-template>\n  <!-- edit -->\n  <ng-template bizdocEditContent>\n    <ng-container [formGroup]=\"form\">\n    </ng-container>\n  </ng-template>\n</bizdoc-designer-element>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.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: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save"] }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: JobDesignComponent, decorators: [{
             type: Component,
@@ -36223,5 +36231,5 @@ function withRoute(routes) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NoneComponent, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, programName, registerComponents };
+export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, JsonPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NoneComponent, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, programName, registerComponents };
 //# sourceMappingURL=bizdoc-core.mjs.map