@bizdoc/core 2.4.16 → 2.5.0

package/esm2022/lib/admin/form/designer/box-designer.component.mjs

@@ -253,14 +253,14 @@ let FormDesignerComponent = class FormDesignerComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormDesignerComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }, { token: i0.ChangeDetectorRef }, { token: i3.PromptService }, { token: i4.SystemService }, { token: i5.TranslateService }, { token: i6.PanesRouter }, { token: i7.SessionService }, { token: i0.ElementRef }, { token: i8.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: FormDesignerComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <button mat-icon-button (click)=\"undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"historyIndex === -1\"><mat-icon class=\"mat-icon-rtl-mirror\">undo</mat-icon></button>\n  <button mat-icon-button (click)=\"redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"historyIndex === history.length - 1\"><mat-icon class=\"mat-icon-rtl-mirror\">redo</mat-icon></button>\n  <span class=\"divider\"></span>\n  <!--<button mat-icon-button (click)=\"opensettings()\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>-->\n</mat-toolbar>\n@if (model) {\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div cdkDropList (cdkDropListDropped)=\"drop($event, sections)\">\n      @for (s of sections.controls; track s; let si = $index) {\n        <section class=\"column\" cdkDrag [attr.data-index]=\"si\">\n          <div class=\"row\">\n            <mat-icon class=\"section-drag\" cdkDragHandle>drag_indicator</mat-icon>\n            <div class=\"column\" [formGroup]=\"s\">\n              <h2 class=\"mat-h2\">{{s.controls.title.value|localizedString}}</h2>\n              @if (s.controls.note.value) {\n                <p class=\"mat-body-1\">{{s.controls.note.value|localizedString}}</p>\n              }\n              <div cdkDropList (cdkDropListDropped)=\"drop($event, s.controls.rows)\">\n                @for (r of s.controls.rows.controls; track r; let ri = $index) {\n                  <div class=\"row designer-row\" cdkDrag [attr.data-index]=\"ri\">\n                    <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n                    <div cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event, r.controls.fields)\" class=\"row\">\n                      @for (f of r.controls.fields.controls; track f; let fi = $index) {\n                        <div cdkDrag class=\"designer-field row\" [attr.data-index]=\"fi\">\n                          <!--<mat-icon cdkDragHandle>{{iconOf(f.value.type)}}</mat-icon>-->\n                          <bizdoc-box-control-design [metadata]=\"f.value\"></bizdoc-box-control-design>\n                          <div class=\"tools\">\n                            <button mat-stroked-button (click)=\"removeField(r, f)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                            <button mat-stroked-button (click)=\"editField(f)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n                          </div>\n                          <!--<div *cdkDragPlaceholder class=\"drag-placeholder\"></div>-->\n                        </div>\n                      }\n                    </div>\n                    <div class=\"column\">\n                      <button mat-stroked-button [matMenuTriggerFor]=\"fieldMenu\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n                      <mat-menu #fieldMenu>\n                        @for (c of controls; track c) {\n                          <button mat-menu-item (click)=\"addField(s, r, c, $event)\">\n                            <mat-icon>{{c.icon}}</mat-icon>\n                            <span>{{c.title}}</span>\n                          </button>\n                        }\n                      </mat-menu>\n                      <span class=\"divider\"></span>\n                      <div class=\"tools\">\n                        <button mat-stroked-button (click)=\"removeRow(s, r)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"tools row\">\n            <button mat-stroked-button (click)=\"addRow(s, $event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n            <span class=\"divider\"></span>\n            <button mat-stroked-button (click)=\"removeSection(s)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n            <button mat-stroked-button (click)=\"editSection(s)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n          </div>\n        </section>\n      }\n      <button mat-stroked-button (click)=\"addSection($event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n    </div>\n  </form>\n}\n", styles: ["form{margin:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}section,.designer-row{border:2px solid transparent;border-radius:3px;padding:8px}.designer-field button{opacity:.1}.designer-field:hover button{opacity:1}section:hover,.designer-row:hover{border:2px dotted}section .designer-row{margin:5px 0}section .designer-row .designer-field{flex:1}.drag-placeholder{border:2px dashed}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9.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: i9.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: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.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: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.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: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i15.DesignControlComponent, selector: "bizdoc-box-control-design", inputs: ["metadata"] }, { kind: "pipe", type: i16.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FormDesignerComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }, { token: i0.ChangeDetectorRef }, { token: i3.PromptService }, { token: i4.SystemService }, { token: i5.TranslateService }, { token: i6.PanesRouter }, { token: i7.SessionService }, { token: i0.ElementRef }, { token: i8.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: FormDesignerComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <button mat-icon-button (click)=\"undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"historyIndex === -1\"><mat-icon class=\"mat-icon-rtl-mirror\">undo</mat-icon></button>\n  <button mat-icon-button (click)=\"redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"historyIndex === history.length - 1\"><mat-icon class=\"mat-icon-rtl-mirror\">redo</mat-icon></button>\n  <span class=\"divider\"></span>\n  <!--<button mat-icon-button (click)=\"opensettings()\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>-->\n</mat-toolbar>\n@if (model) {\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div cdkDropList (cdkDropListDropped)=\"drop($event, sections)\">\n      @for (s of sections.controls; track s; let si = $index) {\n        <section class=\"column\" cdkDrag [attr.data-index]=\"si\">\n          <div class=\"row\">\n            <mat-icon class=\"section-drag\" cdkDragHandle>drag_indicator</mat-icon>\n            <div class=\"column\" [formGroup]=\"s\">\n              <h2 class=\"mat-h2\">{{s.controls.title.value|localizedString}}</h2>\n              @if (s.controls.note.value) {\n                <p class=\"mat-body-1\">{{s.controls.note.value|localizedString}}</p>\n              }\n              <div cdkDropList (cdkDropListDropped)=\"drop($event, s.controls.rows)\">\n                @for (r of s.controls.rows.controls; track r; let ri = $index) {\n                  <div class=\"row designer-row\" cdkDrag [attr.data-index]=\"ri\">\n                    <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n                    <div cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event, r.controls.fields)\" class=\"row\">\n                      @for (f of r.controls.fields.controls; track f; let fi = $index) {\n                        <div cdkDrag class=\"designer-field row\" [attr.data-index]=\"fi\">\n                          <!--<mat-icon cdkDragHandle>{{iconOf(f.value.type)}}</mat-icon>-->\n                          <bizdoc-box-control-design [metadata]=\"f.value\"></bizdoc-box-control-design>\n                          <div class=\"tools\">\n                            <button mat-stroked-button (click)=\"removeField(r, f)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                            <button mat-stroked-button (click)=\"editField(f)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n                          </div>\n                          <!--<div *cdkDragPlaceholder class=\"drag-placeholder\"></div>-->\n                        </div>\n                      }\n                    </div>\n                    <div class=\"column\">\n                      <button mat-stroked-button [matMenuTriggerFor]=\"fieldMenu\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n                      <mat-menu #fieldMenu>\n                        @for (c of controls; track c) {\n                          <button mat-menu-item (click)=\"addField(s, r, c, $event)\">\n                            <mat-icon>{{c.icon}}</mat-icon>\n                            <span>{{c.title}}</span>\n                          </button>\n                        }\n                      </mat-menu>\n                      <span class=\"divider\"></span>\n                      <div class=\"tools\">\n                        <button mat-stroked-button (click)=\"removeRow(s, r)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"tools row\">\n            <button mat-stroked-button (click)=\"addRow(s, $event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n            <span class=\"divider\"></span>\n            <button mat-stroked-button (click)=\"removeSection(s)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n            <button mat-stroked-button (click)=\"editSection(s)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n          </div>\n        </section>\n      }\n      <button mat-stroked-button (click)=\"addSection($event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n    </div>\n  </form>\n}\n", styles: ["form{margin:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}section,.designer-row{border:2px solid transparent;border-radius:3px;padding:8px}.designer-field button{opacity:.1}.designer-field:hover button{opacity:1}section:hover,.designer-row:hover{border:2px dotted}section .designer-row{margin:5px 0}section .designer-row .designer-field{flex:1}.drag-placeholder{border:2px dashed}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9.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: i9.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: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.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: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.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: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i15.DesignControlComponent, selector: "bizdoc-box-control-design", inputs: ["metadata"] }, { kind: "pipe", type: i16.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
 };
 FormDesignerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-form-designer' })
 ], FormDesignerComponent);
 export { FormDesignerComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FormDesignerComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n  <button mat-icon-button (click)=\"undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"historyIndex === -1\"><mat-icon class=\"mat-icon-rtl-mirror\">undo</mat-icon></button>\n  <button mat-icon-button (click)=\"redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"historyIndex === history.length - 1\"><mat-icon class=\"mat-icon-rtl-mirror\">redo</mat-icon></button>\n  <span class=\"divider\"></span>\n  <!--<button mat-icon-button (click)=\"opensettings()\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>-->\n</mat-toolbar>\n@if (model) {\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div cdkDropList (cdkDropListDropped)=\"drop($event, sections)\">\n      @for (s of sections.controls; track s; let si = $index) {\n        <section class=\"column\" cdkDrag [attr.data-index]=\"si\">\n          <div class=\"row\">\n            <mat-icon class=\"section-drag\" cdkDragHandle>drag_indicator</mat-icon>\n            <div class=\"column\" [formGroup]=\"s\">\n              <h2 class=\"mat-h2\">{{s.controls.title.value|localizedString}}</h2>\n              @if (s.controls.note.value) {\n                <p class=\"mat-body-1\">{{s.controls.note.value|localizedString}}</p>\n              }\n              <div cdkDropList (cdkDropListDropped)=\"drop($event, s.controls.rows)\">\n                @for (r of s.controls.rows.controls; track r; let ri = $index) {\n                  <div class=\"row designer-row\" cdkDrag [attr.data-index]=\"ri\">\n                    <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n                    <div cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event, r.controls.fields)\" class=\"row\">\n                      @for (f of r.controls.fields.controls; track f; let fi = $index) {\n                        <div cdkDrag class=\"designer-field row\" [attr.data-index]=\"fi\">\n                          <!--<mat-icon cdkDragHandle>{{iconOf(f.value.type)}}</mat-icon>-->\n                          <bizdoc-box-control-design [metadata]=\"f.value\"></bizdoc-box-control-design>\n                          <div class=\"tools\">\n                            <button mat-stroked-button (click)=\"removeField(r, f)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                            <button mat-stroked-button (click)=\"editField(f)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n                          </div>\n                          <!--<div *cdkDragPlaceholder class=\"drag-placeholder\"></div>-->\n                        </div>\n                      }\n                    </div>\n                    <div class=\"column\">\n                      <button mat-stroked-button [matMenuTriggerFor]=\"fieldMenu\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n                      <mat-menu #fieldMenu>\n                        @for (c of controls; track c) {\n                          <button mat-menu-item (click)=\"addField(s, r, c, $event)\">\n                            <mat-icon>{{c.icon}}</mat-icon>\n                            <span>{{c.title}}</span>\n                          </button>\n                        }\n                      </mat-menu>\n                      <span class=\"divider\"></span>\n                      <div class=\"tools\">\n                        <button mat-stroked-button (click)=\"removeRow(s, r)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n          <div class=\"tools row\">\n            <button mat-stroked-button (click)=\"addRow(s, $event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n            <span class=\"divider\"></span>\n            <button mat-stroked-button (click)=\"removeSection(s)\" [bizdocTooltip]=\"'Discard'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\n            <button mat-stroked-button (click)=\"editSection(s)\" [bizdocTooltip]=\"'Settings'|translate\" type=\"button\"><mat-icon>settings</mat-icon></button>\n          </div>\n        </section>\n      }\n      <button mat-stroked-button (click)=\"addSection($event)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add</mat-icon></button>\n    </div>\n  </form>\n}\n", styles: ["form{margin:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}section,.designer-row{border:2px solid transparent;border-radius:3px;padding:8px}.designer-field button{opacity:.1}.designer-field:hover button{opacity:1}section:hover,.designer-row:hover{border:2px dotted}section .designer-row{margin:5px 0}section .designer-row .designer-field{flex:1}.drag-placeholder{border:2px dashed}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.PaneRef }, { type: i0.ChangeDetectorRef }, { type: i3.PromptService }, { type: i4.SystemService }, { type: i5.TranslateService }, { type: i6.PanesRouter }, { type: i7.SessionService }, { type: i0.ElementRef }, { type: i8.UtilityRef }], propDecorators: { handleKeyboardEvent: [{

package/esm2022/lib/admin/form/designer/design-control.component.mjs

@@ -23,10 +23,10 @@ export class DesignControlComponent {
         instance.mode = 'compose';
         instance.control.disable();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DesignControlComponent, deps: [{ token: i0.ViewContainerRef }, { token: BIZDOC_CONFIG }, { token: i1.SessionService }, { token: i2.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: DesignControlComponent, selector: "bizdoc-box-control-design", inputs: { metadata: "metadata" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DesignControlComponent, deps: [{ token: i0.ViewContainerRef }, { token: BIZDOC_CONFIG }, { token: i1.SessionService }, { token: i2.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: DesignControlComponent, selector: "bizdoc-box-control-design", inputs: { metadata: "metadata" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: DesignControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DesignControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/esm2022/lib/admin/form/designer/properties.component.mjs

@@ -52,10 +52,10 @@ export class ControlPropertiesComponent {
         });
     }
     save() { this._paneRef.close(this.form.value); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ControlPropertiesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.BizDocComponentFactoryResolver }, { token: i4.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: ControlPropertiesComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "design", first: true, predicate: ["design"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n    <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n\n  <ng-container #design>\n  </ng-container>\n  <mat-checkbox formControlName=\"required\">{{'Mandatory'|translate}}</mat-checkbox>\n  <mat-checkbox formControlName=\"autofill\">{{'Autofill'|translate}}</mat-checkbox>\n</form>\n", styles: [":host{flex:1;display:flex;-ms-flex-flow:column;-webkit-flex-flow:column;flex-flow:column}form{padding:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}\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.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.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.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: 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.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ControlPropertiesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: i3.BizDocComponentFactoryResolver }, { token: i4.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ControlPropertiesComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "design", first: true, predicate: ["design"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n    <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n\n  <ng-container #design>\n  </ng-container>\n  <mat-checkbox formControlName=\"required\">{{'Mandatory'|translate}}</mat-checkbox>\n  <mat-checkbox formControlName=\"autofill\">{{'Autofill'|translate}}</mat-checkbox>\n</form>\n", styles: [":host{flex:1;display:flex;-ms-flex-flow:column;-webkit-flex-flow:column;flex-flow:column}form{padding:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}\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.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.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.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: 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.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ControlPropertiesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ControlPropertiesComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n    <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n    <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n\n  <ng-container #design>\n  </ng-container>\n  <mat-checkbox formControlName=\"required\">{{'Mandatory'|translate}}</mat-checkbox>\n  <mat-checkbox formControlName=\"autofill\">{{'Autofill'|translate}}</mat-checkbox>\n</form>\n", styles: [":host{flex:1;display:flex;-ms-flex-flow:column;-webkit-flex-flow:column;flex-flow:column}form{padding:8px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.SystemService }, { type: i3.BizDocComponentFactoryResolver }, { type: i4.PaneRef }], propDecorators: { design: [{

package/esm2022/lib/admin/form/designer/section.component.mjs

@@ -40,10 +40,10 @@ export class SectionPropertiesComponent {
         this._paneRef.data.draft && this.form.markAsDirty();
     }
     save() { this._paneRef.close(this.form.value); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SectionPropertiesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: SectionPropertiesComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Title'|translate\" formControlName=\"title\"></bizdoc-localized-string>\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n      <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n  <bizdoc-localized-string [placeholder]=\"'Note'|translate\" formControlName=\"note\"></bizdoc-localized-string>\n\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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i6.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i9.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SectionPropertiesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: SectionPropertiesComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Title'|translate\" formControlName=\"title\"></bizdoc-localized-string>\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n      <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n  <bizdoc-localized-string [placeholder]=\"'Note'|translate\" formControlName=\"note\"></bizdoc-localized-string>\n\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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i6.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i9.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SectionPropertiesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SectionPropertiesComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!form?.dirty || !form?.valid\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\n</mat-toolbar>\n<form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\n  <bizdoc-localized-string [placeholder]=\"'Title'|translate\" formControlName=\"title\"></bizdoc-localized-string>\n  <mat-form-field class=\"flex\">\n    <mat-label>{{'Name'|translate}}</mat-label>\n    <input matInput required formControlName=\"name\" />\n    @if (form.controls.name.hasError('pattern')) {\n      <mat-error [innerHTML]=\"'ProgramPatternErr'|translate\"></mat-error>\n    }\n    @if (form.controls.name.hasError('required')) {\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:'Field'\"></mat-error>\n    }\n  </mat-form-field>\n  <bizdoc-localized-string [placeholder]=\"'Note'|translate\" formControlName=\"note\"></bizdoc-localized-string>\n\n</form>\n", styles: ["form{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.PaneRef }], propDecorators: { handleKeyboardEvent: [{

package/esm2022/lib/admin/form/designer/settings.component.mjs

@@ -28,14 +28,14 @@ export class BoxSettingsComponent {
         }
     }
     save() { this._paneRef.close(this.form.value); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BoxSettingsComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BoxSettingsComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxSettingsComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: BoxSettingsComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
 <mat-toolbar>
   <button mat-icon-button (click)="save()" [disabled]="!form.dirty || !form.valid" [bizdocTooltip]="'Save'|translate"><mat-icon>save</mat-icon></button>
 </mat-toolbar>
 `, isInline: true, dependencies: [{ kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BoxSettingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxSettingsComponent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/admin/form/form.resolve.service.mjs

@@ -9,10 +9,10 @@ export class FormResolve {
     onResolve(params) {
         return firstValueFrom(this._service.form(params['id']));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormResolve, deps: [{ token: i1.SystemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormResolve }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FormResolve, deps: [{ token: i1.SystemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FormResolve }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FormResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FormResolve, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.SystemService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5yZXNvbHZlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2FkbWluL2Zvcm0vZm9ybS5yZXNvbHZlLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFNdEMsTUFBTSxPQUFPLFdBQVc7SUFDdEIsWUFBb0IsUUFBdUI7UUFBdkIsYUFBUSxHQUFSLFFBQVEsQ0FBZTtJQUFJLENBQUM7SUFDaEQsU0FBUyxDQUFDLE1BQWM7UUFDdEIsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBVyxDQUFDLENBQUMsQ0FBQztJQUNwRSxDQUFDOzhHQUpVLFdBQVc7a0hBQVgsV0FBVzs7MkZBQVgsV0FBVztrQkFEdkIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBQYXJhbXMgfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XHJcbmltcG9ydCB7IGZpcnN0VmFsdWVGcm9tIH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHsgU3lzdGVtU2VydmljZSB9IGZyb20gXCIuLi8uLi9hZG1pbi9zeXN0ZW0uc2VydmljZVwiO1xyXG5pbXBvcnQgeyBGb3JtIH0gZnJvbSBcIi4uLy4uL2NvcmUvbW9kZWxzXCI7XHJcbmltcG9ydCB7IFBhbmVSZXNvbHZlIH0gZnJvbSBcIi4uLy4uL2NvcmUvY29uZmlndXJhdGlvblwiO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgRm9ybVJlc29sdmUgaW1wbGVtZW50cyBQYW5lUmVzb2x2ZTxGb3JtPiB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfc2VydmljZTogU3lzdGVtU2VydmljZSkgeyB9XHJcbiAgb25SZXNvbHZlKHBhcmFtczogUGFyYW1zKTogUHJvbWlzZTxGb3JtPiB7XHJcbiAgICByZXR1cm4gZmlyc3RWYWx1ZUZyb20odGhpcy5fc2VydmljZS5mb3JtKHBhcmFtc1snaWQnXSBhcyBzdHJpbmcpKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/admin/form/workflow/node.component.mjs

@@ -138,10 +138,10 @@ export class WorkflowNodeComponent {
         this._elementDestroy.next();
         this._elementDestroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: WorkflowNodeComponent, deps: [{ token: i1.SessionService }, { token: i2.BizDocComponentFactoryResolver }, { token: i0.Injector }, { token: i3.TranslateService }, { token: i4.FormBuilder }, { token: i5.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: WorkflowNodeComponent, selector: "ng-component", outputs: { change: "change" }, viewQueries: [{ propertyName: "argumentstemplate", first: true, predicate: ["arguments"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "connectorargs", first: true, predicate: ["connectorargs"], descendants: true, static: true }], ngImport: i0, template: "<ng-container #arguments>\n</ng-container>\n<ng-template #connectorargs>\n  <form [formGroup]=\"connector\" class=\"column\" autocomplete=\"off\">\n    <mat-form-field>\n      <mat-select [placeholder]=\"'Action' | translate\" formControlName=\"action\">\n        @for (action of actions; track action) {\n          <mat-option [value]=\"action.name\">{{action.title}}</mat-option>\n        }\n        <mat-option>{{'None' | translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-button-toggle-group [value]=\"connector.controls.case.value\" #acase=\"matButtonToggleGroup\" (change)=\"connectorCaseChange($event)\">\n      <mat-button-toggle value=\"true\">{{'True' | translate}}</mat-button-toggle>\n      <mat-button-toggle value=\"false\">{{'False' | translate}}</mat-button-toggle>\n      <mat-button-toggle>{{'Case' | translate}}</mat-button-toggle>\n    </mat-button-toggle-group>\n    <mat-form-field [style.display]=\"connector.controls.case.value==='true'||connector.controls.case.value==='false'?'none':''\">\n      <input matInput [placeholder]=\"'Case' | translate\" formControlName=\"case\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: [":host{min-width:280px;padding:4px;display:block}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.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: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: WorkflowNodeComponent, deps: [{ token: i1.SessionService }, { token: i2.BizDocComponentFactoryResolver }, { token: i0.Injector }, { token: i3.TranslateService }, { token: i4.FormBuilder }, { token: i5.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: WorkflowNodeComponent, selector: "ng-component", outputs: { change: "change" }, viewQueries: [{ propertyName: "argumentstemplate", first: true, predicate: ["arguments"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "connectorargs", first: true, predicate: ["connectorargs"], descendants: true, static: true }], ngImport: i0, template: "<ng-container #arguments>\n</ng-container>\n<ng-template #connectorargs>\n  <form [formGroup]=\"connector\" class=\"column\" autocomplete=\"off\">\n    <mat-form-field>\n      <mat-select [placeholder]=\"'Action' | translate\" formControlName=\"action\">\n        @for (action of actions; track action) {\n          <mat-option [value]=\"action.name\">{{action.title}}</mat-option>\n        }\n        <mat-option>{{'None' | translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-button-toggle-group [value]=\"connector.controls.case.value\" #acase=\"matButtonToggleGroup\" (change)=\"connectorCaseChange($event)\">\n      <mat-button-toggle value=\"true\">{{'True' | translate}}</mat-button-toggle>\n      <mat-button-toggle value=\"false\">{{'False' | translate}}</mat-button-toggle>\n      <mat-button-toggle>{{'Case' | translate}}</mat-button-toggle>\n    </mat-button-toggle-group>\n    <mat-form-field [style.display]=\"connector.controls.case.value==='true'||connector.controls.case.value==='false'?'none':''\">\n      <input matInput [placeholder]=\"'Case' | translate\" formControlName=\"case\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: [":host{min-width:280px;padding:4px;display:block}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.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: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: WorkflowNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: WorkflowNodeComponent, decorators: [{
             type: Component,
             args: [{ template: "<ng-container #arguments>\n</ng-container>\n<ng-template #connectorargs>\n  <form [formGroup]=\"connector\" class=\"column\" autocomplete=\"off\">\n    <mat-form-field>\n      <mat-select [placeholder]=\"'Action' | translate\" formControlName=\"action\">\n        @for (action of actions; track action) {\n          <mat-option [value]=\"action.name\">{{action.title}}</mat-option>\n        }\n        <mat-option>{{'None' | translate}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-button-toggle-group [value]=\"connector.controls.case.value\" #acase=\"matButtonToggleGroup\" (change)=\"connectorCaseChange($event)\">\n      <mat-button-toggle value=\"true\">{{'True' | translate}}</mat-button-toggle>\n      <mat-button-toggle value=\"false\">{{'False' | translate}}</mat-button-toggle>\n      <mat-button-toggle>{{'Case' | translate}}</mat-button-toggle>\n    </mat-button-toggle-group>\n    <mat-form-field [style.display]=\"connector.controls.case.value==='true'||connector.controls.case.value==='false'?'none':''\">\n      <input matInput [placeholder]=\"'Case' | translate\" formControlName=\"case\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: [":host{min-width:280px;padding:4px;display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.BizDocComponentFactoryResolver }, { type: i0.Injector }, { type: i3.TranslateService }, { type: i4.FormBuilder }, { type: i5.PaneRef }], propDecorators: { change: [{

package/esm2022/lib/admin/form/workflow/role-node.component.mjs

@@ -66,8 +66,8 @@ let RoleNodeComponent = class RoleNodeComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: RoleNodeComponent, deps: [{ token: NodeRef }, { token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: RoleNodeComponent, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: TypeSelect, descendants: true }], ngImport: i0, template: "<form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n  <mat-form-field>\n    <bizdoc-select formControlName=\"roleName\" cdkFocusInitial [placeholder]=\"'Role'|translate\" required [type]=\"roles\"></bizdoc-select>\n    @if (form.controls.roleName.hasError('required')) {\n      <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-select formControlName=\"condition\" [placeholder]=\"'Requirments'|translate\">\n      <mat-option value=\"Anyone\">{{'Anyone'|translate}}</mat-option>\n      <mat-option value=\"Everyone\">{{'Everyone'|translate}}</mat-option>\n      <mat-option value=\"Count\">{{'Minimum'|translate}}</mat-option>\n      <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field [style.display]=\"form.value.condition === 'Count' || form.value.condition === 'Percent' ? '' : 'none'\">\n    <input matInput formControlName=\"minimum\" [placeholder]=\"'RequirmentsValue'|translate\" type=\"number\" required />\n    @if (form.value.condition === 'Percent') {\n      <span matSuffix>%</span>\n    }\n  </mat-form-field>\n  <mat-checkbox formControlName=\"optional\" required>{{'OptionalRole'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-ace-input formControlName=\"message\" [placeholder]=\"'Message'|translate\"></bizdoc-ace-input>\n    <mat-hint>{{'ProgrammableExpression'|translate}}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"fyi\" required>{{'FYI'|translate}}</mat-checkbox><mat-form-field>\n  <bizdoc-timespan-input formControlName=\"standardTime\" [placeholder]=\"'StandardTime'|translate\"></bizdoc-timespan-input>\n  <mat-icon matSuffix>timer</mat-icon>\n</mat-form-field>\n<mat-form-field>\n  <bizdoc-select formControlName=\"escalateRole\" [placeholder]=\"'EscalateRole'|translate\" [type]=\"roles\"></bizdoc-select>\n</mat-form-field>\n@if (form.controls.escalateRole.value) {\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"escalateTime\" [placeholder]=\"'EscalateIn'|translate\"\n    required></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n}\n<mat-form-field>\n  <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"if\"></bizdoc-ace-input>\n  <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n</mat-form-field>\n<mat-checkbox formControlName=\"skipInRoute\" required>{{'SkipInRoute'|translate}}</mat-checkbox>\n</form>\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.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: i6.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: i9.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "component", type: i10.TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RoleNodeComponent, deps: [{ token: NodeRef }, { token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: RoleNodeComponent, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: TypeSelect, descendants: true }], ngImport: i0, template: "<form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n  <mat-form-field>\n    <bizdoc-select formControlName=\"roleName\" cdkFocusInitial [placeholder]=\"'Role'|translate\" required [type]=\"roles\"></bizdoc-select>\n    @if (form.controls.roleName.hasError('required')) {\n    <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-select formControlName=\"condition\" [placeholder]=\"'Requirments'|translate\">\n      <mat-option value=\"Anyone\">{{'Anyone'|translate}}</mat-option>\n      <mat-option value=\"Everyone\">{{'Everyone'|translate}}</mat-option>\n      <mat-option value=\"Count\">{{'Minimum'|translate}}</mat-option>\n      <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field [style.display]=\"form.value.condition === 'Count' || form.value.condition === 'Percent' ? '' : 'none'\">\n    <input matInput formControlName=\"minimum\" [placeholder]=\"'RequirmentsValue'|translate\" type=\"number\" required />\n    @if (form.value.condition === 'Percent') {\n    <span matSuffix>%</span>\n    }\n  </mat-form-field>\n  <mat-checkbox formControlName=\"optional\" required>{{'OptionalRole'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-ace-input formControlName=\"message\" [placeholder]=\"'Message'|translate\"></bizdoc-ace-input>\n    <mat-hint>{{'ProgrammableExpression'|translate}}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"fyi\" required>{{'FYI'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"standardTime\" [placeholder]=\"'StandardTime'|translate\"></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n  <mat-form-field>\n    <bizdoc-select formControlName=\"escalateRole\" [placeholder]=\"'EscalateRole'|translate\" [type]=\"roles\"></bizdoc-select>\n  </mat-form-field>\n  @if (form.controls.escalateRole.value) {\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"escalateTime\" [placeholder]=\"'EscalateIn'|translate\"\n                           required></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"if\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"skipInRoute\" required>{{'SkipInRoute'|translate}}</mat-checkbox>\n</form>\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.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: i6.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: i9.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "component", type: i10.TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
 };
 RoleNodeComponent = __decorate([
     BizDoc({
@@ -75,9 +75,9 @@ RoleNodeComponent = __decorate([
     })
 ], RoleNodeComponent);
 export { RoleNodeComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: RoleNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RoleNodeComponent, decorators: [{
             type: Component,
-            args: [{ template: "<form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n  <mat-form-field>\n    <bizdoc-select formControlName=\"roleName\" cdkFocusInitial [placeholder]=\"'Role'|translate\" required [type]=\"roles\"></bizdoc-select>\n    @if (form.controls.roleName.hasError('required')) {\n      <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-select formControlName=\"condition\" [placeholder]=\"'Requirments'|translate\">\n      <mat-option value=\"Anyone\">{{'Anyone'|translate}}</mat-option>\n      <mat-option value=\"Everyone\">{{'Everyone'|translate}}</mat-option>\n      <mat-option value=\"Count\">{{'Minimum'|translate}}</mat-option>\n      <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field [style.display]=\"form.value.condition === 'Count' || form.value.condition === 'Percent' ? '' : 'none'\">\n    <input matInput formControlName=\"minimum\" [placeholder]=\"'RequirmentsValue'|translate\" type=\"number\" required />\n    @if (form.value.condition === 'Percent') {\n      <span matSuffix>%</span>\n    }\n  </mat-form-field>\n  <mat-checkbox formControlName=\"optional\" required>{{'OptionalRole'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-ace-input formControlName=\"message\" [placeholder]=\"'Message'|translate\"></bizdoc-ace-input>\n    <mat-hint>{{'ProgrammableExpression'|translate}}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"fyi\" required>{{'FYI'|translate}}</mat-checkbox><mat-form-field>\n  <bizdoc-timespan-input formControlName=\"standardTime\" [placeholder]=\"'StandardTime'|translate\"></bizdoc-timespan-input>\n  <mat-icon matSuffix>timer</mat-icon>\n</mat-form-field>\n<mat-form-field>\n  <bizdoc-select formControlName=\"escalateRole\" [placeholder]=\"'EscalateRole'|translate\" [type]=\"roles\"></bizdoc-select>\n</mat-form-field>\n@if (form.controls.escalateRole.value) {\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"escalateTime\" [placeholder]=\"'EscalateIn'|translate\"\n    required></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n}\n<mat-form-field>\n  <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"if\"></bizdoc-ace-input>\n  <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n</mat-form-field>\n<mat-checkbox formControlName=\"skipInRoute\" required>{{'SkipInRoute'|translate}}</mat-checkbox>\n</form>\n" }]
+            args: [{ template: "<form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n  <mat-form-field>\n    <bizdoc-select formControlName=\"roleName\" cdkFocusInitial [placeholder]=\"'Role'|translate\" required [type]=\"roles\"></bizdoc-select>\n    @if (form.controls.roleName.hasError('required')) {\n    <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <mat-select formControlName=\"condition\" [placeholder]=\"'Requirments'|translate\">\n      <mat-option value=\"Anyone\">{{'Anyone'|translate}}</mat-option>\n      <mat-option value=\"Everyone\">{{'Everyone'|translate}}</mat-option>\n      <mat-option value=\"Count\">{{'Minimum'|translate}}</mat-option>\n      <mat-option value=\"Percent\">{{'Percent'|translate}}</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field [style.display]=\"form.value.condition === 'Count' || form.value.condition === 'Percent' ? '' : 'none'\">\n    <input matInput formControlName=\"minimum\" [placeholder]=\"'RequirmentsValue'|translate\" type=\"number\" required />\n    @if (form.value.condition === 'Percent') {\n    <span matSuffix>%</span>\n    }\n  </mat-form-field>\n  <mat-checkbox formControlName=\"optional\" required>{{'OptionalRole'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-ace-input formControlName=\"message\" [placeholder]=\"'Message'|translate\"></bizdoc-ace-input>\n    <mat-hint>{{'ProgrammableExpression'|translate}}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"fyi\" required>{{'FYI'|translate}}</mat-checkbox>\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"standardTime\" [placeholder]=\"'StandardTime'|translate\"></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n  <mat-form-field>\n    <bizdoc-select formControlName=\"escalateRole\" [placeholder]=\"'EscalateRole'|translate\" [type]=\"roles\"></bizdoc-select>\n  </mat-form-field>\n  @if (form.controls.escalateRole.value) {\n  <mat-form-field>\n    <bizdoc-timespan-input formControlName=\"escalateTime\" [placeholder]=\"'EscalateIn'|translate\"\n                           required></bizdoc-timespan-input>\n    <mat-icon matSuffix>timer</mat-icon>\n  </mat-form-field>\n  }\n  <mat-form-field>\n    <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"if\"></bizdoc-ace-input>\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\n  </mat-form-field>\n  <mat-checkbox formControlName=\"skipInRoute\" required>{{'SkipInRoute'|translate}}</mat-checkbox>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i12.NodeRef, decorators: [{
                     type: Inject,
                     args: [NodeRef]
@@ -85,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
                 type: ViewChild,
                 args: [TypeSelect]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvYWRtaW4vZm9ybS93b3JrZmxvdy9yb2xlLW5vZGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9hZG1pbi9mb3JtL3dvcmtmbG93L3JvbGUtbm9kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsTUFBTSxFQUFxQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFlLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFXeEQsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBaUI7SUFpQjVCLFdBQVc7SUFDWCxZQUMyQixRQUFpQixFQUNsQyxHQUFnQjtRQURDLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDbEMsUUFBRyxHQUFILEdBQUcsQ0FBYTtRQWpCakIsU0FBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDO1lBQzdCLFFBQVEsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztZQUNyRCxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQ3JDLE9BQU8sRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDL0IsUUFBUSxFQUFFLEtBQUs7WUFDZixPQUFPLEVBQUUsSUFBSTtZQUNiLEdBQUcsRUFBRSxLQUFLO1lBQ1YsV0FBVyxFQUFFLEtBQUs7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsRUFBRSxFQUFFLElBQUk7U0FDVCxDQUFDLENBQUM7UUFDTSxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUt0QyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLFVBQVUsQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLFFBQVEsQ0FBQztJQUM1QixDQUFDO0lBQ0QsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3JGLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQztZQUN4QyxRQUFRLENBQUMsRUFBRSxDQUFDO2dCQUNWLEtBQUssT0FBTztvQkFDVixJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztvQkFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFDakIsTUFBTTtnQkFDUixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztvQkFDbEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDbkIsTUFBTTtnQkFDUjtvQkFDRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7b0JBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDeEIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0FoRFUsaUJBQWlCLGtCQW1CbEIsT0FBTztrR0FuQk4saUJBQWlCLDJGQUNqQixVQUFVLGdEQ25CdkIscS9FQThDQTs7QUQ1QmEsaUJBQWlCO0lBSDdCLE1BQU0sQ0FBQztRQUNOLFFBQVEsRUFBRSxrQkFBa0I7S0FDN0IsQ0FBQztHQUNXLGlCQUFpQixDQWlEN0I7OzJGQWpEWSxpQkFBaUI7a0JBVDdCLFNBQVM7OzswQkE0QkwsTUFBTTsyQkFBQyxPQUFPO21FQWxCTSxLQUFLO3NCQUEzQixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQXJndW1lbnRzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS9iYXNlJztcclxuaW1wb3J0IHsgQml6RG9jIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IE5vZGVSZWYgfSBmcm9tICcuL25vZGUtcmVmJztcclxuaW1wb3J0IHsgVHlwZVNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvaW5wdXRzL3NlbGVjdC5pbnB1dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZVVybDogJy4vcm9sZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZXM6IFtcclxuICAgIC8vICc6aG9zdHt3aWR0aDogMTAwJTt9J1xyXG4gIF1cclxufSlcclxuQEJpekRvYyh7XHJcbiAgc2VsZWN0b3I6ICdiaXpkb2Mtcm9sZS1ub2RlJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUm9sZU5vZGVDb21wb25lbnQgaW1wbGVtZW50cyBBcmd1bWVudHNDb21wb25lbnQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCwgT25Jbml0IHtcclxuICBAVmlld0NoaWxkKFR5cGVTZWxlY3QpIGlucHV0OiBUeXBlU2VsZWN0O1xyXG4gIHB1YmxpYyByZWFkb25seSByb2xlczogc3RyaW5nO1xyXG4gIHJlYWRvbmx5IGZvcm0gPSB0aGlzLl9mYi5ncm91cCh7XHJcbiAgICByb2xlTmFtZTogdGhpcy5fZmIuY29udHJvbChudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkKSxcclxuICAgIGNvbmRpdGlvbjogdGhpcy5fZmIuY29udHJvbCgnQW55b25lJyksXHJcbiAgICBtaW5pbXVtOiB0aGlzLl9mYi5jb250cm9sKG51bGwpLFxyXG4gICAgb3B0aW9uYWw6IGZhbHNlLFxyXG4gICAgbWVzc2FnZTogbnVsbCxcclxuICAgIGZ5aTogZmFsc2UsXHJcbiAgICBza2lwSW5Sb3V0ZTogZmFsc2UsXHJcbiAgICBzdGFuZGFyZFRpbWU6IG51bGwsXHJcbiAgICBlc2NhbGF0ZVJvbGU6IG51bGwsXHJcbiAgICBlc2NhbGF0ZVRpbWU6IG51bGwsXHJcbiAgICBpZjogbnVsbFxyXG4gIH0pO1xyXG4gIHJlYWRvbmx5IF9kZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICAvKiogY3RvciAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChOb2RlUmVmKSBwcml2YXRlIF9ub2RlUmVmOiBOb2RlUmVmLFxyXG4gICAgcHJpdmF0ZSBfZmI6IEZvcm1CdWlsZGVyKSB7XHJcbiAgICBjb25zdCBhcmcgPSB0aGlzLl9ub2RlUmVmLmFyZ3VtZW50cy5maW5kKGEgPT4gYS5uYW1lID09ICdyb2xlTmFtZScpO1xyXG4gICAgdGhpcy5yb2xlcyA9IGFyZy5kYXRhVHlwZTtcclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnB1dC5mb2N1cygpO1xyXG4gIH1cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZm9ybS5jb250cm9scy5jb25kaXRpb24udmFsdWVDaGFuZ2VzLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kpKS5zdWJzY3JpYmUodiA9PiB7XHJcbiAgICAgIGNvbnN0IGN0cmwgPSB0aGlzLmZvcm0uY29udHJvbHMubWluaW11bTtcclxuICAgICAgc3dpdGNoICh2KSB7XHJcbiAgICAgICAgY2FzZSAnQ291bnQnOlxyXG4gICAgICAgICAgY3RybC5zZXRWYWxpZGF0b3JzKFtWYWxpZGF0b3JzLm1pbigxKSwgVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xyXG4gICAgICAgICAgY3RybC5zZXRWYWx1ZSgxKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ1BlcmNlbnQnOlxyXG4gICAgICAgICAgY3RybC5zZXRWYWxpZGF0b3JzKFtWYWxpZGF0b3JzLm1pbigxKSwgVmFsaWRhdG9ycy5tYXgoMTAwKSwgVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xyXG4gICAgICAgICAgY3RybC5zZXRWYWx1ZSgxMDApO1xyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgIGN0cmwuY2xlYXJWYWxpZGF0b3JzKCk7XHJcbiAgICAgICAgICBjdHJsLnNldFZhbHVlKG51bGwpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9kZXN0cm95Lm5leHQoKTtcclxuICAgIHRoaXMuX2Rlc3Ryb3kuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgY2xhc3M9XCJjb2x1bW5cIj5cbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxiaXpkb2Mtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInJvbGVOYW1lXCIgY2RrRm9jdXNJbml0aWFsIFtwbGFjZWhvbGRlcl09XCInUm9sZSd8dHJhbnNsYXRlXCIgcmVxdWlyZWQgW3R5cGVdPVwicm9sZXNcIj48L2JpemRvYy1zZWxlY3Q+XG4gICAgQGlmIChmb3JtLmNvbnRyb2xzLnJvbGVOYW1lLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgICA8bWF0LWVycm9yPnt7J0FyZVJlcXVpcmVkRXJyJ3x0cmFuc2xhdGU6KCdSb2xlcyd8dHJhbnNsYXRlKX19PC9tYXQtZXJyb3I+XG4gICAgfVxuICA8L21hdC1mb3JtLWZpZWxkPlxuICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgPG1hdC1zZWxlY3QgZm9ybUNvbnRyb2xOYW1lPVwiY29uZGl0aW9uXCIgW3BsYWNlaG9sZGVyXT1cIidSZXF1aXJtZW50cyd8dHJhbnNsYXRlXCI+XG4gICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkFueW9uZVwiPnt7J0FueW9uZSd8dHJhbnNsYXRlfX08L21hdC1vcHRpb24+XG4gICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkV2ZXJ5b25lXCI+e3snRXZlcnlvbmUnfHRyYW5zbGF0ZX19PC9tYXQtb3B0aW9uPlxuICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJDb3VudFwiPnt7J01pbmltdW0nfHRyYW5zbGF0ZX19PC9tYXQtb3B0aW9uPlxuICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJQZXJjZW50XCI+e3snUGVyY2VudCd8dHJhbnNsYXRlfX08L21hdC1vcHRpb24+XG4gICAgPC9tYXQtc2VsZWN0PlxuICA8L21hdC1mb3JtLWZpZWxkPlxuICA8bWF0LWZvcm0tZmllbGQgW3N0eWxlLmRpc3BsYXldPVwiZm9ybS52YWx1ZS5jb25kaXRpb24gPT09ICdDb3VudCcgfHwgZm9ybS52YWx1ZS5jb25kaXRpb24gPT09ICdQZXJjZW50JyA/ICcnIDogJ25vbmUnXCI+XG4gICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cIm1pbmltdW1cIiBbcGxhY2Vob2xkZXJdPVwiJ1JlcXVpcm1lbnRzVmFsdWUnfHRyYW5zbGF0ZVwiIHR5cGU9XCJudW1iZXJcIiByZXF1aXJlZCAvPlxuICAgIEBpZiAoZm9ybS52YWx1ZS5jb25kaXRpb24gPT09ICdQZXJjZW50Jykge1xuICAgICAgPHNwYW4gbWF0U3VmZml4PiU8L3NwYW4+XG4gICAgfVxuICA8L21hdC1mb3JtLWZpZWxkPlxuICA8bWF0LWNoZWNrYm94IGZvcm1Db250cm9sTmFtZT1cIm9wdGlvbmFsXCIgcmVxdWlyZWQ+e3snT3B0aW9uYWxSb2xlJ3x0cmFuc2xhdGV9fTwvbWF0LWNoZWNrYm94PlxuICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgPGJpemRvYy1hY2UtaW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwibWVzc2FnZVwiIFtwbGFjZWhvbGRlcl09XCInTWVzc2FnZSd8dHJhbnNsYXRlXCI+PC9iaXpkb2MtYWNlLWlucHV0PlxuICAgIDxtYXQtaGludD57eydQcm9ncmFtbWFibGVFeHByZXNzaW9uJ3x0cmFuc2xhdGV9fTwvbWF0LWhpbnQ+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxtYXQtY2hlY2tib3ggZm9ybUNvbnRyb2xOYW1lPVwiZnlpXCIgcmVxdWlyZWQ+e3snRllJJ3x0cmFuc2xhdGV9fTwvbWF0LWNoZWNrYm94PjxtYXQtZm9ybS1maWVsZD5cbiAgPGJpemRvYy10aW1lc3Bhbi1pbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJzdGFuZGFyZFRpbWVcIiBbcGxhY2Vob2xkZXJdPVwiJ1N0YW5kYXJkVGltZSd8dHJhbnNsYXRlXCI+PC9iaXpkb2MtdGltZXNwYW4taW5wdXQ+XG4gIDxtYXQtaWNvbiBtYXRTdWZmaXg+dGltZXI8L21hdC1pY29uPlxuPC9tYXQtZm9ybS1maWVsZD5cbjxtYXQtZm9ybS1maWVsZD5cbiAgPGJpemRvYy1zZWxlY3QgZm9ybUNvbnRyb2xOYW1lPVwiZXNjYWxhdGVSb2xlXCIgW3BsYWNlaG9sZGVyXT1cIidFc2NhbGF0ZVJvbGUnfHRyYW5zbGF0ZVwiIFt0eXBlXT1cInJvbGVzXCI+PC9iaXpkb2Mtc2VsZWN0PlxuPC9tYXQtZm9ybS1maWVsZD5cbkBpZiAoZm9ybS5jb250cm9scy5lc2NhbGF0ZVJvbGUudmFsdWUpIHtcbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxiaXpkb2MtdGltZXNwYW4taW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwiZXNjYWxhdGVUaW1lXCIgW3BsYWNlaG9sZGVyXT1cIidFc2NhbGF0ZUluJ3x0cmFuc2xhdGVcIlxuICAgIHJlcXVpcmVkPjwvYml6ZG9jLXRpbWVzcGFuLWlucHV0PlxuICAgIDxtYXQtaWNvbiBtYXRTdWZmaXg+dGltZXI8L21hdC1pY29uPlxuICA8L21hdC1mb3JtLWZpZWxkPlxufVxuPG1hdC1mb3JtLWZpZWxkPlxuICA8Yml6ZG9jLWFjZS1pbnB1dCBbcGxhY2Vob2xkZXJdPVwiJ0NvbmRpdGlvbid8dHJhbnNsYXRlXCIgZm9ybUNvbnRyb2xOYW1lPVwiaWZcIj48L2JpemRvYy1hY2UtaW5wdXQ+XG4gIDxtYXQtaGludD4ge3sgJ1Byb2dyYW1tYWJsZUV4cHJlc3Npb24nfHRyYW5zbGF0ZSB9fTwvbWF0LWhpbnQ+XG48L21hdC1mb3JtLWZpZWxkPlxuPG1hdC1jaGVja2JveCBmb3JtQ29udHJvbE5hbWU9XCJza2lwSW5Sb3V0ZVwiIHJlcXVpcmVkPnt7J1NraXBJblJvdXRlJ3x0cmFuc2xhdGV9fTwvbWF0LWNoZWNrYm94PlxuPC9mb3JtPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvYWRtaW4vZm9ybS93b3JrZmxvdy9yb2xlLW5vZGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9hZG1pbi9mb3JtL3dvcmtmbG93L3JvbGUtbm9kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsTUFBTSxFQUFxQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFlLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFXeEQsSUFBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBaUI7SUFpQjVCLFdBQVc7SUFDWCxZQUMyQixRQUFpQixFQUNsQyxHQUFnQjtRQURDLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDbEMsUUFBRyxHQUFILEdBQUcsQ0FBYTtRQWpCakIsU0FBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDO1lBQzdCLFFBQVEsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztZQUNyRCxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQ3JDLE9BQU8sRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDL0IsUUFBUSxFQUFFLEtBQUs7WUFDZixPQUFPLEVBQUUsSUFBSTtZQUNiLEdBQUcsRUFBRSxLQUFLO1lBQ1YsV0FBVyxFQUFFLEtBQUs7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsRUFBRSxFQUFFLElBQUk7U0FDVCxDQUFDLENBQUM7UUFDTSxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUt0QyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLFVBQVUsQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLFFBQVEsQ0FBQztJQUM1QixDQUFDO0lBQ0QsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3JGLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQztZQUN4QyxRQUFRLENBQUMsRUFBRSxDQUFDO2dCQUNWLEtBQUssT0FBTztvQkFDVixJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztvQkFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFDakIsTUFBTTtnQkFDUixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztvQkFDbEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDbkIsTUFBTTtnQkFDUjtvQkFDRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7b0JBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDeEIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0FoRFUsaUJBQWlCLGtCQW1CbEIsT0FBTztrR0FuQk4saUJBQWlCLDJGQUNqQixVQUFVLGdEQ25CdkIsc2lGQStDQTs7QUQ3QmEsaUJBQWlCO0lBSDdCLE1BQU0sQ0FBQztRQUNOLFFBQVEsRUFBRSxrQkFBa0I7S0FDN0IsQ0FBQztHQUNXLGlCQUFpQixDQWlEN0I7OzJGQWpEWSxpQkFBaUI7a0JBVDdCLFNBQVM7OzswQkE0QkwsTUFBTTsyQkFBQyxPQUFPO21FQWxCTSxLQUFLO3NCQUEzQixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQXJndW1lbnRzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS9iYXNlJztcclxuaW1wb3J0IHsgQml6RG9jIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IE5vZGVSZWYgfSBmcm9tICcuL25vZGUtcmVmJztcclxuaW1wb3J0IHsgVHlwZVNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvaW5wdXRzL3NlbGVjdC5pbnB1dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZVVybDogJy4vcm9sZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZXM6IFtcclxuICAgIC8vICc6aG9zdHt3aWR0aDogMTAwJTt9J1xyXG4gIF1cclxufSlcclxuQEJpekRvYyh7XHJcbiAgc2VsZWN0b3I6ICdiaXpkb2Mtcm9sZS1ub2RlJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUm9sZU5vZGVDb21wb25lbnQgaW1wbGVtZW50cyBBcmd1bWVudHNDb21wb25lbnQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCwgT25Jbml0IHtcclxuICBAVmlld0NoaWxkKFR5cGVTZWxlY3QpIGlucHV0OiBUeXBlU2VsZWN0O1xyXG4gIHB1YmxpYyByZWFkb25seSByb2xlczogc3RyaW5nO1xyXG4gIHJlYWRvbmx5IGZvcm0gPSB0aGlzLl9mYi5ncm91cCh7XHJcbiAgICByb2xlTmFtZTogdGhpcy5fZmIuY29udHJvbChudWxsLCBWYWxpZGF0b3JzLnJlcXVpcmVkKSxcclxuICAgIGNvbmRpdGlvbjogdGhpcy5fZmIuY29udHJvbCgnQW55b25lJyksXHJcbiAgICBtaW5pbXVtOiB0aGlzLl9mYi5jb250cm9sKG51bGwpLFxyXG4gICAgb3B0aW9uYWw6IGZhbHNlLFxyXG4gICAgbWVzc2FnZTogbnVsbCxcclxuICAgIGZ5aTogZmFsc2UsXHJcbiAgICBza2lwSW5Sb3V0ZTogZmFsc2UsXHJcbiAgICBzdGFuZGFyZFRpbWU6IG51bGwsXHJcbiAgICBlc2NhbGF0ZVJvbGU6IG51bGwsXHJcbiAgICBlc2NhbGF0ZVRpbWU6IG51bGwsXHJcbiAgICBpZjogbnVsbFxyXG4gIH0pO1xyXG4gIHJlYWRvbmx5IF9kZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICAvKiogY3RvciAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChOb2RlUmVmKSBwcml2YXRlIF9ub2RlUmVmOiBOb2RlUmVmLFxyXG4gICAgcHJpdmF0ZSBfZmI6IEZvcm1CdWlsZGVyKSB7XHJcbiAgICBjb25zdCBhcmcgPSB0aGlzLl9ub2RlUmVmLmFyZ3VtZW50cy5maW5kKGEgPT4gYS5uYW1lID09ICdyb2xlTmFtZScpO1xyXG4gICAgdGhpcy5yb2xlcyA9IGFyZy5kYXRhVHlwZTtcclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnB1dC5mb2N1cygpO1xyXG4gIH1cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZm9ybS5jb250cm9scy5jb25kaXRpb24udmFsdWVDaGFuZ2VzLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kpKS5zdWJzY3JpYmUodiA9PiB7XHJcbiAgICAgIGNvbnN0IGN0cmwgPSB0aGlzLmZvcm0uY29udHJvbHMubWluaW11bTtcclxuICAgICAgc3dpdGNoICh2KSB7XHJcbiAgICAgICAgY2FzZSAnQ291bnQnOlxyXG4gICAgICAgICAgY3RybC5zZXRWYWxpZGF0b3JzKFtWYWxpZGF0b3JzLm1pbigxKSwgVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xyXG4gICAgICAgICAgY3RybC5zZXRWYWx1ZSgxKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ1BlcmNlbnQnOlxyXG4gICAgICAgICAgY3RybC5zZXRWYWxpZGF0b3JzKFtWYWxpZGF0b3JzLm1pbigxKSwgVmFsaWRhdG9ycy5tYXgoMTAwKSwgVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xyXG4gICAgICAgICAgY3RybC5zZXRWYWx1ZSgxMDApO1xyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgIGN0cmwuY2xlYXJWYWxpZGF0b3JzKCk7XHJcbiAgICAgICAgICBjdHJsLnNldFZhbHVlKG51bGwpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9kZXN0cm95Lm5leHQoKTtcclxuICAgIHRoaXMuX2Rlc3Ryb3kuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgY2xhc3M9XCJjb2x1bW5cIj5cbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxiaXpkb2Mtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInJvbGVOYW1lXCIgY2RrRm9jdXNJbml0aWFsIFtwbGFjZWhvbGRlcl09XCInUm9sZSd8dHJhbnNsYXRlXCIgcmVxdWlyZWQgW3R5cGVdPVwicm9sZXNcIj48L2JpemRvYy1zZWxlY3Q+XG4gICAgQGlmIChmb3JtLmNvbnRyb2xzLnJvbGVOYW1lLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgPG1hdC1lcnJvcj57eydBcmVSZXF1aXJlZEVycid8dHJhbnNsYXRlOignUm9sZXMnfHRyYW5zbGF0ZSl9fTwvbWF0LWVycm9yPlxuICAgIH1cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxtYXQtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cImNvbmRpdGlvblwiIFtwbGFjZWhvbGRlcl09XCInUmVxdWlybWVudHMnfHRyYW5zbGF0ZVwiPlxuICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJBbnlvbmVcIj57eydBbnlvbmUnfHRyYW5zbGF0ZX19PC9tYXQtb3B0aW9uPlxuICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJFdmVyeW9uZVwiPnt7J0V2ZXJ5b25lJ3x0cmFuc2xhdGV9fTwvbWF0LW9wdGlvbj5cbiAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiQ291bnRcIj57eydNaW5pbXVtJ3x0cmFuc2xhdGV9fTwvbWF0LW9wdGlvbj5cbiAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwiUGVyY2VudFwiPnt7J1BlcmNlbnQnfHRyYW5zbGF0ZX19PC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LXNlbGVjdD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1mb3JtLWZpZWxkIFtzdHlsZS5kaXNwbGF5XT1cImZvcm0udmFsdWUuY29uZGl0aW9uID09PSAnQ291bnQnIHx8IGZvcm0udmFsdWUuY29uZGl0aW9uID09PSAnUGVyY2VudCcgPyAnJyA6ICdub25lJ1wiPlxuICAgIDxpbnB1dCBtYXRJbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJtaW5pbXVtXCIgW3BsYWNlaG9sZGVyXT1cIidSZXF1aXJtZW50c1ZhbHVlJ3x0cmFuc2xhdGVcIiB0eXBlPVwibnVtYmVyXCIgcmVxdWlyZWQgLz5cbiAgICBAaWYgKGZvcm0udmFsdWUuY29uZGl0aW9uID09PSAnUGVyY2VudCcpIHtcbiAgICA8c3BhbiBtYXRTdWZmaXg+JTwvc3Bhbj5cbiAgICB9XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxtYXQtY2hlY2tib3ggZm9ybUNvbnRyb2xOYW1lPVwib3B0aW9uYWxcIiByZXF1aXJlZD57eydPcHRpb25hbFJvbGUnfHRyYW5zbGF0ZX19PC9tYXQtY2hlY2tib3g+XG4gIDxtYXQtZm9ybS1maWVsZD5cbiAgICA8Yml6ZG9jLWFjZS1pbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJtZXNzYWdlXCIgW3BsYWNlaG9sZGVyXT1cIidNZXNzYWdlJ3x0cmFuc2xhdGVcIj48L2JpemRvYy1hY2UtaW5wdXQ+XG4gICAgPG1hdC1oaW50Pnt7J1Byb2dyYW1tYWJsZUV4cHJlc3Npb24nfHRyYW5zbGF0ZX19PC9tYXQtaGludD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1jaGVja2JveCBmb3JtQ29udHJvbE5hbWU9XCJmeWlcIiByZXF1aXJlZD57eydGWUknfHRyYW5zbGF0ZX19PC9tYXQtY2hlY2tib3g+XG4gIDxtYXQtZm9ybS1maWVsZD5cbiAgICA8Yml6ZG9jLXRpbWVzcGFuLWlucHV0IGZvcm1Db250cm9sTmFtZT1cInN0YW5kYXJkVGltZVwiIFtwbGFjZWhvbGRlcl09XCInU3RhbmRhcmRUaW1lJ3x0cmFuc2xhdGVcIj48L2JpemRvYy10aW1lc3Bhbi1pbnB1dD5cbiAgICA8bWF0LWljb24gbWF0U3VmZml4PnRpbWVyPC9tYXQtaWNvbj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxiaXpkb2Mtc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cImVzY2FsYXRlUm9sZVwiIFtwbGFjZWhvbGRlcl09XCInRXNjYWxhdGVSb2xlJ3x0cmFuc2xhdGVcIiBbdHlwZV09XCJyb2xlc1wiPjwvYml6ZG9jLXNlbGVjdD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgQGlmIChmb3JtLmNvbnRyb2xzLmVzY2FsYXRlUm9sZS52YWx1ZSkge1xuICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgPGJpemRvYy10aW1lc3Bhbi1pbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJlc2NhbGF0ZVRpbWVcIiBbcGxhY2Vob2xkZXJdPVwiJ0VzY2FsYXRlSW4nfHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD48L2JpemRvYy10aW1lc3Bhbi1pbnB1dD5cbiAgICA8bWF0LWljb24gbWF0U3VmZml4PnRpbWVyPC9tYXQtaWNvbj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgfVxuICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgPGJpemRvYy1hY2UtaW5wdXQgW3BsYWNlaG9sZGVyXT1cIidDb25kaXRpb24nfHRyYW5zbGF0ZVwiIGZvcm1Db250cm9sTmFtZT1cImlmXCI+PC9iaXpkb2MtYWNlLWlucHV0PlxuICAgIDxtYXQtaGludD4ge3sgJ1Byb2dyYW1tYWJsZUV4cHJlc3Npb24nfHRyYW5zbGF0ZSB9fTwvbWF0LWhpbnQ+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxtYXQtY2hlY2tib3ggZm9ybUNvbnRyb2xOYW1lPVwic2tpcEluUm91dGVcIiByZXF1aXJlZD57eydTa2lwSW5Sb3V0ZSd8dHJhbnNsYXRlfX08L21hdC1jaGVja2JveD5cbjwvZm9ybT5cbiJdfQ==

package/esm2022/lib/admin/form/workflow/workflow.component.mjs

@@ -566,10 +566,10 @@ export class WorkflowComponent {
         this._nodedestroy.next();
         this._nodedestroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: WorkflowComponent, deps: [{ token: i1.PromptService }, { token: i2.SystemService }, { token: i3.PaneRef }, { token: i4.PanesRouter }, { token: i5.SessionService }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: WorkflowComponent, selector: "bizdoc-workflow", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "symbolPaletteEl", first: true, predicate: ["symbolPaletteEl"], descendants: true, static: true }, { propertyName: "diagramEl", first: true, predicate: ["diagramEl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\">{{'SaveChanges' | translate}}</button>\n  <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\n  <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons e-mouse-pointer\"></span></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>copy</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>paste</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\n          'e-orthogonal-line': connectorType === 'Orthogonal',\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\n      <span class=\"e-diagram-icon e-straight-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\n    </button>\n    <!--@if(connectors.length){\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n      @if(nodes[0].annotations.length){\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\n     }\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n    }-->\n  </mat-menu>\n  &nbsp;\n  <button mat-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\n          'e-border-left': alignment === 'Left',\n          'e-border-center': alignment === 'Center',\n          'e-border-bottom': alignment === 'Bottom',\n          'e-border-right': alignment === 'Right'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"align('Top')\">\n      <span class=\"e-icons e-border-top\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Left')\">\n      <span class=\"e-icons e-border-left\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Center')\">\n      <span class=\"e-icons e-border-center\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Right')\">\n      <span class=\"e-icons e-border-right\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Bottom')\">\n      <span class=\"e-icons e-border-bottom\"></span>\n    </button>\n  </mat-menu>\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\n          [bizdocTooltip]=\"'FontSize'|translate\">\n    <mat-icon>format_size</mat-icon>\n  </button>\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\n    @for (size of fontSizes; track size) {\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\n      {{size}}\n    </button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\n</mat-toolbar>\n<div class=\"row container\">\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\n    <div dir=\"ltr\" #symbolPaletteEl>\n    </div>\n  </div>\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\n  </div>\n</div>\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.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: i13.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: WorkflowComponent, deps: [{ token: i1.PromptService }, { token: i2.SystemService }, { token: i3.PaneRef }, { token: i4.PanesRouter }, { token: i5.SessionService }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: WorkflowComponent, selector: "bizdoc-workflow", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "symbolPaletteEl", first: true, predicate: ["symbolPaletteEl"], descendants: true, static: true }, { propertyName: "diagramEl", first: true, predicate: ["diagramEl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\">{{'SaveChanges' | translate}}</button>\n  <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\n  <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons e-mouse-pointer\"></span></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>copy</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>paste</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\n          'e-orthogonal-line': connectorType === 'Orthogonal',\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\n      <span class=\"e-diagram-icon e-straight-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\n    </button>\n    <!--@if(connectors.length){\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n      @if(nodes[0].annotations.length){\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\n     }\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n    }-->\n  </mat-menu>\n  &nbsp;\n  <button mat-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\n          'e-border-left': alignment === 'Left',\n          'e-border-center': alignment === 'Center',\n          'e-border-bottom': alignment === 'Bottom',\n          'e-border-right': alignment === 'Right'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"align('Top')\">\n      <span class=\"e-icons e-border-top\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Left')\">\n      <span class=\"e-icons e-border-left\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Center')\">\n      <span class=\"e-icons e-border-center\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Right')\">\n      <span class=\"e-icons e-border-right\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Bottom')\">\n      <span class=\"e-icons e-border-bottom\"></span>\n    </button>\n  </mat-menu>\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\n          [bizdocTooltip]=\"'FontSize'|translate\">\n    <mat-icon>format_size</mat-icon>\n  </button>\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\n    @for (size of fontSizes; track size) {\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\n      {{size}}\n    </button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\n</mat-toolbar>\n<div class=\"row container\">\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\n    <div dir=\"ltr\" #symbolPaletteEl>\n    </div>\n  </div>\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\n  </div>\n</div>\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.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: i13.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: WorkflowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: WorkflowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-workflow', template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\">{{'SaveChanges' | translate}}</button>\n  <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\n  <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons e-mouse-pointer\"></span></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>copy</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>paste</mat-icon></button>\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\n  <span class=\"tools-divider\"></span>\n  <button mat-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\n          'e-orthogonal-line': connectorType === 'Orthogonal',\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\n      <span class=\"e-diagram-icon e-straight-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\n    </button>\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\n    </button>\n    <!--@if(connectors.length){\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n      @if(nodes[0].annotations.length){\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\n     }\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\n    }-->\n  </mat-menu>\n  &nbsp;\n  <button mat-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\n          'e-border-left': alignment === 'Left',\n          'e-border-center': alignment === 'Center',\n          'e-border-bottom': alignment === 'Bottom',\n          'e-border-right': alignment === 'Right'}\"></span>\n    <mat-icon>arrow_drop_down</mat-icon>\n  </button>\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\n    <button mat-menu-item (click)=\"align('Top')\">\n      <span class=\"e-icons e-border-top\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Left')\">\n      <span class=\"e-icons e-border-left\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Center')\">\n      <span class=\"e-icons e-border-center\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Right')\">\n      <span class=\"e-icons e-border-right\"></span>\n    </button>\n    <button mat-menu-item (click)=\"align('Bottom')\">\n      <span class=\"e-icons e-border-bottom\"></span>\n    </button>\n  </mat-menu>\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\n          [bizdocTooltip]=\"'FontSize'|translate\">\n    <mat-icon>format_size</mat-icon>\n  </button>\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\n    @for (size of fontSizes; track size) {\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\n      {{size}}\n    </button>\n    }\n  </mat-menu>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\n</mat-toolbar>\n<div class=\"row container\">\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\n    <div dir=\"ltr\" #symbolPaletteEl>\n    </div>\n  </div>\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\n  </div>\n</div>\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}\n"] }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.SystemService }, { type: i3.PaneRef }, { type: i4.PanesRouter }, { type: i5.SessionService }, { type: i6.TranslateService }], propDecorators: { symbolPaletteEl: [{

package/esm2022/lib/admin/indices/manage-cube-index.component.mjs

@@ -140,14 +140,14 @@ let ManageCubeIndexUtility = class ManageCubeIndexUtility {
     ngOnDestroy() {
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ManageCubeIndexUtility, deps: [{ token: i1.Directionality }, { token: UtilityRef }, { token: i2.SessionService }, { token: i0.ViewContainerRef }, { token: i3.PromptService }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: ManageCubeIndexUtility, selector: "ng-component", viewQueries: [{ propertyName: "editTmpl", first: true, predicate: ["editTmpl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<table mat-table [dataSource]=\"dataSource\">\n  @for (a of axes; track a; let i = $index) {\n    <ng-container [matColumnDef]=\"a.name\">\n      <th mat-header-cell *matHeaderCellDef>{{a.title}}</th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.axes[names.indexOf(a.name)]| typeValue: a.dataType | async}} </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef>{{'Value'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.value | currency : CURRENCY_CODE }} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button><mat-icon>more_horiz</mat-icon></button>\n      <button mat-icon-button (click)=\"remove(element, $event)\"><mat-icon>delete</mat-icon></button>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"edit(element)\"></tr>\n</table>\n<ng-template #editTmpl>\n  <form [formGroup]=\"form\">\n    @for (a of axes; track a) {\n      <mat-form-field>\n        <bizdoc-select [placeholder]=\"a.title\" [type]=\"a.dataType\" [formControlName]=\"a.name\" required></bizdoc-select>\n      </mat-form-field>\n    }\n    <mat-form-field>\n      <input matInput type=\"number\" formControlName=\"value\" autocomplete=\"off\" required [placeholder]=\"'Value'|translate\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: ["form{padding:8px 4px 8px 8px;flex-flow:row wrap;box-sizing:border-box;display:flex}form>*{flex:1 1 auto;box-sizing:border-box;width:50%;padding:0 5px 0 0}table{width:100%}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i11.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: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i14.AsyncPipe, name: "async" }, { kind: "pipe", type: i14.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i15.TypeValuePipe, name: "typeValue" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ManageCubeIndexUtility, deps: [{ token: i1.Directionality }, { token: UtilityRef }, { token: i2.SessionService }, { token: i0.ViewContainerRef }, { token: i3.PromptService }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ManageCubeIndexUtility, selector: "ng-component", viewQueries: [{ propertyName: "editTmpl", first: true, predicate: ["editTmpl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<table mat-table [dataSource]=\"dataSource\">\n  @for (a of axes; track a; let i = $index) {\n    <ng-container [matColumnDef]=\"a.name\">\n      <th mat-header-cell *matHeaderCellDef>{{a.title}}</th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.axes[names.indexOf(a.name)]| typeValue: a.dataType | async}} </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef>{{'Value'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.value | currency : CURRENCY_CODE }} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button><mat-icon>more_horiz</mat-icon></button>\n      <button mat-icon-button (click)=\"remove(element, $event)\"><mat-icon>delete</mat-icon></button>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"edit(element)\"></tr>\n</table>\n<ng-template #editTmpl>\n  <form [formGroup]=\"form\">\n    @for (a of axes; track a) {\n      <mat-form-field>\n        <bizdoc-select [placeholder]=\"a.title\" [type]=\"a.dataType\" [formControlName]=\"a.name\" required></bizdoc-select>\n      </mat-form-field>\n    }\n    <mat-form-field>\n      <input matInput type=\"number\" formControlName=\"value\" autocomplete=\"off\" required [placeholder]=\"'Value'|translate\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: ["form{padding:8px 4px 8px 8px;flex-flow:row wrap;box-sizing:border-box;display:flex}form>*{flex:1 1 auto;box-sizing:border-box;width:50%;padding:0 5px 0 0}table{width:100%}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i11.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: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i14.AsyncPipe, name: "async" }, { kind: "pipe", type: i14.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i15.TypeValuePipe, name: "typeValue" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
 };
 ManageCubeIndexUtility = __decorate([
     BizDoc({ selector: 'manage-cube-index' })
 ], ManageCubeIndexUtility);
 export { ManageCubeIndexUtility };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ManageCubeIndexUtility, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ManageCubeIndexUtility, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"add()\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<table mat-table [dataSource]=\"dataSource\">\n  @for (a of axes; track a; let i = $index) {\n    <ng-container [matColumnDef]=\"a.name\">\n      <th mat-header-cell *matHeaderCellDef>{{a.title}}</th>\n      <td mat-cell *matCellDef=\"let element\"> {{element.axes[names.indexOf(a.name)]| typeValue: a.dataType | async}} </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef>{{'Value'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.value | currency : CURRENCY_CODE }} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button><mat-icon>more_horiz</mat-icon></button>\n      <button mat-icon-button (click)=\"remove(element, $event)\"><mat-icon>delete</mat-icon></button>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"edit(element)\"></tr>\n</table>\n<ng-template #editTmpl>\n  <form [formGroup]=\"form\">\n    @for (a of axes; track a) {\n      <mat-form-field>\n        <bizdoc-select [placeholder]=\"a.title\" [type]=\"a.dataType\" [formControlName]=\"a.name\" required></bizdoc-select>\n      </mat-form-field>\n    }\n    <mat-form-field>\n      <input matInput type=\"number\" formControlName=\"value\" autocomplete=\"off\" required [placeholder]=\"'Value'|translate\" />\n    </mat-form-field>\n  </form>\n</ng-template>\n", styles: ["form{padding:8px 4px 8px 8px;flex-flow:row wrap;box-sizing:border-box;display:flex}form>*{flex:1 1 auto;box-sizing:border-box;width:50%;padding:0 5px 0 0}table{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.Directionality }, { type: i17.UtilityRef, decorators: [{