@bizdoc/core 2.4.10 → 2.4.11

package/esm2022/lib/admin/patterns/patterns.component.mjs

@@ -152,8 +152,8 @@ let PatternsComponent = class PatternsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PatternsComponent, deps: [{ token: i1.SessionService }, { token: i2.Directionality }, { token: i3.FormBuilder }, { token: UtilityRef }, { token: i4.DatasourceService }, { token: i5.SystemService }, { token: i6.PromptService }, { token: i7.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: PatternsComponent, selector: "ng-component", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<table mat-table [dataSource]=\"dataSource\" matSort>\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\n      </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\n      </mat-menu>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\n</table>\n@if (paging) {\n  <mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons></mat-paginator>\n}\n<!-- dialog -->\n<ng-template #properties>\n  <mat-dialog-content>\n    <form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\n      </mat-form-field>\n      @if (cube) {\n        <div formGroupName=\"axes\" class=\"row wrap sm-column\">\n          @for (a of cube?.axes; track a) {\n            @if (include.indexOf(a.name)>-1) {\n              <mat-form-field class=\"flex\">\n                <input matInput\n                  [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\n                  [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\n                  <mat-autocomplete #segment>\n                    @for (o of segments[a.name] | async; track o) {\n                      <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n                    }\n                  </mat-autocomplete>\n                  @if (axes.controls[a.name].invalid) {\n                    <mat-error>{{'SystemAxisPatternErr' |translate}}</mat-error>\n                  }\n                </mat-form-field>\n              }\n              &nbsp;\n            }\n          </div>\n        }\n        <mat-form-field>\n          <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\n            @for (r of roles; track r) {\n              <mat-option [value]=\"r.name\">{{r.title}}</mat-option>\n            }\n          </mat-select>\n          @if (form.controls.roles.hasError('required')) {\n            <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n          }\n        </mat-form-field>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\n    </mat-dialog-actions>\n  </ng-template>\n  <style scoped>\n    table {\n    width: 100%\n  }\n</style>\n", styles: ["\n    table {\n    width: 100%\n  }\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i12.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i13.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: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i13.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i16.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i17.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i18.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i19.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: i20.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i21.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: i21.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i21.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: i22.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i23.AsyncPipe, name: "async" }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PatternsComponent, deps: [{ token: i1.SessionService }, { token: i2.Directionality }, { token: i3.FormBuilder }, { token: UtilityRef }, { token: i4.DatasourceService }, { token: i5.SystemService }, { token: i6.PromptService }, { token: i7.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: PatternsComponent, selector: "ng-component", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<table mat-table [dataSource]=\"dataSource\" matSort>\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\n      </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\n      </mat-menu>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\n</table>\n@if (paging) {\n  <mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons></mat-paginator>\n}\n<!-- dialog -->\n<ng-template #properties>\n  <mat-dialog-content>\n    <form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\n      </mat-form-field>\n      @if (cube) {\n        <div formGroupName=\"axes\" class=\"row wrap sm-column\">\n          @for (a of cube?.axes; track a) {\n            @if (include.indexOf(a.name)>-1) {\n              <mat-form-field class=\"flex\">\n                <input matInput\n                  [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\n                  [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\n                  <mat-autocomplete #segment>\n                    @for (o of segments[a.name] | async; track o) {\n                      <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n                    }\n                  </mat-autocomplete>\n                  @if (axes.controls[a.name].invalid) {\n                    <mat-error>{{'SystemAxisPatternErr' |translate}}</mat-error>\n                  }\n                </mat-form-field>\n              }\n              &nbsp;\n            }\n          </div>\n        }\n        <mat-form-field>\n          <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\n            @for (r of roles; track r) {\n              <mat-option [value]=\"r.name\">{{r.title}}</mat-option>\n            }\n          </mat-select>\n          @if (form.controls.roles.hasError('required')) {\n            <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n          }\n        </mat-form-field>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\n    </mat-dialog-actions>\n  </ng-template>\n  <style scoped>\n    table {\n    width: 100%\n  }\n</style>\n", styles: ["\n    table {\n    width: 100%\n  }\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i12.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i13.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: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i13.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i16.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i17.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i18.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i19.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: i20.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i21.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: i21.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i21.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: i22.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i23.AsyncPipe, name: "async" }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }] }); }
 };
 PatternsComponent = __decorate([
     BizDoc({
@@ -161,7 +161,7 @@ PatternsComponent = __decorate([
     })
 ], PatternsComponent);
 export { PatternsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PatternsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PatternsComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-button color=\"primary\" (click)=\"save()\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"create()\" [bizdocTooltip]=\"'Add'|translate\" data-guide=\"create\"><mat-icon>add</mat-icon></button>\n</mat-toolbar>\n<table mat-table [dataSource]=\"dataSource\" matSort>\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Title'|translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <mat-checkbox [checked]=\"element.roles && element.roles.indexOf(r.name) > -1\" (change)=\"toggle(element, r.name, $event)\"></mat-checkbox>\n      </td>\n    </ng-container>\n  }\n  <ng-container matColumnDef=\"options\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td mat-cell *matCellDef=\"let element\">\n      <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <button mat-menu-item (click)=\"edit(element)\">{{'Edit'|translate}}</button>\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"delete(element)\">{{'Discard'|translate}}</button>\n      </mat-menu>\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let element; columns: displayedColumns;\"></tr>\n</table>\n@if (paging) {\n  <mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons></mat-paginator>\n}\n<!-- dialog -->\n<ng-template #properties>\n  <mat-dialog-content>\n    <form [formGroup]=\"form\" autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'|translate\" required />\n      </mat-form-field>\n      @if (cube) {\n        <div formGroupName=\"axes\" class=\"row wrap sm-column\">\n          @for (a of cube?.axes; track a) {\n            @if (include.indexOf(a.name)>-1) {\n              <mat-form-field class=\"flex\">\n                <input matInput\n                  [matAutocomplete]=\"segment\" [pattern]=\"pattern\"\n                  [formControlName]=\"a.name\" [placeholder]=\"a.title\" />\n                  <mat-autocomplete #segment>\n                    @for (o of segments[a.name] | async; track o) {\n                      <mat-option [value]=\"o.key\">{{o.value}}</mat-option>\n                    }\n                  </mat-autocomplete>\n                  @if (axes.controls[a.name].invalid) {\n                    <mat-error>{{'SystemAxisPatternErr' |translate}}</mat-error>\n                  }\n                </mat-form-field>\n              }\n              &nbsp;\n            }\n          </div>\n        }\n        <mat-form-field>\n          <mat-select formControlName=\"roles\" [placeholder]=\"'Roles'|translate\" multiple required>\n            @for (r of roles; track r) {\n              <mat-option [value]=\"r.name\">{{r.title}}</mat-option>\n            }\n          </mat-select>\n          @if (form.controls.roles.hasError('required')) {\n            <mat-error>{{'AreRequiredErr'|translate:('Roles'|translate)}}</mat-error>\n          }\n        </mat-form-field>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" [disabled]=\"!form.valid\">{{'OK'| translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel'| translate}}</button>\n    </mat-dialog-actions>\n  </ng-template>\n  <style scoped>\n    table {\n    width: 100%\n  }\n</style>\n" }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.Directionality }, { type: i3.FormBuilder }, { type: i25.UtilityRef, decorators: [{

package/esm2022/lib/admin/permissions/permissions.component.mjs

@@ -76,8 +76,8 @@ let PermissionsUtility = class PermissionsUtility {
             }, error: () => this._sb.error()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PermissionsUtility, deps: [{ token: UtilityRef }, { token: i1.SessionService }, { token: i2.PromptService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: PermissionsUtility, selector: "ng-component", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-button [matMenuTriggerFor]=\"formMenu\">{{form?.title}} <mat-icon>arrow_drop_down</mat-icon></button>\n  <mat-menu #formMenu>\n    @for (f of forms; track f) {\n      <button mat-menu-item (click)=\"formChange(f.name)\">{{f.title}}</button>\n    }\n  </mat-menu>\n</mat-toolbar>\n<table mat-table matSort [dataSource]=\"dataSource\">\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Permission' | translate}}</th>\n    <td mat-cell *matCellDef=\"let item\"> {{item.title || item.name}}</td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let item\"> <mat-checkbox [checked]=\"item[r.name]\" [value]=\"r.name\" (change)=\"change(item, $event)\"></mat-checkbox> </td>\n    </ng-container>\n  }\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayColumns;\"></tr>\n</table>\n", styles: ["table{width:100%}::ng-deep .mat-mdc-row{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i11.SearchInput, selector: "bizdoc-search-input", outputs: ["valueChange"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PermissionsUtility, deps: [{ token: UtilityRef }, { token: i1.SessionService }, { token: i2.PromptService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: PermissionsUtility, selector: "ng-component", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-button [matMenuTriggerFor]=\"formMenu\">{{form?.title}} <mat-icon>arrow_drop_down</mat-icon></button>\n  <mat-menu #formMenu>\n    @for (f of forms; track f) {\n      <button mat-menu-item (click)=\"formChange(f.name)\">{{f.title}}</button>\n    }\n  </mat-menu>\n</mat-toolbar>\n<table mat-table matSort [dataSource]=\"dataSource\">\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Permission' | translate}}</th>\n    <td mat-cell *matCellDef=\"let item\"> {{item.title || item.name}}</td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let item\"> <mat-checkbox [checked]=\"item[r.name]\" [value]=\"r.name\" (change)=\"change(item, $event)\"></mat-checkbox> </td>\n    </ng-container>\n  }\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayColumns;\"></tr>\n</table>\n", styles: ["table{width:100%}::ng-deep .mat-mdc-row{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i11.SearchInput, selector: "bizdoc-search-input", outputs: ["valueChange"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] }); }
 };
 PermissionsUtility = __decorate([
     BizDoc({
@@ -85,7 +85,7 @@ PermissionsUtility = __decorate([
     })
 ], PermissionsUtility);
 export { PermissionsUtility };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PermissionsUtility, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PermissionsUtility, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-button [matMenuTriggerFor]=\"formMenu\">{{form?.title}} <mat-icon>arrow_drop_down</mat-icon></button>\n  <mat-menu #formMenu>\n    @for (f of forms; track f) {\n      <button mat-menu-item (click)=\"formChange(f.name)\">{{f.title}}</button>\n    }\n  </mat-menu>\n</mat-toolbar>\n<table mat-table matSort [dataSource]=\"dataSource\">\n  <ng-container matColumnDef=\"title\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Permission' | translate}}</th>\n    <td mat-cell *matCellDef=\"let item\"> {{item.title || item.name}}</td>\n  </ng-container>\n  @for (r of roles; track r) {\n    <ng-container [matColumnDef]=\"r.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\n      <td mat-cell *matCellDef=\"let item\"> <mat-checkbox [checked]=\"item[r.name]\" [value]=\"r.name\" (change)=\"change(item, $event)\"></mat-checkbox> </td>\n    </ng-container>\n  }\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayColumns;\"></tr>\n</table>\n", styles: ["table{width:100%}::ng-deep .mat-mdc-row{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i13.UtilityRef, decorators: [{

package/esm2022/lib/admin/positions/positions-popup.component.mjs

@@ -58,10 +58,10 @@ export class PositionsPopup {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PositionsPopup, deps: [{ token: POPUP_DATA }, { token: i0.ChangeDetectorRef }, { token: i1.AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: PositionsPopup, selector: "ng-component", viewQueries: [{ propertyName: "nameInput", first: true, predicate: ["nameInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-form-field>\n  <mat-chip-grid #chipList [attr.aria-label]=\"data.title\">\n    @for (u of data.positions; track u) {\n      <mat-chip-row\n        [removable]=\"true\"\n        (removed)=\"removed(u)\">\n        <bizdoc-identity-name [identity]=u></bizdoc-identity-name>\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"data.title\"\n    [formControl]=control\n    #nameInput\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected(nameInput, $event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i4.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PositionsPopup, deps: [{ token: POPUP_DATA }, { token: i0.ChangeDetectorRef }, { token: i1.AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: PositionsPopup, selector: "ng-component", viewQueries: [{ propertyName: "nameInput", first: true, predicate: ["nameInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-form-field>\n  <mat-chip-grid #chipList [attr.aria-label]=\"data.title\">\n    @for (u of data.positions; track u) {\n      <mat-chip-row\n        [removable]=\"true\"\n        (removed)=\"removed(u)\">\n        <bizdoc-identity-name [identity]=u></bizdoc-identity-name>\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"data.title\"\n    [formControl]=control\n    #nameInput\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected(nameInput, $event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i4.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PositionsPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PositionsPopup, decorators: [{
             type: Component,
             args: [{ template: "<mat-form-field>\n  <mat-chip-grid #chipList [attr.aria-label]=\"data.title\">\n    @for (u of data.positions; track u) {\n      <mat-chip-row\n        [removable]=\"true\"\n        (removed)=\"removed(u)\">\n        <bizdoc-identity-name [identity]=u></bizdoc-identity-name>\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input [placeholder]=\"data.title\"\n    [formControl]=control\n    #nameInput\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n    <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected(nameInput, $event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n", styles: [":host{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/admin/positions/positions.component.mjs

@@ -424,15 +424,15 @@ let PositionsComponent = class PositionsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PositionsComponent, deps: [{ token: i1.SessionService }, { token: UtilityRef }, { token: i2.DatasourceService }, { token: i3.PromptService }, { token: i4.WindowTitleService }, { token: i5.TranslateService }, { token: i6.Popup }, { token: i7.SystemService }, { token: i8.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: PositionsComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "_fileElement", first: true, predicate: ["file"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "noRoleTpl", first: true, predicate: ["noRoleTpl"], descendants: true, static: true }, { propertyName: "roleTpl", first: true, predicate: ["roleTpl"], descendants: true, static: true }, { propertyName: "patternTpl", first: true, predicate: ["patternTpl"], descendants: true, static: true }, { propertyName: "newGroupTpl", first: true, predicate: ["groupTpl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-icon-button [matMenuTriggerFor]=\"newMenu\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\n  <mat-menu #newMenu>\n    <button mat-menu-item (click)=\"newRole()\">{{'Role'|translate}}</button>\n    <button mat-menu-item (click)=\"newPattern()\">{{'Pattern'|translate}}</button>\n    <button mat-menu-item (click)=\"newGroup()\">{{'Group'|translate}} </button>\n  </mat-menu>\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\" (click)=\"download()\" [disabled]=\"dirty\"><mat-icon>save_alt</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"row flex\">\n  <mat-nav-list class=\"nav-list\" [style.display]=\"tools?'':'none'\">\n    @for (t of datatypes; track t) {\n      <mat-list-item (click)=\"change(t.name)\" [class.active]=\"t === type\">{{t.title}}</mat-list-item>\n    }\n  </mat-nav-list>\n  <table mat-table matSort [dataSource]=\"dataSource\" [style.display]=\"dataSource ? '': 'none'\" class=\"flex\">\n    @for (column of (type?.columns ||[]); track column) {\n      <ng-container [matColumnDef]=\"column.name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{column.label}}</th>\n        <td mat-cell *matCellDef=\"let element\"> {{element[column.name]}} </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <span>\n          @switch (element.type) {\n            @case ('group') {\n              ({{'Group'|translate}})\n            }\n            @case ('pattern') {\n              ({{'Pattern'|translate}})\n            }\n            @default {\n              {{element.key}}\n            }\n          }\n        </span>\n      </td>\n    </ng-container>\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{element.value}}\n      </td>\n    </ng-container>\n    @for (role of roles; track role) {\n      <ng-container [matColumnDef]=\"role.name\">\n        <th mat-header-cell *matHeaderCellDef>{{role.title}}</th>\n        <td mat-cell *matCellDef=\"let element\" [attr.data-role]=\"role.name\" class=\"role-column\">\n          @if (positions[role.name][element.key]) {\n            @for (u of positions[role.name][element.key]; track u; let first = $first) {\n              @if (!first) {\n                ,\n              }\n              {{profiles[u]?.name}}\n            }\n          }\n        </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"options\">\n      <th mat-header-cell *matHeaderCellDef></th>\n      <td mat-cell *matCellDef=\"let element\">\n        @if (element.type === 'pattern' || element.type === 'group') {\n          <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n        }\n        <mat-menu #options>\n          @if (element.type === 'pattern') {\n            <button mat-menu-item (click)=\"editPattern(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deletePattern(element.key)\">{{'Remove'|translate}} </button>\n          }\n          @if (element.type === 'group') {\n            <button mat-menu-item (click)=\"editGroup(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deleteGroup(element.key)\">{{'Remove'|translate}} </button>\n          }\n        </mat-menu>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let element; columns: displayedColumns\" (click)=\"edit(element.key, $event)\"></tr>\n  </table>\n</div>\n<!-- role template -->\n<ng-template #roleTpl>\n  <h2 mat-dialog-title>{{'Role' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"role\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"role.value\" color=\"primary\" [disabled]=\"!role.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- pattern template -->\n<ng-template #patternTpl>\n  <h2 mat-dialog-title>{{'Pattern' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"pattern\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <input matInput formControlName=\"expression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"pattern.value\" color=\"primary\" [disabled]=\"!pattern.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- group -->\n<ng-template #groupTpl>\n  <h2 mat-dialog-title>{{'Group' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"group\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n          <mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            @if (group.value.items?.length > 1) {\n              <span class=\"additional-selection\">\n                (+{{group.value.items.length - 1}} {{(group.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n              </span>\n            }\n          </mat-select-trigger>\n          @for (v of source; track v) {\n            <mat-option [value]=\"v.key\">\n              @if (!type.columns) {\n                <span>{{v.value}}</span>\n              }\n              @if (type.columns) {\n                <span>@for (c of type.columns; track c) {\n                  <span>{{v.value[c.name]}}</span>\n                }</span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"group.value\" color=\"primary\" [disabled]=\"!group.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<ng-template #noRoleTpl>\n  <mat-dialog-content>\n    {{'NoRoles'|translate : type?.title}}\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">{{'CreateRole' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!--<form style=\"display:none\">\n<input type=\"file\" name=\"file\" (onchange)=\"upload($event)\" #file/>\n</form>-->\n", styles: [":host{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.nav-list{min-width:180px}table{width:100%}.form{padding:8px}:host ::ng-deep .mat-mdc-list-item{cursor:pointer}table ::ng-deep .role-column{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i11.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i11.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i8.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i8.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i8.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i8.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i15.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i16.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i17.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i17.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i18.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i18.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i19.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i19.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i20.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: i21.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i22.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: i22.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i22.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: i23.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i24.SearchInput, selector: "bizdoc-search-input", outputs: ["valueChange"] }, { kind: "pipe", type: i25.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i26.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PositionsComponent, deps: [{ token: i1.SessionService }, { token: UtilityRef }, { token: i2.DatasourceService }, { token: i3.PromptService }, { token: i4.WindowTitleService }, { token: i5.TranslateService }, { token: i6.Popup }, { token: i7.SystemService }, { token: i8.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: PositionsComponent, selector: "ng-component", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "_fileElement", first: true, predicate: ["file"], descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "noRoleTpl", first: true, predicate: ["noRoleTpl"], descendants: true, static: true }, { propertyName: "roleTpl", first: true, predicate: ["roleTpl"], descendants: true, static: true }, { propertyName: "patternTpl", first: true, predicate: ["patternTpl"], descendants: true, static: true }, { propertyName: "newGroupTpl", first: true, predicate: ["groupTpl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-icon-button [matMenuTriggerFor]=\"newMenu\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\n  <mat-menu #newMenu>\n    <button mat-menu-item (click)=\"newRole()\">{{'Role'|translate}}</button>\n    <button mat-menu-item (click)=\"newPattern()\">{{'Pattern'|translate}}</button>\n    <button mat-menu-item (click)=\"newGroup()\">{{'Group'|translate}} </button>\n  </mat-menu>\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\" (click)=\"download()\" [disabled]=\"dirty\"><mat-icon>save_alt</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"row flex\">\n  <mat-nav-list class=\"nav-list\" [style.display]=\"tools?'':'none'\">\n    @for (t of datatypes; track t) {\n      <mat-list-item (click)=\"change(t.name)\" [class.active]=\"t === type\">{{t.title}}</mat-list-item>\n    }\n  </mat-nav-list>\n  <table mat-table matSort [dataSource]=\"dataSource\" [style.display]=\"dataSource ? '': 'none'\" class=\"flex\">\n    @for (column of (type?.columns ||[]); track column) {\n      <ng-container [matColumnDef]=\"column.name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{column.label}}</th>\n        <td mat-cell *matCellDef=\"let element\"> {{element[column.name]}} </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <span>\n          @switch (element.type) {\n            @case ('group') {\n              ({{'Group'|translate}})\n            }\n            @case ('pattern') {\n              ({{'Pattern'|translate}})\n            }\n            @default {\n              {{element.key}}\n            }\n          }\n        </span>\n      </td>\n    </ng-container>\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{element.value}}\n      </td>\n    </ng-container>\n    @for (role of roles; track role) {\n      <ng-container [matColumnDef]=\"role.name\">\n        <th mat-header-cell *matHeaderCellDef>{{role.title}}</th>\n        <td mat-cell *matCellDef=\"let element\" [attr.data-role]=\"role.name\" class=\"role-column\">\n          @if (positions[role.name][element.key]) {\n            @for (u of positions[role.name][element.key]; track u; let first = $first) {\n              @if (!first) {\n                ,\n              }\n              {{profiles[u]?.name}}\n            }\n          }\n        </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"options\">\n      <th mat-header-cell *matHeaderCellDef></th>\n      <td mat-cell *matCellDef=\"let element\">\n        @if (element.type === 'pattern' || element.type === 'group') {\n          <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n        }\n        <mat-menu #options>\n          @if (element.type === 'pattern') {\n            <button mat-menu-item (click)=\"editPattern(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deletePattern(element.key)\">{{'Remove'|translate}} </button>\n          }\n          @if (element.type === 'group') {\n            <button mat-menu-item (click)=\"editGroup(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deleteGroup(element.key)\">{{'Remove'|translate}} </button>\n          }\n        </mat-menu>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let element; columns: displayedColumns\" (click)=\"edit(element.key, $event)\"></tr>\n  </table>\n</div>\n<!-- role template -->\n<ng-template #roleTpl>\n  <h2 mat-dialog-title>{{'Role' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"role\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"role.value\" color=\"primary\" [disabled]=\"!role.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- pattern template -->\n<ng-template #patternTpl>\n  <h2 mat-dialog-title>{{'Pattern' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"pattern\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <input matInput formControlName=\"expression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"pattern.value\" color=\"primary\" [disabled]=\"!pattern.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- group -->\n<ng-template #groupTpl>\n  <h2 mat-dialog-title>{{'Group' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"group\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n          <mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            @if (group.value.items?.length > 1) {\n              <span class=\"additional-selection\">\n                (+{{group.value.items.length - 1}} {{(group.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n              </span>\n            }\n          </mat-select-trigger>\n          @for (v of source; track v) {\n            <mat-option [value]=\"v.key\">\n              @if (!type.columns) {\n                <span>{{v.value}}</span>\n              }\n              @if (type.columns) {\n                <span>@for (c of type.columns; track c) {\n                  <span>{{v.value[c.name]}}</span>\n                }</span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"group.value\" color=\"primary\" [disabled]=\"!group.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<ng-template #noRoleTpl>\n  <mat-dialog-content>\n    {{'NoRoles'|translate : type?.title}}\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">{{'CreateRole' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!--<form style=\"display:none\">\n<input type=\"file\" name=\"file\" (onchange)=\"upload($event)\" #file/>\n</form>-->\n", styles: [":host{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.nav-list{min-width:180px}table{width:100%}.form{padding:8px}:host ::ng-deep .mat-mdc-list-item{cursor:pointer}table ::ng-deep .role-column{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i11.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i11.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i8.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i8.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i8.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i8.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i15.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i16.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i17.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i17.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i18.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i18.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i19.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i19.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i20.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: i21.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i22.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: i22.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i22.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: i23.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i24.SearchInput, selector: "bizdoc-search-input", outputs: ["valueChange"] }, { kind: "pipe", type: i25.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i26.TranslatePipe, name: "translate" }] }); }
 };
 PositionsComponent = __decorate([
     BizDoc({ selector: 'bizdoc-positions' })
     /** positions component*/
 ], PositionsComponent);
 export { PositionsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PositionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PositionsComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\n  <span class=\"divider\"></span>\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\n  <button mat-icon-button [matMenuTriggerFor]=\"newMenu\" [bizdocTooltip]=\"'Add'|translate\"><mat-icon>add</mat-icon></button>\n  <mat-menu #newMenu>\n    <button mat-menu-item (click)=\"newRole()\">{{'Role'|translate}}</button>\n    <button mat-menu-item (click)=\"newPattern()\">{{'Pattern'|translate}}</button>\n    <button mat-menu-item (click)=\"newGroup()\">{{'Group'|translate}} </button>\n  </mat-menu>\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\" (click)=\"download()\" [disabled]=\"dirty\"><mat-icon>save_alt</mat-icon></button>\n</mat-toolbar>\n<mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"row flex\">\n  <mat-nav-list class=\"nav-list\" [style.display]=\"tools?'':'none'\">\n    @for (t of datatypes; track t) {\n      <mat-list-item (click)=\"change(t.name)\" [class.active]=\"t === type\">{{t.title}}</mat-list-item>\n    }\n  </mat-nav-list>\n  <table mat-table matSort [dataSource]=\"dataSource\" [style.display]=\"dataSource ? '': 'none'\" class=\"flex\">\n    @for (column of (type?.columns ||[]); track column) {\n      <ng-container [matColumnDef]=\"column.name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{column.label}}</th>\n        <td mat-cell *matCellDef=\"let element\"> {{element[column.name]}} </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <span>\n          @switch (element.type) {\n            @case ('group') {\n              ({{'Group'|translate}})\n            }\n            @case ('pattern') {\n              ({{'Pattern'|translate}})\n            }\n            @default {\n              {{element.key}}\n            }\n          }\n        </span>\n      </td>\n    </ng-container>\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{''}}</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{element.value}}\n      </td>\n    </ng-container>\n    @for (role of roles; track role) {\n      <ng-container [matColumnDef]=\"role.name\">\n        <th mat-header-cell *matHeaderCellDef>{{role.title}}</th>\n        <td mat-cell *matCellDef=\"let element\" [attr.data-role]=\"role.name\" class=\"role-column\">\n          @if (positions[role.name][element.key]) {\n            @for (u of positions[role.name][element.key]; track u; let first = $first) {\n              @if (!first) {\n                ,\n              }\n              {{profiles[u]?.name}}\n            }\n          }\n        </td>\n      </ng-container>\n    }\n    <ng-container matColumnDef=\"options\">\n      <th mat-header-cell *matHeaderCellDef></th>\n      <td mat-cell *matCellDef=\"let element\">\n        @if (element.type === 'pattern' || element.type === 'group') {\n          <button mat-icon-button [matMenuTriggerFor]=\"options\"><mat-icon>more_vert</mat-icon></button>\n        }\n        <mat-menu #options>\n          @if (element.type === 'pattern') {\n            <button mat-menu-item (click)=\"editPattern(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deletePattern(element.key)\">{{'Remove'|translate}} </button>\n          }\n          @if (element.type === 'group') {\n            <button mat-menu-item (click)=\"editGroup(element.key)\">{{'Edit'|translate}}</button>\n            <mat-divider></mat-divider>\n            <button mat-menu-item (click)=\"deleteGroup(element.key)\">{{'Remove'|translate}} </button>\n          }\n        </mat-menu>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let element; columns: displayedColumns\" (click)=\"edit(element.key, $event)\"></tr>\n  </table>\n</div>\n<!-- role template -->\n<ng-template #roleTpl>\n  <h2 mat-dialog-title>{{'Role' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"role\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"role.value\" color=\"primary\" [disabled]=\"!role.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- pattern template -->\n<ng-template #patternTpl>\n  <h2 mat-dialog-title>{{'Pattern' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"pattern\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <input matInput formControlName=\"expression\" [placeholder]=\"'Regex'| translate\" required autocomplete=\"off\" />\n        <mat-hint><span [innerHTML]=\"'RegexHint' | translate : 'https://regex101.com/'| sanitizeHtml\"></span></mat-hint>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"pattern.value\" color=\"primary\" [disabled]=\"!pattern.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!-- group -->\n<ng-template #groupTpl>\n  <h2 mat-dialog-title>{{'Group' | translate }}</h2>\n  <mat-dialog-content>\n    <form [formGroup]=\"group\" class=\"column\">\n      <mat-form-field>\n        <input matInput formControlName=\"title\" [placeholder]=\"'Title'| translate\" required autocomplete=\"off\" />\n      </mat-form-field>\n      <mat-form-field>\n        <mat-select [placeholder]=\"'Items'|translate\" multiple formControlName=\"items\" required>\n          <mat-select-trigger>\n            {{group.value.items ? group.value.items[0] : ''}}\n            @if (group.value.items?.length > 1) {\n              <span class=\"additional-selection\">\n                (+{{group.value.items.length - 1}} {{(group.value.items?.length === 2 ? 'Other' : 'Others')|translate}})\n              </span>\n            }\n          </mat-select-trigger>\n          @for (v of source; track v) {\n            <mat-option [value]=\"v.key\">\n              @if (!type.columns) {\n                <span>{{v.value}}</span>\n              }\n              @if (type.columns) {\n                <span>@for (c of type.columns; track c) {\n                  <span>{{v.value[c.name]}}</span>\n                }</span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"group.value\" color=\"primary\" [disabled]=\"!group.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<ng-template #noRoleTpl>\n  <mat-dialog-content>\n    {{'NoRoles'|translate : type?.title}}\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">{{'CreateRole' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n<!--<form style=\"display:none\">\n<input type=\"file\" name=\"file\" (onchange)=\"upload($event)\" #file/>\n</form>-->\n", styles: [":host{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.nav-list{min-width:180px}table{width:100%}.form{padding:8px}:host ::ng-deep .mat-mdc-list-item{cursor:pointer}table ::ng-deep .role-column{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i27.UtilityRef, decorators: [{

package/esm2022/lib/admin/profiler/outofoffice.component.mjs

@@ -137,10 +137,10 @@ export class ProfileSettingsDialog {
         inp.value = '';
         this.form.patchValue({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ProfileSettingsDialog, deps: [{ token: i1.AccountService }, { token: i2.MatDialogRef }, { token: i3.FormBuilder }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ProfileSettingsDialog, selector: "ng-component", viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }], ngImport: i0, template: "<h2 mat-dialog-title>{{'Settings' | translate }}</h2>\n<mat-dialog-content>\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div class=\"column gap\" formGroupName=\"outOfOffice\">\n      <h4 class=\"\">{{'OutOfOffice'|translate}}</h4>\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"substitute\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n          [placeholder]=\"'Associate' | translate\" [required]=\"outOfOffice.value.active\" />\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n            (optionSelected)=\"setId($event)\">\n            @for (u of ousers$ | async; track u) {\n              <mat-option [value]=\"u\">\n                <span>{{u.name}}</span>\n              </mat-option>\n            }\n          </mat-autocomplete>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>{{'Dates'|translate}}</mat-label>\n          <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"dates\" required>\n            <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n            <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n          </mat-date-range-input>\n          <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n          <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n        </mat-form-field>\n      </div>\n      <!--<hr />-->\n      <div class=\"column\" formGroupName=\"grantAccess\">\n        <h4 class=\"\">{{'GrantAccess'|translate}}</h4>\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n        <mat-form-field>\n          <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!grantAccess.value.active\">\n            @for (u of grantAccess.value.users || []; track u) {\n              <mat-chip-row\n                [removable]=\"grantAccess.value.active\"\n                (removed)=\"removeGrant(u)\">\n                {{u | userName | async}}\n                <mat-icon matChipRemove>cancel</mat-icon>\n              </mat-chip-row>\n            }\n          </mat-chip-grid>\n          <input [formControl]=\"grants\" placeholder=\"{{'Users'| translate}}\"\n            [required]=\"grantAccess.value.active\"\n            [matAutocomplete]=\"grantAuto\"\n            #grantInput\n            [matChipInputFor]=\"grantList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n            <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n              @for (u of gusers$ | async; track u) {\n                <mat-option [value]=\"u.id\">\n                  {{u.name}}\n                  @if (u.email) {\n                    <span>&nbsp; - {{u.email}}</span>\n                  }\n                </mat-option>\n              }\n            </mat-autocomplete>\n          </mat-form-field>\n        </div>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" color=\"primary\" [disabled]=\"!form.valid\">{{'OK' | translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n    </mat-dialog-actions>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["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: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i5.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i5.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i5.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i5.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6.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: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i13.AsyncPipe, name: "async" }, { kind: "pipe", type: i14.UserNamePipe, name: "userName" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfileSettingsDialog, deps: [{ token: i1.AccountService }, { token: i2.MatDialogRef }, { token: i3.FormBuilder }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ProfileSettingsDialog, selector: "ng-component", viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }], ngImport: i0, template: "<h2 mat-dialog-title>{{'Settings' | translate }}</h2>\n<mat-dialog-content>\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div class=\"column gap\" formGroupName=\"outOfOffice\">\n      <h4 class=\"\">{{'OutOfOffice'|translate}}</h4>\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"substitute\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n          [placeholder]=\"'Associate' | translate\" [required]=\"outOfOffice.value.active\" />\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n            (optionSelected)=\"setId($event)\">\n            @for (u of ousers$ | async; track u) {\n              <mat-option [value]=\"u\">\n                <span>{{u.name}}</span>\n              </mat-option>\n            }\n          </mat-autocomplete>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>{{'Dates'|translate}}</mat-label>\n          <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"dates\" required>\n            <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n            <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n          </mat-date-range-input>\n          <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n          <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n        </mat-form-field>\n      </div>\n      <!--<hr />-->\n      <div class=\"column\" formGroupName=\"grantAccess\">\n        <h4 class=\"\">{{'GrantAccess'|translate}}</h4>\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n        <mat-form-field>\n          <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!grantAccess.value.active\">\n            @for (u of grantAccess.value.users || []; track u) {\n              <mat-chip-row\n                [removable]=\"grantAccess.value.active\"\n                (removed)=\"removeGrant(u)\">\n                {{u | userName | async}}\n                <mat-icon matChipRemove>cancel</mat-icon>\n              </mat-chip-row>\n            }\n          </mat-chip-grid>\n          <input [formControl]=\"grants\" placeholder=\"{{'Users'| translate}}\"\n            [required]=\"grantAccess.value.active\"\n            [matAutocomplete]=\"grantAuto\"\n            #grantInput\n            [matChipInputFor]=\"grantList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n            <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n              @for (u of gusers$ | async; track u) {\n                <mat-option [value]=\"u.id\">\n                  {{u.name}}\n                  @if (u.email) {\n                    <span>&nbsp; - {{u.email}}</span>\n                  }\n                </mat-option>\n              }\n            </mat-autocomplete>\n          </mat-form-field>\n        </div>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" color=\"primary\" [disabled]=\"!form.valid\">{{'OK' | translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n    </mat-dialog-actions>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["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: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i5.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i5.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i5.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i5.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6.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: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i13.AsyncPipe, name: "async" }, { kind: "pipe", type: i14.UserNamePipe, name: "userName" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ProfileSettingsDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfileSettingsDialog, decorators: [{
             type: Component,
             args: [{ template: "<h2 mat-dialog-title>{{'Settings' | translate }}</h2>\n<mat-dialog-content>\n  <form autocomplete=\"off\" [formGroup]=\"form\">\n    <div class=\"column gap\" formGroupName=\"outOfOffice\">\n      <h4 class=\"\">{{'OutOfOffice'|translate}}</h4>\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"substitute\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n          [placeholder]=\"'Associate' | translate\" [required]=\"outOfOffice.value.active\" />\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n            (optionSelected)=\"setId($event)\">\n            @for (u of ousers$ | async; track u) {\n              <mat-option [value]=\"u\">\n                <span>{{u.name}}</span>\n              </mat-option>\n            }\n          </mat-autocomplete>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>{{'Dates'|translate}}</mat-label>\n          <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"dates\" required>\n            <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n            <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n          </mat-date-range-input>\n          <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n          <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n        </mat-form-field>\n      </div>\n      <!--<hr />-->\n      <div class=\"column\" formGroupName=\"grantAccess\">\n        <h4 class=\"\">{{'GrantAccess'|translate}}</h4>\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n        <mat-form-field>\n          <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!grantAccess.value.active\">\n            @for (u of grantAccess.value.users || []; track u) {\n              <mat-chip-row\n                [removable]=\"grantAccess.value.active\"\n                (removed)=\"removeGrant(u)\">\n                {{u | userName | async}}\n                <mat-icon matChipRemove>cancel</mat-icon>\n              </mat-chip-row>\n            }\n          </mat-chip-grid>\n          <input [formControl]=\"grants\" placeholder=\"{{'Users'| translate}}\"\n            [required]=\"grantAccess.value.active\"\n            [matAutocomplete]=\"grantAuto\"\n            #grantInput\n            [matChipInputFor]=\"grantList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n            <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n              @for (u of gusers$ | async; track u) {\n                <mat-option [value]=\"u.id\">\n                  {{u.name}}\n                  @if (u.email) {\n                    <span>&nbsp; - {{u.email}}</span>\n                  }\n                </mat-option>\n              }\n            </mat-autocomplete>\n          </mat-form-field>\n        </div>\n      </form>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button [mat-dialog-close]=\"form.value\" color=\"primary\" [disabled]=\"!form.valid\">{{'OK' | translate}}</button>\n      <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n    </mat-dialog-actions>\n" }]
         }], ctorParameters: () => [{ type: i1.AccountService }, { type: i2.MatDialogRef }, { type: i3.FormBuilder }, { type: undefined, decorators: [{

package/esm2022/lib/admin/profiler/profiler.component.mjs

@@ -257,15 +257,15 @@ let ProfilerComponent = class ProfilerComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ProfilerComponent, deps: [{ token: i1.PromptService }, { token: i2.UtilityRef }, { token: i3.SessionService }, { token: i4.MatDialog }, { token: i5.DocumentInfo }, { token: i6.ChatInfo }, { token: i7.GuideService }, { token: i8.PanesRouter }, { token: i0.ChangeDetectorRef }, { token: i9.PaneRef }, { token: i10.TranslateService }, { token: i11.AccountService }, { token: i12.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ProfilerComponent, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["activity"], descendants: true }, { propertyName: "chartElement", first: true, predicate: ["activity"], descendants: true, read: ElementRef }, { propertyName: "assignTpl", first: true, predicate: ["assignTpl"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [formControl]=\"search\" data-help=\"search\" width=\"20\" />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n    <mat-icon (click)=\"null\" class=\"mat-icon-rtl-mirror\" matSuffix>search</mat-icon>\n  </mat-form-field>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\n</mat-toolbar>\n@if (data) {\n  <div class=\"row wrap\">\n    <!-- info -->\n    <mat-card class=\"flex\">\n      <mat-card-header>\n        <mat-card-title>\n          <span>{{data.info.name}}</span>\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <br />\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-icon-button (click)=\"chat()\" [bizdocTooltip]=\"'Chat' | translate\" [disabled]=\"!data\"><mat-icon>chat</mat-icon></button>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"settings()\" [bizdocTooltip]=\"'Settings' | translate\" [disabled]=\"!data\" data-help=\"settings\"><mat-icon>settings</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n    <mat-card class=\"flex\" data-help=\"activity\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Activity' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <ejs-chart #activity [primaryXAxis]=\"primaryXAxis\" [primaryYAxis]=\"primaryYAxis\" [zoomSettings]=\"zoomSettings\" [tooltip]='tooltip' (tooltipRender)=\"tooltipRender($event)\" [palettes]=\"palettes\" background=\"transparent\" [theme]='theme' [border]=\"border\" (pointClick)=\"pointClick($event)\">\n          <e-series-collection>\n          </e-series-collection>\n        </ejs-chart>\n      </mat-card-content>\n    </mat-card>\n    <!-- pending -->\n    <mat-card class=\"flex\" data-help=\"pending\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Pending' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.pending.length) {\n          <table class=\"mat-mdc-table\">\n            <thead>\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-header-cell\"></td>\n                <td class=\"mat-mdc-header-cell\"></td>\n              </tr>\n            </thead>\n            <tbody role=\"rowgroup\">\n              @for (r of data.pending; track r) {\n                <tr class=\"mat-mdc-row\">\n                  <td class=\"mat-mdc-cell\"><a (click)=\"trace(r.id)\">{{r.number}}</a></td>\n                  <td class=\"mat-mdc-cell\">{{ r.received | amDifference : null : 's' | amDuration : 's'}}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n    </mat-card>\n    <!-- positions -->\n    <mat-card class=\"flex\" data-help=\"positions\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Positions' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.positions.length) {\n          <table class=\"mat-mdc-table\">\n            @for (p of data.positions; track p) {\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-cell\">{{p.value }}</td>\n                <td class=\"mat-mdc-cell\">{{p.role | role}}</td>\n                <td class=\"mat-mdc-cell\">\n                  <button mat-icon-button (click)=\"reassign(p)\" [bizdocTooltip]=\"'Reassign' | translate\"><mat-icon>swap_horiz</mat-icon></button>\n                </td>\n              </tr>\n            }\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"reassign()\" [bizdocTooltip]=\"'ReassignAll' | translate\" [disabled]=\"!data || !data.positions.length\" data-help=\"reassign\"><mat-icon>swap_horiz</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n<!-- assign dialog -->\n<ng-template #assignTpl>\n  <h2 mat-dialog-title>{{'Reassign' | translate }}</h2>\n  <mat-dialog-content>\n    <form autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <mat-select placeholder=\"{{'Who' | translate}}\" [formControl]=\"who\" required>\n          @for (u of assignable$ | async; track u) {\n            <mat-option [value]=\"u.id\">{{u.name}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"who.value\" color=\"primary\" [disabled]=\"!who.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n", styles: [":host{min-width:560px;display:block}.mat-mdc-card{margin:5px}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-mdc-table{width:100%}\n"], dependencies: [{ kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i12.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i13.ChartComponent, selector: "ejs-chart", inputs: ["allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i13.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "component", type: i14.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i14.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i14.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i14.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i14.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i15.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i16.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: i17.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i16.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i18.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i18.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i19.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i20.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i20.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i21.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: i22.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i23.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i24.AsyncPipe, name: "async" }, { kind: "pipe", type: i25.DifferencePipe, name: "amDifference" }, { kind: "pipe", type: i26.DurationPipe, name: "amDuration" }, { kind: "pipe", type: i27.RolePipe, name: "role" }, { kind: "pipe", type: i28.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfilerComponent, deps: [{ token: i1.PromptService }, { token: i2.UtilityRef }, { token: i3.SessionService }, { token: i4.MatDialog }, { token: i5.DocumentInfo }, { token: i6.ChatInfo }, { token: i7.GuideService }, { token: i8.PanesRouter }, { token: i0.ChangeDetectorRef }, { token: i9.PaneRef }, { token: i10.TranslateService }, { token: i11.AccountService }, { token: i12.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ProfilerComponent, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["activity"], descendants: true }, { propertyName: "chartElement", first: true, predicate: ["activity"], descendants: true, read: ElementRef }, { propertyName: "assignTpl", first: true, predicate: ["assignTpl"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [formControl]=\"search\" data-help=\"search\" width=\"20\" />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n    <mat-icon (click)=\"null\" class=\"mat-icon-rtl-mirror\" matSuffix>search</mat-icon>\n  </mat-form-field>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\n</mat-toolbar>\n@if (data) {\n  <div class=\"row wrap\">\n    <!-- info -->\n    <mat-card class=\"flex\">\n      <mat-card-header>\n        <mat-card-title>\n          <span>{{data.info.name}}</span>\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <br />\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-icon-button (click)=\"chat()\" [bizdocTooltip]=\"'Chat' | translate\" [disabled]=\"!data\"><mat-icon>chat</mat-icon></button>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"settings()\" [bizdocTooltip]=\"'Settings' | translate\" [disabled]=\"!data\" data-help=\"settings\"><mat-icon>settings</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n    <mat-card class=\"flex\" data-help=\"activity\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Activity' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <ejs-chart #activity [primaryXAxis]=\"primaryXAxis\" [primaryYAxis]=\"primaryYAxis\" [zoomSettings]=\"zoomSettings\" [tooltip]='tooltip' (tooltipRender)=\"tooltipRender($event)\" [palettes]=\"palettes\" background=\"transparent\" [theme]='theme' [border]=\"border\" (pointClick)=\"pointClick($event)\">\n          <e-series-collection>\n          </e-series-collection>\n        </ejs-chart>\n      </mat-card-content>\n    </mat-card>\n    <!-- pending -->\n    <mat-card class=\"flex\" data-help=\"pending\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Pending' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.pending.length) {\n          <table class=\"mat-mdc-table\">\n            <thead>\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-header-cell\"></td>\n                <td class=\"mat-mdc-header-cell\"></td>\n              </tr>\n            </thead>\n            <tbody role=\"rowgroup\">\n              @for (r of data.pending; track r) {\n                <tr class=\"mat-mdc-row\">\n                  <td class=\"mat-mdc-cell\"><a (click)=\"trace(r.id)\">{{r.number}}</a></td>\n                  <td class=\"mat-mdc-cell\">{{ r.received | amDifference : null : 's' | amDuration : 's'}}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n    </mat-card>\n    <!-- positions -->\n    <mat-card class=\"flex\" data-help=\"positions\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Positions' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.positions.length) {\n          <table class=\"mat-mdc-table\">\n            @for (p of data.positions; track p) {\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-cell\">{{p.value }}</td>\n                <td class=\"mat-mdc-cell\">{{p.role | role}}</td>\n                <td class=\"mat-mdc-cell\">\n                  <button mat-icon-button (click)=\"reassign(p)\" [bizdocTooltip]=\"'Reassign' | translate\"><mat-icon>swap_horiz</mat-icon></button>\n                </td>\n              </tr>\n            }\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"reassign()\" [bizdocTooltip]=\"'ReassignAll' | translate\" [disabled]=\"!data || !data.positions.length\" data-help=\"reassign\"><mat-icon>swap_horiz</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n<!-- assign dialog -->\n<ng-template #assignTpl>\n  <h2 mat-dialog-title>{{'Reassign' | translate }}</h2>\n  <mat-dialog-content>\n    <form autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <mat-select placeholder=\"{{'Who' | translate}}\" [formControl]=\"who\" required>\n          @for (u of assignable$ | async; track u) {\n            <mat-option [value]=\"u.id\">{{u.name}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"who.value\" color=\"primary\" [disabled]=\"!who.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n", styles: [":host{min-width:560px;display:block}.mat-mdc-card{margin:5px}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-mdc-table{width:100%}\n"], dependencies: [{ kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i12.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i13.ChartComponent, selector: "ejs-chart", inputs: ["allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i13.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "component", type: i14.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i14.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i14.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i14.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i14.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i15.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i16.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: i17.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i16.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i18.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i18.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i19.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i20.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i20.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i21.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: i22.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i23.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i24.AsyncPipe, name: "async" }, { kind: "pipe", type: i25.DifferencePipe, name: "amDifference" }, { kind: "pipe", type: i26.DurationPipe, name: "amDuration" }, { kind: "pipe", type: i27.RolePipe, name: "role" }, { kind: "pipe", type: i28.TranslatePipe, name: "translate" }] }); }
 };
 ProfilerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-user-profiler' })
     /** component*/
 ], ProfilerComponent);
 export { ProfilerComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ProfilerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfilerComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [formControl]=\"search\" data-help=\"search\" width=\"20\" />\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\n      (optionSelected)=\"change($event)\">\n      @for (u of users$ | async; track u) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n    <mat-icon (click)=\"null\" class=\"mat-icon-rtl-mirror\" matSuffix>search</mat-icon>\n  </mat-form-field>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\n</mat-toolbar>\n@if (data) {\n  <div class=\"row wrap\">\n    <!-- info -->\n    <mat-card class=\"flex\">\n      <mat-card-header>\n        <mat-card-title>\n          <span>{{data.info.name}}</span>\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <br />\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-icon-button (click)=\"chat()\" [bizdocTooltip]=\"'Chat' | translate\" [disabled]=\"!data\"><mat-icon>chat</mat-icon></button>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"settings()\" [bizdocTooltip]=\"'Settings' | translate\" [disabled]=\"!data\" data-help=\"settings\"><mat-icon>settings</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n    <mat-card class=\"flex\" data-help=\"activity\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Activity' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        <ejs-chart #activity [primaryXAxis]=\"primaryXAxis\" [primaryYAxis]=\"primaryYAxis\" [zoomSettings]=\"zoomSettings\" [tooltip]='tooltip' (tooltipRender)=\"tooltipRender($event)\" [palettes]=\"palettes\" background=\"transparent\" [theme]='theme' [border]=\"border\" (pointClick)=\"pointClick($event)\">\n          <e-series-collection>\n          </e-series-collection>\n        </ejs-chart>\n      </mat-card-content>\n    </mat-card>\n    <!-- pending -->\n    <mat-card class=\"flex\" data-help=\"pending\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Pending' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.pending.length) {\n          <table class=\"mat-mdc-table\">\n            <thead>\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-header-cell\"></td>\n                <td class=\"mat-mdc-header-cell\"></td>\n              </tr>\n            </thead>\n            <tbody role=\"rowgroup\">\n              @for (r of data.pending; track r) {\n                <tr class=\"mat-mdc-row\">\n                  <td class=\"mat-mdc-cell\"><a (click)=\"trace(r.id)\">{{r.number}}</a></td>\n                  <td class=\"mat-mdc-cell\">{{ r.received | amDifference : null : 's' | amDuration : 's'}}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n    </mat-card>\n    <!-- positions -->\n    <mat-card class=\"flex\" data-help=\"positions\">\n      <mat-card-header>\n        <mat-card-title>\n          {{'Positions' | translate}}\n        </mat-card-title>\n      </mat-card-header>\n      <mat-card-content>\n        @if (data.positions.length) {\n          <table class=\"mat-mdc-table\">\n            @for (p of data.positions; track p) {\n              <tr class=\"mat-mdc-row\">\n                <td class=\"mat-mdc-cell\">{{p.value }}</td>\n                <td class=\"mat-mdc-cell\">{{p.role | role}}</td>\n                <td class=\"mat-mdc-cell\">\n                  <button mat-icon-button (click)=\"reassign(p)\" [bizdocTooltip]=\"'Reassign' | translate\"><mat-icon>swap_horiz</mat-icon></button>\n                </td>\n              </tr>\n            }\n          </table>\n        } @else {\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <span class=\"divider\"></span>\n        <button mat-icon-button (click)=\"reassign()\" [bizdocTooltip]=\"'ReassignAll' | translate\" [disabled]=\"!data || !data.positions.length\" data-help=\"reassign\"><mat-icon>swap_horiz</mat-icon></button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n<!-- assign dialog -->\n<ng-template #assignTpl>\n  <h2 mat-dialog-title>{{'Reassign' | translate }}</h2>\n  <mat-dialog-content>\n    <form autocomplete=\"off\" class=\"column\">\n      <mat-form-field>\n        <mat-select placeholder=\"{{'Who' | translate}}\" [formControl]=\"who\" required>\n          @for (u of assignable$ | async; track u) {\n            <mat-option [value]=\"u.id\">{{u.name}}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </form>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"who.value\" color=\"primary\" [disabled]=\"!who.valid\">{{'OK' | translate}}</button>\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\n  </mat-dialog-actions>\n</ng-template>\n", styles: [":host{min-width:560px;display:block}.mat-mdc-card{margin:5px}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-mdc-table{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.UtilityRef }, { type: i3.SessionService }, { type: i4.MatDialog }, { type: i5.DocumentInfo }, { type: i6.ChatInfo }, { type: i7.GuideService }, { type: i8.PanesRouter }, { type: i0.ChangeDetectorRef }, { type: i9.PaneRef }, { type: i10.TranslateService }, { type: i11.AccountService }, { type: i12.FormBuilder }], propDecorators: { chart: [{