@bizdoc/core 2.2.3 → 2.3.4

package/assets/system/hibob.svg

@@ -0,0 +1,7 @@
+<svg width="720" height="720" viewBox="0 0 720 720" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="720" height="720" rx="130" fill="#E42C53"/>
+<path d="M196.061 454.437C184.995 454.261 174.228 450.82 165.112 444.544C155.996 438.268 148.938 429.439 144.825 419.165C140.711 408.89 139.726 397.63 141.992 386.797C144.258 375.964 149.675 366.043 157.562 358.279C165.449 350.515 175.454 345.256 186.321 343.16C197.188 341.065 208.432 342.228 218.64 346.502C228.848 350.777 237.566 357.973 243.697 367.187C249.828 376.4 253.1 387.22 253.102 398.287C252.96 413.29 246.877 427.625 236.185 438.15C225.493 448.675 211.064 454.532 196.061 454.437ZM124.51 238.002C122.616 237.969 120.735 238.313 118.976 239.015C117.217 239.717 115.615 240.762 114.265 242.09C112.914 243.417 111.841 245 111.109 246.747C110.377 248.494 110 250.369 110 252.262V398.073C110.179 420.735 119.341 442.4 135.476 458.314C151.61 474.227 173.399 483.09 196.061 482.958C218.698 483.062 240.454 474.191 256.564 458.288C272.674 442.385 281.826 420.746 282.014 398.109C281.788 375.497 272.62 353.894 256.514 338.022C240.408 322.15 218.673 313.298 196.061 313.403C175.077 313.353 154.796 320.959 139.02 334.794V252.298C139.02 250.404 138.643 248.529 137.911 246.783C137.179 245.036 136.106 243.453 134.755 242.125C133.404 240.798 131.803 239.753 130.044 239.051C128.285 238.349 126.403 238.005 124.51 238.038" fill="white"/>
+<path d="M370 460.641C357.705 460.662 345.681 457.035 335.448 450.22C325.215 443.405 317.234 433.708 312.515 422.355C307.795 411.003 306.549 398.505 308.935 386.445C311.32 374.384 317.23 363.302 325.916 354.601C334.602 345.9 345.674 339.971 357.731 337.565C369.787 335.158 382.287 336.383 393.648 341.083C405.008 345.783 414.719 353.747 421.552 363.968C428.385 374.189 432.032 386.207 432.032 398.502C432.022 414.961 425.487 430.744 413.859 442.392C402.231 454.041 386.459 460.603 370 460.641ZM370 320.07C349.198 320.07 329.249 328.334 314.54 343.042C299.832 357.751 291.568 377.7 291.568 398.502C291.568 419.303 299.832 439.252 314.54 453.961C329.249 468.67 349.198 476.933 370 476.933C390.801 476.933 410.75 468.67 425.459 453.961C440.168 439.252 448.431 419.303 448.431 398.502C448.431 377.7 440.168 357.751 425.459 343.042C410.75 328.334 390.801 320.07 370 320.07Z" fill="white"/>
+<path d="M460.731 239.749V473.118H610H460.731V239.749Z" fill="white"/>
+<path d="M535.526 464.704C522.427 464.725 509.617 460.861 498.716 453.599C487.815 446.337 479.313 436.005 474.286 423.91C469.259 411.815 467.932 398.5 470.475 385.651C473.017 372.802 479.314 360.996 488.568 351.726C497.823 342.457 509.619 336.141 522.464 333.578C535.309 331.015 548.626 332.32 560.729 337.327C572.832 342.335 583.178 350.82 590.457 361.71C597.736 372.599 601.622 385.403 601.622 398.501C601.613 416.038 594.649 432.855 582.259 445.266C569.869 457.676 553.062 464.667 535.526 464.704ZM465.365 240.105C464.302 240.114 463.285 240.536 462.526 241.281C461.768 242.026 461.329 243.036 461.301 244.098V398.394C461.322 413.07 465.693 427.41 473.862 439.602C482.031 451.794 493.631 461.291 507.195 466.892C520.76 472.494 535.681 473.949 550.072 471.073C564.463 468.197 577.678 461.119 588.048 450.734C598.418 440.349 605.477 427.124 608.332 412.728C611.187 398.333 609.711 383.415 604.09 369.858C598.469 356.302 588.955 344.716 576.752 336.564C564.548 328.413 550.201 324.063 535.526 324.063C521.829 324.088 508.406 327.901 496.741 335.08C485.076 342.258 475.624 352.524 469.43 364.74V244.098C469.403 243.063 468.982 242.077 468.253 241.342C467.525 240.607 466.543 240.177 465.508 240.141" fill="white"/>
+</svg>

package/esm2022/lib/admin/admin-dismiss.service.mjs

@@ -19,10 +19,10 @@ export class AdminDismiss {
         else
             return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AdminDismiss, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AdminDismiss }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AdminDismiss, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AdminDismiss }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AdminDismiss, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AdminDismiss, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.MatDialog }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4tZGlzbWlzcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9hZG1pbi9hZG1pbi1kaXNtaXNzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUczQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBSWhFLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQ1UsT0FBa0I7UUFBbEIsWUFBTyxHQUFQLE9BQU8sQ0FBVztJQUM1QixDQUFDO0lBQ0QsU0FBUyxDQUFDLFNBQXlCO1FBQ2pDLElBQUksU0FBUyxDQUFDLEtBQUs7WUFDakIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztnQkFDbEMsV0FBVyxFQUFFO2dCQUNiLFNBQVMsQ0FBQyxFQUFFLENBQUMsRUFBRTtnQkFDYixJQUFJLEVBQUU7b0JBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxDQUFDLENBQUM7O29CQUN0RCxPQUFPLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDLENBQUM7O1lBRVIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQzs4R0FmVSxZQUFZO2tIQUFaLFlBQVk7OzJGQUFaLFlBQVk7a0JBRHhCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQgeyBDYW5EaXNtaXNzIH0gZnJvbSBcIi4uL2NvcmUvY29uZmlndXJhdGlvblwiO1xyXG5pbXBvcnQgeyBTYXZlQ2hhbmdlc0RpYWxvZyB9IGZyb20gXCIuLi9jb3JlL3NhdmUtY2hhbmdlcy5kaWFsb2dcIjtcclxuXHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBBZG1pbkRpc21pc3MgaW1wbGVtZW50cyBDYW5EaXNtaXNzPEFkbWluQ29tcG9uZW50PiB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIF9kaWFsb2c6IE1hdERpYWxvZykge1xyXG4gIH1cclxuICBvbkRpc21pc3MoY29tcG9uZW50OiBBZG1pbkNvbXBvbmVudCk6IFByb21pc2U8Ym9vbGVhbj4gfCBib29sZWFuIHtcclxuICAgIGlmIChjb21wb25lbnQuZGlydHkpXHJcbiAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PlxyXG4gICAgICAgIHRoaXMuX2RpYWxvZy5vcGVuKFNhdmVDaGFuZ2VzRGlhbG9nKS5cclxuICAgICAgICAgIGFmdGVyQ2xvc2VkKCkuXHJcbiAgICAgICAgICBzdWJzY3JpYmUob2sgPT4ge1xyXG4gICAgICAgICAgICBpZiAob2spIGNvbXBvbmVudC5zYXZlKCkudGhlbigoKSA9PiByZXNvbHZlKHRydWUpLCByZWplY3QpO1xyXG4gICAgICAgICAgICBlbHNlIHJlc29sdmUob2sgIT09IGZhbHNlKTtcclxuICAgICAgICAgIH0pKTsgXHJcbiAgICBlbHNlXHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBBZG1pbkNvbXBvbmVudCB7XHJcbiAgc2F2ZSgpOiBQcm9taXNlPGFueT47XHJcbiAgZGlydHk6IGJvb2xlYW47XHJcbn1cclxuIl19

package/esm2022/lib/admin/admin-menu.component.mjs

@@ -14,10 +14,10 @@ export class AdminMenuComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AdminMenuComponent, deps: [{ token: i1.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: { collapsed: "collapsed" }, ngImport: i0, template: "<!--<span class=\"mat-subheader\">BizDoc</span>\r\n<h1 class=\"mat-display-1\">{{'System'|translate}}</h1>-->\r\n\r\n<mat-nav-list>\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Workflow'|translate}}</h3>\r\n  <mat-list-item *ngFor=\"let f of profile.forms\" [slotRouterLink]='[\"admin/forms\", f.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"f.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{f.icon|| 'description'}}</mat-icon>\r\n    <span matListItemTitle>{{f.title}}</span>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Tools'|translate}}</h3>\r\n\r\n  <mat-list-item *ngFor=\"let u of profile.utilities\" [slotRouterLink]='[\"admin/tools\", u.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"u.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{u.icon || 'build'}}</mat-icon>\r\n    <span matListItemTitle>{{u.title}}</span>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i3.MatListItemTitle, selector: "[matListItemTitle]" }, { 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: "directive", type: i7.SlotRouterDirective, selector: "[slotRouterLink]", inputs: ["slotRouterLink", "slotRouterLinkActive", "slotRouterLinkDisabled", "slotRouterLinkPolicy", "slotRouterLinkOptions"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AdminMenuComponent, deps: [{ token: i1.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: { collapsed: "collapsed" }, ngImport: i0, template: "<!--<span class=\"mat-subheader\">BizDoc</span>\r\n<h1 class=\"mat-display-1\">{{'System'|translate}}</h1>-->\r\n\r\n<mat-nav-list>\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Workflow'|translate}}</h3>\r\n  <mat-list-item *ngFor=\"let f of profile.forms\" [slotRouterLink]='[\"admin/forms\", f.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"f.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{f.icon|| 'description'}}</mat-icon>\r\n    <span matListItemTitle>{{f.title}}</span>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Tools'|translate}}</h3>\r\n\r\n  <mat-list-item *ngFor=\"let u of profile.utilities\" [slotRouterLink]='[\"admin/tools\", u.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"u.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{u.icon || 'build'}}</mat-icon>\r\n    <span matListItemTitle>{{u.title}}</span>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i3.MatListItemTitle, selector: "[matListItemTitle]" }, { 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: "directive", type: i7.SlotRouterDirective, selector: "[slotRouterLink]", inputs: ["slotRouterLink", "slotRouterLinkActive", "slotRouterLinkDisabled", "slotRouterLinkPolicy", "slotRouterLinkOptions"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AdminMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AdminMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-admin-menu', template: "<!--<span class=\"mat-subheader\">BizDoc</span>\r\n<h1 class=\"mat-display-1\">{{'System'|translate}}</h1>-->\r\n\r\n<mat-nav-list>\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Workflow'|translate}}</h3>\r\n  <mat-list-item *ngFor=\"let f of profile.forms\" [slotRouterLink]='[\"admin/forms\", f.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"f.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{f.icon|| 'description'}}</mat-icon>\r\n    <span matListItemTitle>{{f.title}}</span>\r\n  </mat-list-item>\r\n  <mat-divider></mat-divider>\r\n\r\n  <h3 matSubheader *ngIf=\"!collapsed\">{{'Tools'|translate}}</h3>\r\n\r\n  <mat-list-item *ngFor=\"let u of profile.utilities\" [slotRouterLink]='[\"admin/tools\", u.name]' slotRouterLinkActive=\"active\">\r\n    <mat-icon matListItemIcon [bizdocTooltip]=\"u.title\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">{{u.icon || 'build'}}</mat-icon>\r\n    <span matListItemTitle>{{u.title}}</span>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n" }]
         }], ctorParameters: () => [{ type: i1.SessionService }], propDecorators: { collapsed: [{

package/esm2022/lib/admin/architecture/cube-axes-filter.component.mjs

@@ -79,10 +79,10 @@ export class DesignerCubeFilterComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerCubeFilterComponent, deps: [{ token: i1.CubeService }, { token: i2.DesignerRef }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: { cube: "cube", form: "form" }, usesOnChanges: true, ngImport: i0, template: "<h2 class=\"mat-mdc-title\">{{'Filters'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field *ngFor=\"let a of cube.axes\" [ngSwitch]=\"a.selectionMode\" [attr.data-help]=\"'axis-'+a.name\">\r\n    <ng-container *ngSwitchCase=\"'Pattern'\">\r\n      <input matInput autocomplete=\"off\"\r\n             [pattern]=\"pattern\" [autofocus]\r\n             [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" />\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'Search'\">\r\n      <input matInput autocomplete=\"off\" type=\"search\"\r\n             [matAutocomplete]=\"segment\" #inp\r\n             [placeholder]=\"a.title||a.name\" />\r\n      <mat-autocomplete #segment [displayWith]=\"display\"\r\n                        (optionSelected)=\"change(a.name, $event)\">\r\n        <mat-option *ngFor=\"let r of sources[a.name] | async | filter : 'value' : inp.value | slice:0:50\" [value]=\"r\">{{r.value}}</mat-option>\r\n      </mat-autocomplete>\r\n      <button mat-icon-button *ngIf=\"inp.value\" matSuffix aria-label=\"\" (click)=\"inp.value = ''; form.controls[a.name].setValue(null)\"><mat-icon>close</mat-icon></button>\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <mat-select [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" [multiple]=\"a.selectionMode === 'Multiple'\" *ngSwitchDefault>\r\n      <mat-option *ngIf=\"a.selectionMode !== 'Multiple'\">{{'All' | translate}}</mat-option>\r\n      <mat-option *ngFor=\"let r of sources[a.name] | async\" [value]=\"r.key\">{{r.value}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "aria-describedby", "panelClass", "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: i9.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.FilterPipe, name: "filter" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerCubeFilterComponent, deps: [{ token: i1.CubeService }, { token: i2.DesignerRef }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: { cube: "cube", form: "form" }, usesOnChanges: true, ngImport: i0, template: "<h2 class=\"mat-mdc-title\">{{'Filters'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field *ngFor=\"let a of cube.axes\" [ngSwitch]=\"a.selectionMode\" [attr.data-help]=\"'axis-'+a.name\">\r\n    <ng-container *ngSwitchCase=\"'Pattern'\">\r\n      <input matInput autocomplete=\"off\"\r\n             [pattern]=\"pattern\" [autofocus]\r\n             [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" />\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'Search'\">\r\n      <input matInput autocomplete=\"off\" type=\"search\"\r\n             [matAutocomplete]=\"segment\" #inp\r\n             [placeholder]=\"a.title||a.name\" />\r\n      <mat-autocomplete #segment [displayWith]=\"display\"\r\n                        (optionSelected)=\"change(a.name, $event)\">\r\n        <mat-option *ngFor=\"let r of sources[a.name] | async | filter : 'value' : inp.value | slice:0:50\" [value]=\"r\">{{r.value}}</mat-option>\r\n      </mat-autocomplete>\r\n      <button mat-icon-button *ngIf=\"inp.value\" matSuffix aria-label=\"\" (click)=\"inp.value = ''; form.controls[a.name].setValue(null)\"><mat-icon>close</mat-icon></button>\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <mat-select [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" [multiple]=\"a.selectionMode === 'Multiple'\" *ngSwitchDefault>\r\n      <mat-option *ngIf=\"a.selectionMode !== 'Multiple'\">{{'All' | translate}}</mat-option>\r\n      <mat-option *ngFor=\"let r of sources[a.name] | async\" [value]=\"r.key\">{{r.value}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "aria-describedby", "panelClass", "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: i9.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.FilterPipe, name: "filter" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerCubeFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerCubeFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-designer-cube-filter', template: "<h2 class=\"mat-mdc-title\">{{'Filters'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field *ngFor=\"let a of cube.axes\" [ngSwitch]=\"a.selectionMode\" [attr.data-help]=\"'axis-'+a.name\">\r\n    <ng-container *ngSwitchCase=\"'Pattern'\">\r\n      <input matInput autocomplete=\"off\"\r\n             [pattern]=\"pattern\" [autofocus]\r\n             [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" />\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'Search'\">\r\n      <input matInput autocomplete=\"off\" type=\"search\"\r\n             [matAutocomplete]=\"segment\" #inp\r\n             [placeholder]=\"a.title||a.name\" />\r\n      <mat-autocomplete #segment [displayWith]=\"display\"\r\n                        (optionSelected)=\"change(a.name, $event)\">\r\n        <mat-option *ngFor=\"let r of sources[a.name] | async | filter : 'value' : inp.value | slice:0:50\" [value]=\"r\">{{r.value}}</mat-option>\r\n      </mat-autocomplete>\r\n      <button mat-icon-button *ngIf=\"inp.value\" matSuffix aria-label=\"\" (click)=\"inp.value = ''; form.controls[a.name].setValue(null)\"><mat-icon>close</mat-icon></button>\r\n      <mat-error *ngIf=\"form.controls[a.name].invalid\">{{'AxisPatternErr' |translate}}</mat-error>\r\n    </ng-container>\r\n    <mat-select [formControlName]=\"a.name\" [placeholder]=\"a.title||a.name\" [multiple]=\"a.selectionMode === 'Multiple'\" *ngSwitchDefault>\r\n      <mat-option *ngIf=\"a.selectionMode !== 'Multiple'\">{{'All' | translate}}</mat-option>\r\n      <mat-option *ngFor=\"let r of sources[a.name] | async\" [value]=\"r.key\">{{r.value}}</mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.CubeService }, { type: i2.DesignerRef }, { type: i3.FormBuilder }], propDecorators: { cube: [{

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

@@ -25,10 +25,10 @@ export class EditContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EditContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: EditContentDirective, selector: "[bizdocEditContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: EditContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: EditContentDirective, selector: "[bizdocEditContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EditContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: EditContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocEditContent]'
@@ -38,10 +38,10 @@ export class WidgetContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: WidgetContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: WidgetContentDirective, selector: "[bizdocContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: WidgetContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: WidgetContentDirective, selector: "[bizdocContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: WidgetContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: WidgetContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocContent]'
@@ -51,10 +51,10 @@ export class AddContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AddContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: AddContentDirective, selector: "[bizdocAddContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AddContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: AddContentDirective, selector: "[bizdocAddContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AddContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AddContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocAddContent]'
@@ -70,10 +70,10 @@ export class DesignerItemOptionsComponent {
     constructor(_elemetDesigner) {
         this._elemetDesigner = _elemetDesigner;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerItemOptionsComponent, deps: [{ token: DesignerItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: DesignerItemOptionsComponent, selector: "bizdoc-designer-options", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerItemOptionsComponent, deps: [{ token: DesignerItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: DesignerItemOptionsComponent, selector: "bizdoc-designer-options", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerItemOptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerItemOptionsComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'bizdoc-designer-options'
@@ -214,10 +214,10 @@ export class DesignerItemComponent {
         this._destroy?.next();
         this._destroy?.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerItemComponent, deps: [{ token: i0.ElementRef }, { token: i1.FormBuilder }, { token: i2.DomSanitizer }, { token: DesignerRef }, { token: i3.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { privileges: "privileges", icon: "icon", form: "form", view: "view", context: "context" }, outputs: { onContinue: "continue", back: "back", onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "  <!--widget mode -->\r\n<ng-container *ngIf=\"mode === 'widget'; else editing\">\r\n  <ng-container *ngIf=\"model.family\">\r\n    <img *ngIf=\"svg[model.family]\" class=\"logo\" [src]=\"resource(svg[model.family])\" [bizdocTooltip]=\"model.family\" />\r\n    <div *ngIf=\"!svg[model.family]\">{{model.family}}</div>\r\n  </ng-container>\r\n  <!--options-->\r\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n</ng-container>\r\n<!--add or edit mode-->\r\n<ng-template #editing>\r\n  <ng-container *ngIf=\"mode === 'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\" *ngIf=\"!view\"><mat-icon>save</mat-icon></button>\r\n      <button mat-icon-button (click)=\"viewoff()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"view\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p *ngIf=\"model.resourceType\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\r\n  </ng-container>\r\n  <form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-mdc-title\">{{context.title|translate}}</h2>\r\n      <div class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </form>\r\n</ng-template>\r\n<ng-template #main>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [formGroup]=\"form\">\r\n    <div class=\"row\">\r\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-icon-picker *ngIf=\"icon\" formControlName=\"icon\" required></bizdoc-icon-picker>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n  <!--arguments-->\r\n  <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n  <!--options-->\r\n  <ng-container *ngIf=\"options\" (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <!--privileges-->\r\n  <bizdoc-designer-privileges *ngIf=\"form.contains('privileges')\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n  <div class=\"row actions\" *ngIf=\"mode === 'add'\">\r\n    <span class=\"divider\"></span>\r\n    <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\r\n  </div>\r\n</ng-template>\r\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: 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: "component", type: i12.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i13.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "component", type: i14.IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerItemComponent, deps: [{ token: i0.ElementRef }, { token: i1.FormBuilder }, { token: i2.DomSanitizer }, { token: DesignerRef }, { token: i3.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: { privileges: "privileges", icon: "icon", form: "form", view: "view", context: "context" }, outputs: { onContinue: "continue", back: "back", onSave: "save" }, queries: [{ propertyName: "editContent", first: true, predicate: EditContentDirective, descendants: true }, { propertyName: "widgetContent", first: true, predicate: WidgetContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "  <!--widget mode -->\r\n<ng-container *ngIf=\"mode === 'widget'; else editing\">\r\n  <ng-container *ngIf=\"model.family\">\r\n    <img *ngIf=\"svg[model.family]\" class=\"logo\" [src]=\"resource(svg[model.family])\" [bizdocTooltip]=\"model.family\" />\r\n    <div *ngIf=\"!svg[model.family]\">{{model.family}}</div>\r\n  </ng-container>\r\n  <!--options-->\r\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n</ng-container>\r\n<!--add or edit mode-->\r\n<ng-template #editing>\r\n  <ng-container *ngIf=\"mode === 'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\" *ngIf=\"!view\"><mat-icon>save</mat-icon></button>\r\n      <button mat-icon-button (click)=\"viewoff()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"view\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p *ngIf=\"model.resourceType\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\r\n  </ng-container>\r\n  <form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-mdc-title\">{{context.title|translate}}</h2>\r\n      <div class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </form>\r\n</ng-template>\r\n<ng-template #main>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [formGroup]=\"form\">\r\n    <div class=\"row\">\r\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-icon-picker *ngIf=\"icon\" formControlName=\"icon\" required></bizdoc-icon-picker>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n  <!--arguments-->\r\n  <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n  <!--options-->\r\n  <ng-container *ngIf=\"options\" (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <!--privileges-->\r\n  <bizdoc-designer-privileges *ngIf=\"form.contains('privileges')\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n  <div class=\"row actions\" *ngIf=\"mode === 'add'\">\r\n    <span class=\"divider\"></span>\r\n    <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\r\n  </div>\r\n</ng-template>\r\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: 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: "component", type: i12.LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: i13.DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "component", type: i14.IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-designer-element', template: "  <!--widget mode -->\r\n<ng-container *ngIf=\"mode === 'widget'; else editing\">\r\n  <ng-container *ngIf=\"model.family\">\r\n    <img *ngIf=\"svg[model.family]\" class=\"logo\" [src]=\"resource(svg[model.family])\" [bizdocTooltip]=\"model.family\" />\r\n    <div *ngIf=\"!svg[model.family]\">{{model.family}}</div>\r\n  </ng-container>\r\n  <!--options-->\r\n  <ng-container (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <ng-container [ngTemplateOutlet]=\"widgetContent?.templateRef\"></ng-container>\r\n</ng-container>\r\n<!--add or edit mode-->\r\n<ng-template #editing>\r\n  <ng-container *ngIf=\"mode === 'edit'\">\r\n    <mat-toolbar>\r\n      <button mat-icon-button (click)=\"save()\" [disabled]=\"!form.valid || !form.dirty\" *ngIf=\"!view\"><mat-icon>save</mat-icon></button>\r\n      <button mat-icon-button (click)=\"viewoff()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"view\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_backspace</mat-icon></button>\r\n    </mat-toolbar>\r\n    <p *ngIf=\"model.resourceType\" class=\"message\" (click)=\"unlock($event)\" [innerHTML]=\"'UnlockMultilang'|translate\"></p>\r\n  </ng-container>\r\n  <form autocomplete=\"off\" class=\"column\" (keydown)=\"handleKeyboardEvent($event)\">\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-mdc-title\">{{context.title|translate}}</h2>\r\n      <div class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </form>\r\n</ng-template>\r\n<ng-template #main>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [formGroup]=\"form\">\r\n    <div class=\"row\">\r\n      <bizdoc-localized-string #title formControlName=\"title\" [placeholder]=\"'Title'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <bizdoc-icon-picker *ngIf=\"icon\" formControlName=\"icon\" required></bizdoc-icon-picker>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"mode === 'edit'\" [ngTemplateOutlet]=\"editContent?.templateRef\"></ng-container>\r\n  <!--arguments-->\r\n  <ng-container *ngIf=\"arguments\" (attached)=\"argumentsattached($event)\" [cdkPortalOutlet]=\"arguments\"></ng-container>\r\n  <!--options-->\r\n  <ng-container *ngIf=\"options\" (attached)=\"optionsAttached($event)\" [cdkPortalOutlet]=\"options\"></ng-container>\r\n  <!--privileges-->\r\n  <bizdoc-designer-privileges *ngIf=\"form.contains('privileges')\" [form]=\"form.get('privileges')\"></bizdoc-designer-privileges>\r\n  <div class=\"row actions\" *ngIf=\"mode === 'add'\">\r\n    <span class=\"divider\"></span>\r\n    <button mat-stroked-button [disabled]=\"!form.valid\" (click)=\"continue()\" type=\"button\">{{'Continue'|translate}}&nbsp;<mat-icon class=\"mat-icon-rtl-mirror\">double_arrow</mat-icon></button>\r\n  </div>\r\n</ng-template>\r\n", styles: ["img.logo{display:block;height:26px}:host{flex:1}form{padding:8px}p.message{margin:5px}:host ::ng-deep .cdk-drag-handle{cursor:move}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FormBuilder }, { type: i2.DomSanitizer }, { type: i16.DesignerRef, decorators: [{

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

@@ -82,10 +82,10 @@ export class DesignerPrivilegesComponent {
         inp.value = '';
         this.search.setValue(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerPrivilegesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: { form: "form" }, ngImport: i0, template: "<h2 class=\"mat-mdc-title\">{{'Privileges'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field class=\"flex\">\r\n    <mat-chip-grid #chips [attr.aria-label]=\"''\">\r\n      <mat-chip-row *ngFor=\"let r of form.get('roles').value\"\r\n                    [removable]=\"true\"\r\n                    (removed)=\"remove(r)\">\r\n        {{titleOf(r)}}\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"'Roles'|translate\"\r\n           [formControl]=search\r\n           #inputrole\r\n           [matAutocomplete]=\"nametype\"\r\n           [matChipInputFor]=\"chips\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n    <mat-autocomplete #nametype=\"matAutocomplete\" (optionSelected)=\"add(inputrole, $event)\">\r\n      <ng-container *ngFor=\"let r of roles\">\r\n        <mat-option *ngIf=\"!form.get('roles').value || form.get('roles').value.indexOf(r.name)<0\" [value]=\"r.name\">\r\n          {{r.title || r.name}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"rule\"></bizdoc-ace-input>\r\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerPrivilegesComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SystemService }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: { form: "form" }, ngImport: i0, template: "<h2 class=\"mat-mdc-title\">{{'Privileges'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field class=\"flex\">\r\n    <mat-chip-grid #chips [attr.aria-label]=\"''\">\r\n      <mat-chip-row *ngFor=\"let r of form.get('roles').value\"\r\n                    [removable]=\"true\"\r\n                    (removed)=\"remove(r)\">\r\n        {{titleOf(r)}}\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"'Roles'|translate\"\r\n           [formControl]=search\r\n           #inputrole\r\n           [matAutocomplete]=\"nametype\"\r\n           [matChipInputFor]=\"chips\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n    <mat-autocomplete #nametype=\"matAutocomplete\" (optionSelected)=\"add(inputrole, $event)\">\r\n      <ng-container *ngFor=\"let r of roles\">\r\n        <mat-option *ngIf=\"!form.get('roles').value || form.get('roles').value.indexOf(r.name)<0\" [value]=\"r.name\">\r\n          {{r.title || r.name}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"rule\"></bizdoc-ace-input>\r\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.AceInput, selector: "bizdoc-ace-input", inputs: ["params", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerPrivilegesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerPrivilegesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-designer-privileges', template: "<h2 class=\"mat-mdc-title\">{{'Privileges'|translate}}</h2>\r\n<div [formGroup]=\"form\" class=\"column\">\r\n  <mat-form-field class=\"flex\">\r\n    <mat-chip-grid #chips [attr.aria-label]=\"''\">\r\n      <mat-chip-row *ngFor=\"let r of form.get('roles').value\"\r\n                    [removable]=\"true\"\r\n                    (removed)=\"remove(r)\">\r\n        {{titleOf(r)}}\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip-row>\r\n    </mat-chip-grid>\r\n    <input [placeholder]=\"'Roles'|translate\"\r\n           [formControl]=search\r\n           #inputrole\r\n           [matAutocomplete]=\"nametype\"\r\n           [matChipInputFor]=\"chips\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n    <mat-autocomplete #nametype=\"matAutocomplete\" (optionSelected)=\"add(inputrole, $event)\">\r\n      <ng-container *ngFor=\"let r of roles\">\r\n        <mat-option *ngIf=\"!form.get('roles').value || form.get('roles').value.indexOf(r.name)<0\" [value]=\"r.name\">\r\n          {{r.title || r.name}}\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n  <mat-form-field>\r\n    <bizdoc-ace-input [placeholder]=\"'Condition'|translate\" formControlName=\"rule\"></bizdoc-ace-input>\r\n    <mat-hint> {{ 'ProgrammableExpression'|translate }}</mat-hint>\r\n  </mat-form-field>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.SystemService }, { type: i11.DesignerRef, decorators: [{

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

@@ -49,10 +49,10 @@ export class DesignerElementComponentBase {
     _focus() {
         setTimeout(() => this._element.nativeElement.querySelector('input')?.focus());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerElementComponentBase, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: DesignerElementComponentBase, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerElementComponentBase, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: DesignerElementComponentBase, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerElementComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerElementComponentBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ElementRef }, { type: i2.DesignerRef, decorators: [{
                     type: Inject,
@@ -96,10 +96,10 @@ export class DesignerTypeElementComponent extends DesignerElementComponentBase {
         return this._ref.designer.
             types.find(t => t.name == name)?.title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerTypeElementComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: DesignerTypeElementComponent, viewQueries: [{ propertyName: "designer", first: true, predicate: DesignerItemComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerTypeElementComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: DesignerTypeElementComponent, viewQueries: [{ propertyName: "designer", first: true, predicate: DesignerItemComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerTypeElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerTypeElementComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ElementRef }, { type: i2.DesignerRef, decorators: [{
                     type: Inject,
@@ -132,10 +132,10 @@ export class DesignerCubeElementComponent extends DesignerElementComponentBase {
         else if (this.cubes.length === 1)
             this.cube = this.cubes[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerCubeElementComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: DesignerCubeElementComponent, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerCubeElementComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: DesignerCubeElementComponent, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DesignerCubeElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DesignerCubeElementComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ElementRef }, { type: i2.DesignerRef, decorators: [{
                     type: Inject,

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

@@ -278,14 +278,14 @@ let ConfigurationDesignerComponent = class ConfigurationDesignerComponent {
             collection.forEach(s => s.forEach(e => delete e.draft));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ConfigurationDesignerComponent, deps: [{ token: i1.PanesRouter }, { token: i2.TranslateService }, { token: i3.PromptService }, { token: i4.SessionService }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i5.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"clearSearch()\" [disabled]=\"!searchBy\" [bizdocTooltip]=\"'Clear'|translate\"><mat-icon>search_off</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-none *ngIf=\"loading\" title=\"SettingThingsUp\" [subtitle]=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\r\n<section *ngFor=\"let s of sections\">\r\n  <h2 class=\"mat-mdc-title\">{{s.type | translate}}</h2>\r\n  <!--<hr />-->\r\n  <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\r\n    <mat-card *ngFor=\"let e of s.elements\" [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\r\n      <!-- @item-->\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{e.title|localizedString}}\r\n          <span class=\"divider\"></span>\r\n          <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\" *ngIf=\"e.help\">help_outline</mat-icon>\r\n        </mat-card-title>\r\n        <mat-card-subtitle>\r\n          {{e.name}}\r\n        </mat-card-subtitle>\r\n        </mat-card-header>\r\n        <mat-card-content>\r\n          <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\r\n        </mat-card-content>\r\n        <mat-card-actions class=\"row\">\r\n          <button mat-icon-button (click)=\"copy(s, e)\" *ngIf=\"!e.copyOf\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\r\n          <button mat-icon-button (click)=\"remove(s, e)\" *ngIf=\"e.draft || e.empty\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\r\n          <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"edit(e, s)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\r\n        </mat-card-actions>\r\n    </mat-card>\r\n    <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\" *ngIf=\"s.templates?.length\">\r\n      <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\r\n      <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\r\n      <mat-menu #templateMenu>\r\n        <button mat-menu-item *ngFor=\"let t of s.templates\" (click)=\"create(s, t)\">\r\n          <span *ngIf=\"t.family\">\r\n            {{t.family}}\r\n            &nbsp;-&nbsp;\r\n          </span>\r\n          <span>\r\n            {{t.title}}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [":host{outline:none}section h2{margin:10px;font-size:28px;position:sticky}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i8.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i9.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i11.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i16.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ConfigurationDesignerComponent, deps: [{ token: i1.PanesRouter }, { token: i2.TranslateService }, { token: i3.PromptService }, { token: i4.SessionService }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i5.UtilityRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ConfigurationDesignerComponent, selector: "ng-component", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"clearSearch()\" [disabled]=\"!searchBy\" [bizdocTooltip]=\"'Clear'|translate\"><mat-icon>search_off</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-none *ngIf=\"loading\" title=\"SettingThingsUp\" [subtitle]=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\r\n<section *ngFor=\"let s of sections\">\r\n  <h2 class=\"mat-mdc-title\">{{s.type | translate}}</h2>\r\n  <!--<hr />-->\r\n  <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\r\n    <mat-card *ngFor=\"let e of s.elements\" [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\r\n      <!-- @item-->\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{e.title|localizedString}}\r\n          <span class=\"divider\"></span>\r\n          <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\" *ngIf=\"e.help\">help_outline</mat-icon>\r\n        </mat-card-title>\r\n        <mat-card-subtitle>\r\n          {{e.name}}\r\n        </mat-card-subtitle>\r\n        </mat-card-header>\r\n        <mat-card-content>\r\n          <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\r\n        </mat-card-content>\r\n        <mat-card-actions class=\"row\">\r\n          <button mat-icon-button (click)=\"copy(s, e)\" *ngIf=\"!e.copyOf\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\r\n          <button mat-icon-button (click)=\"remove(s, e)\" *ngIf=\"e.draft || e.empty\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\r\n          <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"edit(e, s)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\r\n        </mat-card-actions>\r\n    </mat-card>\r\n    <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\" *ngIf=\"s.templates?.length\">\r\n      <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\r\n      <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\r\n      <mat-menu #templateMenu>\r\n        <button mat-menu-item *ngFor=\"let t of s.templates\" (click)=\"create(s, t)\">\r\n          <span *ngIf=\"t.family\">\r\n            {{t.family}}\r\n            &nbsp;-&nbsp;\r\n          </span>\r\n          <span>\r\n            {{t.title}}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [":host{outline:none}section h2{margin:10px;font-size:28px;position:sticky}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i8.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i9.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i11.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i16.LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }], animations: [itemAnimation] }); }
 };
 ConfigurationDesignerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-configuration-designer' })
 ], ConfigurationDesignerComponent);
 export { ConfigurationDesignerComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ConfigurationDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ConfigurationDesignerComponent, decorators: [{
             type: Component,
             args: [{ animations: [itemAnimation], host: { tabindex: '0' }, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"save()\" [disabled]=\"!dirty || loading || saving\" [bizdocTooltip]=\"'Save'|translate\"><mat-icon>save</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"clearSearch()\" [disabled]=\"!searchBy\" [bizdocTooltip]=\"'Clear'|translate\"><mat-icon>search_off</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar [mode]=\"loading ? 'buffer' : 'indeterminate'\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-none *ngIf=\"loading\" title=\"SettingThingsUp\" [subtitle]=\"PleaseWait\" icon=\"architecture\"></bizdoc-none>\r\n<section *ngFor=\"let s of sections\">\r\n  <h2 class=\"mat-mdc-title\">{{s.type | translate}}</h2>\r\n  <!--<hr />-->\r\n  <div class=\"elements\" cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"s.elements\" (cdkDropListDropped)=\"drop($event)\">\r\n    <mat-card *ngFor=\"let e of s.elements\" [class.disabled]=\"e.disabled\" cdkDrag cdkDragRootElement=\".mat-mdc-card-title\">\r\n      <!-- @item-->\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{e.title|localizedString}}\r\n          <span class=\"divider\"></span>\r\n          <mat-icon [bizdocTooltip]=\"e.help\" [bizdocTooltipDuration]=\"6000\" *ngIf=\"e.help\">help_outline</mat-icon>\r\n        </mat-card-title>\r\n        <mat-card-subtitle>\r\n          {{e.name}}\r\n        </mat-card-subtitle>\r\n        </mat-card-header>\r\n        <mat-card-content>\r\n          <ng-container *ngComponentOutlet=\"s.comp; injector: e.injector\"></ng-container>\r\n        </mat-card-content>\r\n        <mat-card-actions class=\"row\">\r\n          <button mat-icon-button (click)=\"copy(s, e)\" *ngIf=\"!e.copyOf\" [bizdocTooltip]=\"'Copy'|translate\"><mat-icon>file_copy</mat-icon></button>\r\n          <button mat-icon-button (click)=\"remove(s, e)\" *ngIf=\"e.draft || e.empty\" [bizdocTooltip]=\"'Discard'|translate\"><mat-icon>delete</mat-icon></button>\r\n          <button mat-icon-button (click)=\"toggleDisabled(e)\" [bizdocTooltip]=\"(e.disabled ? 'Enable' : 'Disable')|translate\"><mat-icon>{{e.disabled ? 'visibility' : 'visibility_off'}}</mat-icon></button>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"edit(e, s)\" [bizdocTooltip]=\"'Settings'|translate\"><mat-icon>settings</mat-icon></button>\r\n        </mat-card-actions>\r\n    </mat-card>\r\n    <div class=\"add-element\" matRipple (click)=\"add(s, menuTrigger, $event)\" *ngIf=\"s.templates?.length\">\r\n      <span [matMenuTriggerFor]=\"templateMenu\" #menuTrigger=\"matMenuTrigger\"></span>\r\n      <button mat-icon-button><mat-icon [bizdocTooltip]=\"'New'|translate\" disableRipple=\"true\">add</mat-icon></button>\r\n      <mat-menu #templateMenu>\r\n        <button mat-menu-item *ngFor=\"let t of s.templates\" (click)=\"create(s, t)\">\r\n          <span *ngIf=\"t.family\">\r\n            {{t.family}}\r\n            &nbsp;-&nbsp;\r\n          </span>\r\n          <span>\r\n            {{t.title}}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [":host{outline:none}section h2{margin:10px;font-size:28px;position:sticky}section .elements{display:flex;flex-wrap:wrap}section .elements .disabled{opacity:.5;background-color:transparent}section .add-element{border:2px dashed gray;min-width:126px;min-height:126px;border-radius:3px;margin:1px 0 6px;text-align:center}section .add-element button{top:50%;transform:translateY(-50%)}:host ::ng-deep .mat-mdc-card{margin:6px;display:flex;flex-direction:column}:host ::ng-deep .mat-mdc-card button{opacity:.1}:host ::ng-deep .mat-mdc-card:hover button{opacity:1}:host ::ng-deep .mat-mdc-card-header-text{width:100%}:host ::ng-deep .mat-mdc-card-title{display:flex;flex-direction:row;align-items:center}.divider{min-width:3px}:host ::ng-deep .mat-mdc-card-content{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i1.PanesRouter }, { type: i2.TranslateService }, { type: i3.PromptService }, { type: i4.SessionService }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i5.UtilityRef }], propDecorators: { handleKeyboardEvent: [{

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

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

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

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