@bizdoc/core 2.5.6 → 2.6.1

package/esm2022/lib/admin/architecture/elements/form-invite.dialog.mjs

@@ -115,10 +115,10 @@ export class FormInviteDialog {
         const role = this._roles[name];
         return role?.title || name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormInviteDialog, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.PromptService }, { token: DesignerRef }, { token: i4.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: FormInviteDialog, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field>\n    <mat-chip-grid #chips [attr.aria-label]=\"''\" multiple required>\n      @for (r of groups.value; track r) {\n        <mat-chip-row\n          (removed)=\"removeRole(r)\">\n          {{titleOf(r)}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input [placeholder]=\"'Roles'|translate\" required\n      [formControl]=search\n      #inputrole\n      [matAutocomplete]=\"rolename\"\n      [matChipInputFor]=\"chips\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #rolename=\"matAutocomplete\" (optionSelected)=\"addRole(inputrole, $event)\">\n        @for (r of roles; track r) {\n          <mat-option [value]=\"r.name\">\n            {{r.title || r.name}}\n          </mat-option>\n        }\n      </mat-autocomplete>\n      @if (form.controls.groups.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Roles'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <bizdoc-localized-string formControlName=\"message\" [placeholder]=\"'Message'|translate\" class=\"flex column\" maxlength=\"400\"></bizdoc-localized-string>\n    <mat-form-field>\n      <mat-label>{{'InviteDue' | l18n}}</mat-label>\n      <input matInput formControlName=\"due\"\n        [matDatepicker]=\"duePicker\" />\n        <mat-datepicker-toggle [for]=\"duePicker\" matSuffix></mat-datepicker-toggle>\n        <mat-datepicker #duePicker></mat-datepicker>\n        @if (form.controls.due.hasError('min')) {\n          <mat-error [innerHTML]=\"'DateInPastErr'|translate\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-checkbox formControlName=\"oneTime\">{{'InviteOneTime'|l18n}}</mat-checkbox>\n      <mat-selection-list formControlName=\"devices\" multiple>\n        @for (d of devices; track d) {\n          <mat-list-option [value]=\"d\">{{d|translate}}</mat-list-option>\n        }\n      </mat-selection-list>\n      <button mat-raised-button color=\"primary\" (click)=\"send()\" [disabled]=\"!form.valid || working\">{{'Send'|l18n}}</button>\n    </form>\n", styles: ["form{padding:8px}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i5.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i7.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i8.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: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i12.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: i13.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: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i16.L18nPipe, name: "l18n" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormInviteDialog, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.PromptService }, { token: DesignerRef }, { token: i4.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: FormInviteDialog, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field>\n    <mat-chip-grid #chips [attr.aria-label]=\"''\" multiple required>\n      @for (r of groups.value; track r) {\n        <mat-chip-row\n          (removed)=\"removeRole(r)\">\n          {{titleOf(r)}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input [placeholder]=\"'Roles'|translate\" required\n      [formControl]=search\n      #inputrole\n      [matAutocomplete]=\"rolename\"\n      [matChipInputFor]=\"chips\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #rolename=\"matAutocomplete\" (optionSelected)=\"addRole(inputrole, $event)\">\n        @for (r of roles; track r) {\n          <mat-option [value]=\"r.name\">\n            {{r.title || r.name}}\n          </mat-option>\n        }\n      </mat-autocomplete>\n      @if (form.controls.groups.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Roles'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <bizdoc-localized-string formControlName=\"message\" [placeholder]=\"'Message'|translate\" class=\"flex column\" maxlength=\"400\"></bizdoc-localized-string>\n    <mat-form-field>\n      <mat-label>{{'InviteDue' | l18n}}</mat-label>\n      <input matInput formControlName=\"due\"\n        [matDatepicker]=\"duePicker\" />\n        <mat-datepicker-toggle [for]=\"duePicker\" matSuffix></mat-datepicker-toggle>\n        <mat-datepicker #duePicker></mat-datepicker>\n        @if (form.controls.due.hasError('min')) {\n          <mat-error [innerHTML]=\"'DateInPastErr'|translate\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-checkbox formControlName=\"oneTime\">{{'InviteOneTime'|l18n}}</mat-checkbox>\n      <mat-selection-list formControlName=\"devices\" multiple>\n        @for (d of devices; track d) {\n          <mat-list-option [value]=\"d\">{{d|translate}}</mat-list-option>\n        }\n      </mat-selection-list>\n      <button mat-raised-button color=\"primary\" (click)=\"send()\" [disabled]=\"!form.valid || working\">{{'Send'|l18n}}</button>\n    </form>\n", styles: ["form{padding:8px}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i5.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i7.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i8.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: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i12.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: i13.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: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i16.L18nPipe, name: "l18n" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormInviteDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormInviteDialog, decorators: [{
             type: Component,
             args: [{ template: "<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field>\n    <mat-chip-grid #chips [attr.aria-label]=\"''\" multiple required>\n      @for (r of groups.value; track r) {\n        <mat-chip-row\n          (removed)=\"removeRole(r)\">\n          {{titleOf(r)}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input [placeholder]=\"'Roles'|translate\" required\n      [formControl]=search\n      #inputrole\n      [matAutocomplete]=\"rolename\"\n      [matChipInputFor]=\"chips\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #rolename=\"matAutocomplete\" (optionSelected)=\"addRole(inputrole, $event)\">\n        @for (r of roles; track r) {\n          <mat-option [value]=\"r.name\">\n            {{r.title || r.name}}\n          </mat-option>\n        }\n      </mat-autocomplete>\n      @if (form.controls.groups.hasError('required')) {\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Roles'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <bizdoc-localized-string formControlName=\"message\" [placeholder]=\"'Message'|translate\" class=\"flex column\" maxlength=\"400\"></bizdoc-localized-string>\n    <mat-form-field>\n      <mat-label>{{'InviteDue' | l18n}}</mat-label>\n      <input matInput formControlName=\"due\"\n        [matDatepicker]=\"duePicker\" />\n        <mat-datepicker-toggle [for]=\"duePicker\" matSuffix></mat-datepicker-toggle>\n        <mat-datepicker #duePicker></mat-datepicker>\n        @if (form.controls.due.hasError('min')) {\n          <mat-error [innerHTML]=\"'DateInPastErr'|translate\"></mat-error>\n        }\n      </mat-form-field>\n      <mat-checkbox formControlName=\"oneTime\">{{'InviteOneTime'|l18n}}</mat-checkbox>\n      <mat-selection-list formControlName=\"devices\" multiple>\n        @for (d of devices; track d) {\n          <mat-list-option [value]=\"d\">{{d|translate}}</mat-list-option>\n        }\n      </mat-selection-list>\n      <button mat-raised-button color=\"primary\" (click)=\"send()\" [disabled]=\"!form.valid || working\">{{'Send'|l18n}}</button>\n    </form>\n", styles: ["form{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.SystemService }, { type: i3.PromptService }, { type: i17.DesignerRef, decorators: [{

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

@@ -144,10 +144,10 @@ export class FormDesignComponent extends DesignerTypeElementComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PanesRouter }, { token: i3.SystemService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.TranslateService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6.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: i7.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: i7.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: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i10.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: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.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: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.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: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.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: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i16.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i17.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: i18.CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: i18.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: i18.WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: i18.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i19.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i20.L18nPipe, name: "l18n" }, { kind: "pipe", type: i20.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PanesRouter }, { token: i3.SystemService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.TranslateService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6.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: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.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: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i10.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: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.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: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.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: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.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: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i16.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i17.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: i18.CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: i18.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: i18.WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: i18.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i19.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i20.L18nPipe, name: "l18n" }, { kind: "pipe", type: i20.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormDesignComponent, decorators: [{
             type: Component,
             args: [{ 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" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.PanesRouter }, { type: i3.SystemService }, { type: i4.SessionService }, { type: i0.Injector }, { type: i5.TranslateService }, { type: i0.ElementRef }, { type: i21.DesignerRef, decorators: [{

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

@@ -44,10 +44,10 @@ export class GuideDesignComponent extends DesignerTypeElementComponent {
             })
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.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: i8.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: i10.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i11.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: i12.CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: i12.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i12.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: GuideDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.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: i8.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: i10.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i11.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: i12.CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: i12.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i12.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: GuideDesignComponent, decorators: [{
             type: Component,
             args: [{ 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" }]
         }] });

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

@@ -45,10 +45,10 @@ export class JobDesignComponent extends DesignerTypeElementComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: JobDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: i8.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: i8.WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: i8.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i9.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: JobDesignComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "directive", type: i8.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: i8.WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: i8.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: i9.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: JobDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: JobDesignComponent, decorators: [{
             type: Component,
             args: [{ 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" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.SystemService }, { type: i3.PromptService }, { type: i0.ElementRef }, { type: i11.DesignerRef, decorators: [{

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

@@ -84,14 +84,14 @@ let MatrixViewDesignComponent = class MatrixViewDesignComponent extends Designer
             calculate: sum?.calculate || 'Sum'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatrixViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: MatrixViewDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n  @if (view) {\n<h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n<div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\n  <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\n</div>\n<div class=\"row actions\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\n</div>\n  } @else {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length>1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required>\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" required>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value!==a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</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  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Filters'|translate}}</mat-label>\n      <mat-select formControlName=\"filters\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\n      <mat-select formControlName=\"aggregate\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value.indexOf(a.name) < 0)) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n      <mat-hint></mat-hint>\n    </mat-form-field>\n  </div>\n  <h2 class=\"mat-h2 row\">\n    {{'Summary'|translate}}\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"add(form.controls.sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <table class=\"mat-mdc-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, form.controls.sum)\">\n    @for (s of form.controls.sum.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\" style=\"width: 100%\">{{s.controls.title.value}}</td>\n      <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n        <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n        <button mat-icon-button (click)=\"form.controls.sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n      </td>\n    </tr>\n    }\n  </table>\n</ng-container>\n  }\n}\n<ng-template #sumform 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-radio-group formControlName=\"axis\">\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\n    </mat-radio-group>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Calculate'|translate}}</mat-label>\n      <mat-select formControlName=\"calculate\">\n        <mat-option>{{'None'|translate}}</mat-option>\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div class=\"row\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Value'|translate}}</mat-label>\n        <input matInput formControlName=\"value\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Format'|translate}}</mat-label>\n        <mat-select formControlName=\"format\">\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n          <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.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: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i12.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatrixViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: MatrixViewDesignComponent, selector: "ng-component", host: { classAttribute: "column" }, usesInheritance: true, ngImport: i0, template: "@if (mode !== 'widget') {\n  @if (view) {\n<h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n<div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\n  <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\n</div>\n<div class=\"row actions\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\n</div>\n  } @else {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length>1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required>\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" required>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value!==a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</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  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Filters'|translate}}</mat-label>\n      <mat-select formControlName=\"filters\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\n      <mat-select formControlName=\"aggregate\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value.indexOf(a.name) < 0)) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n      <mat-hint></mat-hint>\n    </mat-form-field>\n  </div>\n  <h2 class=\"mat-h2 row\">\n    {{'Summary'|translate}}\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"add(form.controls.sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <table class=\"mat-mdc-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, form.controls.sum)\">\n    @for (s of form.controls.sum.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\" style=\"width: 100%\">{{s.controls.title.value}}</td>\n      <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n        <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n        <button mat-icon-button (click)=\"form.controls.sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n      </td>\n    </tr>\n    }\n  </table>\n</ng-container>\n  }\n}\n<ng-template #sumform 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-radio-group formControlName=\"axis\">\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\n    </mat-radio-group>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Calculate'|translate}}</mat-label>\n      <mat-select formControlName=\"calculate\">\n        <mat-option>{{'None'|translate}}</mat-option>\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div class=\"row\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Value'|translate}}</mat-label>\n        <input matInput formControlName=\"value\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Format'|translate}}</mat-label>\n        <mat-select formControlName=\"format\">\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n          <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.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: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i12.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
 };
 MatrixViewDesignComponent = __decorate([
     BizDoc({ selector: 'matrix-view-designer' })
 ], MatrixViewDesignComponent);
 export { MatrixViewDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatrixViewDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatrixViewDesignComponent, decorators: [{
             type: Component,
             args: [{ host: { class: 'column' }, template: "@if (mode !== 'widget') {\n  @if (view) {\n<h2 class=\"mat-h2\">{{context.title|translate}}</h2>\n<div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\n  <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\n</div>\n<div class=\"row actions\">\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\n</div>\n  } @else {\n<ng-container [formGroup]=\"form\">\n  @if (cubes.length>1) {\n  <mat-form-field>\n    <mat-label>{{'Cube'|translate}}</mat-label>\n    <mat-select required formControlName=\"cube\" (selectionChange)=\"cubeSelected($event)\">\n      @for (c of cubes; track c) {\n      <mat-option [value]=\"c.name\">{{c.title|localizedString}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'XAxis'|translate}}</mat-label>\n      <mat-select formControlName=\"xAxis\" required>\n        @for (a of cube?.axes; track a) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n      </mat-select>\n      @if (form.controls.xAxis.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Series'|translate}}</mat-label>\n      <mat-select formControlName=\"series\" required>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value!==a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</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  </div>\n  @if (cube?.indices?.length) {\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (i of cube.indices; track i) {\n      <mat-option [value]=\"i.name\">{{i.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <div class=\"row gap\">\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Filters'|translate}}</mat-label>\n      <mat-select formControlName=\"filters\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Aggregate'|translate}}</mat-label>\n      <mat-select formControlName=\"aggregate\" multiple>\n        @for (a of cube?.axes; track a) {\n        @if (form.controls.xAxis.value !== a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value.indexOf(a.name) < 0)) {\n        <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n        }\n        }\n      </mat-select>\n      <mat-hint></mat-hint>\n    </mat-form-field>\n  </div>\n  <h2 class=\"mat-h2 row\">\n    {{'Summary'|translate}}\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"add(form.controls.sum, newSum(), 'Summary', sumform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\n  </h2>\n  <table class=\"mat-mdc-table\" formArrayName=\"sum\" cdkDropList (cdkDropListDropped)=\"drop($event, form.controls.sum)\">\n    @for (s of form.controls.sum.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\" style=\"width: 100%\">{{s.controls.title.value}}</td>\n      <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\n        <button mat-icon-button (click)=\"edit(s, 'Summary', sumform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\n        <button mat-icon-button (click)=\"form.controls.sum.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n      </td>\n    </tr>\n    }\n  </table>\n</ng-container>\n  }\n}\n<ng-template #sumform 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-radio-group formControlName=\"axis\">\n      <mat-radio-button value=\"XAxis\">{{'XAxis'|translate}}</mat-radio-button>\n      <mat-radio-button value=\"Series\">{{'Series'|translate}}</mat-radio-button>\n    </mat-radio-group>\n    <mat-form-field class=\"flex\">\n      <mat-label>{{'Calculate'|translate}}</mat-label>\n      <mat-select formControlName=\"calculate\">\n        <mat-option>{{'None'|translate}}</mat-option>\n        <mat-option value=\"Quarter\">{{'Quarter'|translate}}</mat-option>\n        <mat-option value=\"Year\">{{'Year'|translate}}</mat-option>\n        <mat-option value=\"Month\">{{'Month'|translate}}</mat-option>\n        <mat-option value=\"Sum\">{{'Sum'|translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div class=\"row\">\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Value'|translate}}</mat-label>\n        <input matInput formControlName=\"value\" />\n      </mat-form-field>\n      <mat-form-field class=\"flex\">\n        <mat-label>{{'Format'|translate}}</mat-label>\n        <mat-select formControlName=\"format\">\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\n          <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </ng-container>\n</ng-template>\n" }]
         }] });

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

@@ -8,10 +8,10 @@ export class NodeDesignerComponent extends DesignerTypeElementComponent {
         super(...arguments);
         this.form = this._fb.group({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NodeDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i2.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NodeDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: i2.DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NodeDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NodeDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-node-designer', 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" }]
         }] });

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

@@ -24,14 +24,14 @@ let ParallelViewDesignComponent = class ParallelViewDesignComponent extends Desi
             scope: null
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ParallelViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ParallelViewDesignComponent, 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>{{'XAxis'|translate}}</mat-label>\n    <mat-select formControlName=\"xAxis\" required multiple>\n      @for (a of cube?.axes; track a) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.xAxis.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (x of cube.indices; track x) {\n      <mat-option [value]=\"x.name\">{{x.title || x.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'ChartType'|translate}}</mat-label>\n    <mat-select formControlName=\"chartType\">\n      <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\n      <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n      <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n      <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value!==a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value?.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n<!--@if(options.xAxis){<div>\n  <bizdoc-cube-parallel  [cube]=\"options.cube\"\n    [xAxis]=\"options.xAxis\"\n    [series]=\"options.series\"\n    [indices]=\"options.indices\"\n    [filters]=\"options.filters\"\n    [chartType]=\"options.chartType\"\n    [scope]=\"options.scope\"\n  [size]=\"250\"></bizdoc-cube-parallel>\n</div>}-->\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ParallelViewDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ParallelViewDesignComponent, 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>{{'XAxis'|translate}}</mat-label>\n    <mat-select formControlName=\"xAxis\" required multiple>\n      @for (a of cube?.axes; track a) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.xAxis.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (x of cube.indices; track x) {\n      <mat-option [value]=\"x.name\">{{x.title || x.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'ChartType'|translate}}</mat-label>\n    <mat-select formControlName=\"chartType\">\n      <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\n      <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n      <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n      <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value!==a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value?.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n<!--@if(options.xAxis){<div>\n  <bizdoc-cube-parallel  [cube]=\"options.cube\"\n    [xAxis]=\"options.xAxis\"\n    [series]=\"options.series\"\n    [indices]=\"options.indices\"\n    [filters]=\"options.filters\"\n    [chartType]=\"options.chartType\"\n    [scope]=\"options.scope\"\n  [size]=\"250\"></bizdoc-cube-parallel>\n</div>}-->\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "pipe", type: i5.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 };
 ParallelViewDesignComponent = __decorate([
     BizDoc({ selector: 'parallel-view-designer' })
 ], ParallelViewDesignComponent);
 export { ParallelViewDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ParallelViewDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ParallelViewDesignComponent, 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>{{'XAxis'|translate}}</mat-label>\n    <mat-select formControlName=\"xAxis\" required multiple>\n      @for (a of cube?.axes; track a) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.xAxis.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Series'|translate}}</mat-label>\n    <mat-select formControlName=\"series\" required multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value?.indexOf(a.name) < 0) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n    @if (form.controls.series.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\n    }\n  </mat-form-field>\n  @if (cube?.indices?.length) {\n  <mat-form-field>\n    <mat-label>{{'Indices'|translate}}</mat-label>\n    <mat-select formControlName=\"indices\" multiple>\n      @for (x of cube.indices; track x) {\n      <mat-option [value]=\"x.name\">{{x.title || x.name}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <mat-label>{{'ChartType'|translate}}</mat-label>\n    <mat-select formControlName=\"chartType\">\n      <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\n      <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\n      <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\n      <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field>\n    <mat-label>{{'Aggregate'|translate}}</mat-label>\n    <mat-select formControlName=\"aggregate\" multiple>\n      @for (a of cube?.axes; track a) {\n      @if (form.controls.xAxis.value!==a.name && form.controls.series.value !== a.name && (!form.controls.filters.value || form.controls.filters.value?.indexOf(a.name) < 0)) {\n      <mat-option [value]=\"a.name\">{{a.title }}</mat-option>\n      }\n      }\n    </mat-select>\n  </mat-form-field>\n</ng-container>\n<!--@if(options.xAxis){<div>\n  <bizdoc-cube-parallel  [cube]=\"options.cube\"\n    [xAxis]=\"options.xAxis\"\n    [series]=\"options.series\"\n    [indices]=\"options.indices\"\n    [filters]=\"options.filters\"\n    [chartType]=\"options.chartType\"\n    [scope]=\"options.scope\"\n  [size]=\"250\"></bizdoc-cube-parallel>\n</div>}-->\n}\n" }]
         }] });

package/esm2022/lib/admin/architecture/elements/performance-report.component.mjs

@@ -18,14 +18,14 @@ let PerformanceReportDesignComponent = class PerformanceReportDesignComponent ex
             filters: this._fb.group({}),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PerformanceReportDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: PerformanceReportDesignComponent, 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  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PerformanceReportDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PerformanceReportDesignComponent, 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  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 PerformanceReportDesignComponent = __decorate([
     BizDoc({ selector: 'performance-report-designer' })
 ], PerformanceReportDesignComponent);
 export { PerformanceReportDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PerformanceReportDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PerformanceReportDesignComponent, 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  @if (cube) {\n  <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\n  }\n</ng-container>\n}\n" }]
         }] });

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

@@ -20,14 +20,14 @@ let PerformanceWidgetDesignComponent = class PerformanceWidgetDesignComponent ex
             scope: null
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PerformanceWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PerformanceWidgetDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 PerformanceWidgetDesignComponent = __decorate([
     BizDoc({ selector: 'performance-widget-designer' })
 ], PerformanceWidgetDesignComponent);
 export { PerformanceWidgetDesignComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PerformanceWidgetDesignComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PerformanceWidgetDesignComponent, decorators: [{
             type: Component,
             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" }]
         }] });