@kuzntsv/uikit 1.0.13 → 1.0.16

package/fesm2022/kuzntsv-uikit-ui.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { input, output, effect, Component, viewChild, HostListener, inject, Injectable, Directive, signal, Pipe, ChangeDetectorRef, ChangeDetectionStrategy, linkedSignal, NgZone, ElementRef, InjectionToken, makeEnvironmentProviders } from '@angular/core';
-import { Router, RouterLink, ActivatedRoute } from '@angular/router';
-import { AuthService, RoleService, NotificationService, UIKIT_NOTIFICATION_TOKEN } from '@kuzntsv/uikit';
+import { input, output, effect, Component, viewChild, HostListener, inject, Injectable, computed, Directive, signal, Pipe, ChangeDetectorRef, ChangeDetectionStrategy, linkedSignal, NgZone, ElementRef, InjectionToken, makeEnvironmentProviders } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
+import { startWith, Subscription, Subject, tap, switchMap, map as map$1, forkJoin, take, filter, ReplaySubject, finalize } from 'rxjs';
+import { RoleService, NotificationService, HIDE_ROLE_MARKER, UIKIT_NOTIFICATION_TOKEN, AuthService } from '@kuzntsv/uikit';
 import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule, NgControl } from '@angular/forms';
 import { MatButton, MatIconButton, MatAnchor } from '@angular/material/button';
@@ -18,7 +19,6 @@ import * as i2 from '@angular/material/autocomplete';
 import { MatAutocompleteModule, MatOption } from '@angular/material/autocomplete';
 import * as i3 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import { startWith, Subscription, Subject, tap, switchMap, map as map$1, forkJoin, ReplaySubject } from 'rxjs';
 import { map, debounceTime, distinctUntilChanged, startWith as startWith$1 } from 'rxjs/operators';
 import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatOption as MatOption$1, MatOptgroup } from '@angular/material/core';
 import { MatDateRangeInput, MatStartDate, MatEndDate, MatDatepickerToggle, MatDateRangePicker } from '@angular/material/datepicker';
@@ -334,16 +334,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }] });
 
 class BaseToolbarComponent {
-    // Роли для кнопок
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesNewBtn = input([], ...(ngDevMode ? [{ debugName: "rolesNewBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesEditBtn = input([], ...(ngDevMode ? [{ debugName: "rolesEditBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesRemoveBtn = input([], ...(ngDevMode ? [{ debugName: "rolesRemoveBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesCopyBtn = input([], ...(ngDevMode ? [{ debugName: "rolesCopyBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesExcelBtn = input([], ...(ngDevMode ? [{ debugName: "rolesExcelBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesCsvBtn = input([], ...(ngDevMode ? [{ debugName: "rolesCsvBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesPdfBtn = input([], ...(ngDevMode ? [{ debugName: "rolesPdfBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesPrintBtn = input([], ...(ngDevMode ? [{ debugName: "rolesPrintBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesRefreshBtn = input([], ...(ngDevMode ? [{ debugName: "rolesRefreshBtn" }] : /* istanbul ignore next */ []));
+    /**
+     * Список Ролей, для которых кнопка видна. Если в списке есть роль 'HIDE', то скрывается.
+    */
     rolesClearBtn = input([], ...(ngDevMode ? [{ debugName: "rolesClearBtn" }] : /* istanbul ignore next */ []));
     // Состояния блокировки
     newBtnDisabled = input(false, ...(ngDevMode ? [{ debugName: "newBtnDisabled" }] : /* istanbul ignore next */ []));
@@ -381,10 +410,28 @@ class BaseToolbarComponent {
     clickedRefreshBtn = output();
     clickedClearBtn = output();
     // DI
-    authService = inject(AuthService);
+    // protected authService = inject(AuthService);
     roleService = inject(RoleService);
-    isShow(roles) {
-        return !this.roleService.isHideElement(roles, this.authService.roles());
+    // Вычисляемые сигналы видимости кнопок.
+    isNewBtnVisible = computed(() => this.checkVisibility(this.rolesNewBtn()), ...(ngDevMode ? [{ debugName: "isNewBtnVisible" }] : /* istanbul ignore next */ []));
+    isEditBtnVisible = computed(() => this.checkVisibility(this.rolesEditBtn()), ...(ngDevMode ? [{ debugName: "isEditBtnVisible" }] : /* istanbul ignore next */ []));
+    isRemoveBtnVisible = computed(() => this.checkVisibility(this.rolesRemoveBtn()), ...(ngDevMode ? [{ debugName: "isRemoveBtnVisible" }] : /* istanbul ignore next */ []));
+    isCopyBtnVisible = computed(() => this.checkVisibility(this.rolesCopyBtn()), ...(ngDevMode ? [{ debugName: "isCopyBtnVisible" }] : /* istanbul ignore next */ []));
+    isExcelBtnVisible = computed(() => this.checkVisibility(this.rolesExcelBtn()), ...(ngDevMode ? [{ debugName: "isExcelBtnVisible" }] : /* istanbul ignore next */ []));
+    isCsvBtnVisible = computed(() => this.checkVisibility(this.rolesCsvBtn()), ...(ngDevMode ? [{ debugName: "isCsvBtnVisible" }] : /* istanbul ignore next */ []));
+    isPdfBtnVisible = computed(() => this.checkVisibility(this.rolesPdfBtn()), ...(ngDevMode ? [{ debugName: "isPdfBtnVisible" }] : /* istanbul ignore next */ []));
+    isPrintBtnVisible = computed(() => this.checkVisibility(this.rolesPrintBtn()), ...(ngDevMode ? [{ debugName: "isPrintBtnVisible" }] : /* istanbul ignore next */ []));
+    isRefreshBtnVisible = computed(() => this.checkVisibility(this.rolesRefreshBtn()), ...(ngDevMode ? [{ debugName: "isRefreshBtnVisible" }] : /* istanbul ignore next */ []));
+    isClearBtnVisible = computed(() => this.checkVisibility(this.rolesClearBtn()), ...(ngDevMode ? [{ debugName: "isClearBtnVisible" }] : /* istanbul ignore next */ []));
+    /**
+     * Внутренний метод для вычисления видимости.
+     * Не вызывается напрямую из шаблона, а служит хелпером для декларативных computed.
+     * Проверяет, заблокирован ли доступ к элементу на основе списка ограничений.
+     * Возвращает true, если у пользователя есть запрещенная роль или передан маркер 'HIDE'.
+     * Администратор (ADMIN) всегда игнорирует любые запреты и маркер 'HIDE'.
+     */
+    checkVisibility(forbiddenRoles) {
+        return !this.roleService.hasForbiddenRole(forbiddenRoles);
     }
     onNewClick() {
         this.clickedNewBtn.emit();
@@ -417,7 +464,7 @@ class BaseToolbarComponent {
         this.clickedClearBtn.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: BaseToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: BaseToolbarComponent, isStandalone: true, selector: "ngx-uik-base-toolbar", inputs: { rolesNewBtn: { classPropertyName: "rolesNewBtn", publicName: "rolesNewBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesEditBtn: { classPropertyName: "rolesEditBtn", publicName: "rolesEditBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesRemoveBtn: { classPropertyName: "rolesRemoveBtn", publicName: "rolesRemoveBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesCopyBtn: { classPropertyName: "rolesCopyBtn", publicName: "rolesCopyBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesExcelBtn: { classPropertyName: "rolesExcelBtn", publicName: "rolesExcelBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesCsvBtn: { classPropertyName: "rolesCsvBtn", publicName: "rolesCsvBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesPdfBtn: { classPropertyName: "rolesPdfBtn", publicName: "rolesPdfBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesPrintBtn: { classPropertyName: "rolesPrintBtn", publicName: "rolesPrintBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesRefreshBtn: { classPropertyName: "rolesRefreshBtn", publicName: "rolesRefreshBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesClearBtn: { classPropertyName: "rolesClearBtn", publicName: "rolesClearBtn", isSignal: true, isRequired: false, transformFunction: null }, newBtnDisabled: { classPropertyName: "newBtnDisabled", publicName: "newBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, editBtnDisabled: { classPropertyName: "editBtnDisabled", publicName: "editBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, removeBtnDisabled: { classPropertyName: "removeBtnDisabled", publicName: "removeBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, copyBtnDisabled: { classPropertyName: "copyBtnDisabled", publicName: "copyBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, excelBtnDisabled: { classPropertyName: "excelBtnDisabled", publicName: "excelBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, csvBtnDisabled: { classPropertyName: "csvBtnDisabled", publicName: "csvBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, pdfBtnDisabled: { classPropertyName: "pdfBtnDisabled", publicName: "pdfBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, printBtnDisabled: { classPropertyName: "printBtnDisabled", publicName: "printBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, refreshBtnDisabled: { classPropertyName: "refreshBtnDisabled", publicName: "refreshBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, clearBtnDisabled: { classPropertyName: "clearBtnDisabled", publicName: "clearBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, newBtnTooltip: { classPropertyName: "newBtnTooltip", publicName: "newBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, editBtnTooltip: { classPropertyName: "editBtnTooltip", publicName: "editBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, removeBtnTooltip: { classPropertyName: "removeBtnTooltip", publicName: "removeBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, copyBtnTooltip: { classPropertyName: "copyBtnTooltip", publicName: "copyBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, excelBtnTooltip: { classPropertyName: "excelBtnTooltip", publicName: "excelBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, csvBtnTooltip: { classPropertyName: "csvBtnTooltip", publicName: "csvBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, pdfBtnTooltip: { classPropertyName: "pdfBtnTooltip", publicName: "pdfBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, printBtnTooltip: { classPropertyName: "printBtnTooltip", publicName: "printBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, refreshBtnTooltip: { classPropertyName: "refreshBtnTooltip", publicName: "refreshBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, clearBtnTooltip: { classPropertyName: "clearBtnTooltip", publicName: "clearBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, newBtnOpt: { classPropertyName: "newBtnOpt", publicName: "newBtnOpt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickedNewBtn: "clickedNewBtn", clickedEditBtn: "clickedEditBtn", clickedRemoveBtn: "clickedRemoveBtn", clickedCopyBtn: "clickedCopyBtn", clickedExcelBtn: "clickedExcelBtn", clickedCsvBtn: "clickedCsvBtn", clickedPdfBtn: "clickedPdfBtn", clickedPrintBtn: "clickedPrintBtn", clickedRefreshBtn: "clickedRefreshBtn", clickedClearBtn: "clickedClearBtn" }, ngImport: i0, template: "<mat-toolbar>\r\n  @if (isShow(rolesNewBtn())) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isShow(rolesEditBtn())) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesRemoveBtn())) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesCopyBtn())) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesExcelBtn())) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesCsvBtn())) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesPdfBtn())) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesPrintBtn())) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesRefreshBtn())) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesClearBtn())) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n", styles: [""], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: 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: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: 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: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: BaseToolbarComponent, isStandalone: true, selector: "ngx-uik-base-toolbar", inputs: { rolesNewBtn: { classPropertyName: "rolesNewBtn", publicName: "rolesNewBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesEditBtn: { classPropertyName: "rolesEditBtn", publicName: "rolesEditBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesRemoveBtn: { classPropertyName: "rolesRemoveBtn", publicName: "rolesRemoveBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesCopyBtn: { classPropertyName: "rolesCopyBtn", publicName: "rolesCopyBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesExcelBtn: { classPropertyName: "rolesExcelBtn", publicName: "rolesExcelBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesCsvBtn: { classPropertyName: "rolesCsvBtn", publicName: "rolesCsvBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesPdfBtn: { classPropertyName: "rolesPdfBtn", publicName: "rolesPdfBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesPrintBtn: { classPropertyName: "rolesPrintBtn", publicName: "rolesPrintBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesRefreshBtn: { classPropertyName: "rolesRefreshBtn", publicName: "rolesRefreshBtn", isSignal: true, isRequired: false, transformFunction: null }, rolesClearBtn: { classPropertyName: "rolesClearBtn", publicName: "rolesClearBtn", isSignal: true, isRequired: false, transformFunction: null }, newBtnDisabled: { classPropertyName: "newBtnDisabled", publicName: "newBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, editBtnDisabled: { classPropertyName: "editBtnDisabled", publicName: "editBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, removeBtnDisabled: { classPropertyName: "removeBtnDisabled", publicName: "removeBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, copyBtnDisabled: { classPropertyName: "copyBtnDisabled", publicName: "copyBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, excelBtnDisabled: { classPropertyName: "excelBtnDisabled", publicName: "excelBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, csvBtnDisabled: { classPropertyName: "csvBtnDisabled", publicName: "csvBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, pdfBtnDisabled: { classPropertyName: "pdfBtnDisabled", publicName: "pdfBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, printBtnDisabled: { classPropertyName: "printBtnDisabled", publicName: "printBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, refreshBtnDisabled: { classPropertyName: "refreshBtnDisabled", publicName: "refreshBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, clearBtnDisabled: { classPropertyName: "clearBtnDisabled", publicName: "clearBtnDisabled", isSignal: true, isRequired: false, transformFunction: null }, newBtnTooltip: { classPropertyName: "newBtnTooltip", publicName: "newBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, editBtnTooltip: { classPropertyName: "editBtnTooltip", publicName: "editBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, removeBtnTooltip: { classPropertyName: "removeBtnTooltip", publicName: "removeBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, copyBtnTooltip: { classPropertyName: "copyBtnTooltip", publicName: "copyBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, excelBtnTooltip: { classPropertyName: "excelBtnTooltip", publicName: "excelBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, csvBtnTooltip: { classPropertyName: "csvBtnTooltip", publicName: "csvBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, pdfBtnTooltip: { classPropertyName: "pdfBtnTooltip", publicName: "pdfBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, printBtnTooltip: { classPropertyName: "printBtnTooltip", publicName: "printBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, refreshBtnTooltip: { classPropertyName: "refreshBtnTooltip", publicName: "refreshBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, clearBtnTooltip: { classPropertyName: "clearBtnTooltip", publicName: "clearBtnTooltip", isSignal: true, isRequired: false, transformFunction: null }, newBtnOpt: { classPropertyName: "newBtnOpt", publicName: "newBtnOpt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickedNewBtn: "clickedNewBtn", clickedEditBtn: "clickedEditBtn", clickedRemoveBtn: "clickedRemoveBtn", clickedCopyBtn: "clickedCopyBtn", clickedExcelBtn: "clickedExcelBtn", clickedCsvBtn: "clickedCsvBtn", clickedPdfBtn: "clickedPdfBtn", clickedPrintBtn: "clickedPrintBtn", clickedRefreshBtn: "clickedRefreshBtn", clickedClearBtn: "clickedClearBtn" }, ngImport: i0, template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n", styles: [""], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: 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: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: 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: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: BaseToolbarComponent, decorators: [{
             type: Component,
@@ -430,7 +477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                         MatDivider,
                         MatMenuTrigger,
                         MatMenuItem,
-                    ], template: "<mat-toolbar>\r\n  @if (isShow(rolesNewBtn())) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isShow(rolesEditBtn())) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesRemoveBtn())) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesCopyBtn())) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesExcelBtn())) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesCsvBtn())) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesPdfBtn())) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesPrintBtn())) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesRefreshBtn())) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isShow(rolesClearBtn())) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n" }]
+                    ], template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n" }]
         }], propDecorators: { rolesNewBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesNewBtn", required: false }] }], rolesEditBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesEditBtn", required: false }] }], rolesRemoveBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesRemoveBtn", required: false }] }], rolesCopyBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesCopyBtn", required: false }] }], rolesExcelBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesExcelBtn", required: false }] }], rolesCsvBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesCsvBtn", required: false }] }], rolesPdfBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesPdfBtn", required: false }] }], rolesPrintBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesPrintBtn", required: false }] }], rolesRefreshBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesRefreshBtn", required: false }] }], rolesClearBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolesClearBtn", required: false }] }], newBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "newBtnDisabled", required: false }] }], editBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "editBtnDisabled", required: false }] }], removeBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeBtnDisabled", required: false }] }], copyBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyBtnDisabled", required: false }] }], excelBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "excelBtnDisabled", required: false }] }], csvBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "csvBtnDisabled", required: false }] }], pdfBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfBtnDisabled", required: false }] }], printBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "printBtnDisabled", required: false }] }], refreshBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshBtnDisabled", required: false }] }], clearBtnDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearBtnDisabled", required: false }] }], newBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "newBtnTooltip", required: false }] }], editBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "editBtnTooltip", required: false }] }], removeBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeBtnTooltip", required: false }] }], copyBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyBtnTooltip", required: false }] }], excelBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "excelBtnTooltip", required: false }] }], csvBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "csvBtnTooltip", required: false }] }], pdfBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfBtnTooltip", required: false }] }], printBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "printBtnTooltip", required: false }] }], refreshBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshBtnTooltip", required: false }] }], clearBtnTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearBtnTooltip", required: false }] }], newBtnOpt: [{ type: i0.Input, args: [{ isSignal: true, alias: "newBtnOpt", required: false }] }], clickedNewBtn: [{ type: i0.Output, args: ["clickedNewBtn"] }], clickedEditBtn: [{ type: i0.Output, args: ["clickedEditBtn"] }], clickedRemoveBtn: [{ type: i0.Output, args: ["clickedRemoveBtn"] }], clickedCopyBtn: [{ type: i0.Output, args: ["clickedCopyBtn"] }], clickedExcelBtn: [{ type: i0.Output, args: ["clickedExcelBtn"] }], clickedCsvBtn: [{ type: i0.Output, args: ["clickedCsvBtn"] }], clickedPdfBtn: [{ type: i0.Output, args: ["clickedPdfBtn"] }], clickedPrintBtn: [{ type: i0.Output, args: ["clickedPrintBtn"] }], clickedRefreshBtn: [{ type: i0.Output, args: ["clickedRefreshBtn"] }], clickedClearBtn: [{ type: i0.Output, args: ["clickedClearBtn"] }] } });
 
 var Action;
@@ -510,16 +557,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }], ctorParameters: () => [] });
 
 class BaseNavBarMenuClass {
-    subscription = new Subscription();
-    authService = inject(AuthService);
     roleService = inject(RoleService);
     router = inject(Router);
-    ngOnDestroy() {
-        if (this.subscription)
-            this.subscription.unsubscribe();
+    /**
+     * Определяет видимость пункта меню на основе ЧЕРНОГО списка ролей.
+     * По умолчанию пункт меню ВИДИМ. Скрывается (возвращает false), если у пользователя
+     * есть запрещенная роль или если передан маркер скрытия фичи HIDE_ROLE_MARKER.
+     */
+    isMenuVisibleForForbiddenRoles(forbiddenRoles) {
+        // Если роль запрещена, метод roleService вернет true. 
+        // Мы инвертируем (!), чтобы видимость (isMenuVisible) стала false.
+        return !this.roleService.hasForbiddenRole(forbiddenRoles);
     }
-    isShow(roles) {
-        return !this.roleService.isHideElement(roles, this.authService.roles());
+    /**
+     * Определяет видимость пункта меню на основе БЕЛОГО списка ролей.
+     * По умолчанию пункт меню СКРЫТ. Показывается (возвращает true), только если у пользователя
+     * есть хотя бы одна из разрешенных ролей. Администратор (ADMIN) всегда видит элемент.
+     */
+    isMenuVisibleForAllowedRoles(allowedRoles) {
+        // Проверяем, есть ли у пользователя хотя бы одна роль из разрешенного списка.
+        // (Предполагается, что у вашего roleService есть соответствующий метод, например, hasAnyRole)
+        return this.roleService.hasAnyRole(allowedRoles);
     }
     /** Нажата средняя кнопка (открыть ссылку в новой вкладке). */
     onMiddleClick(event, baseUrl, menu) {
@@ -610,7 +668,7 @@ class BasePageClass {
     editorRoles = [];
     executeRoles = [];
     /** Список ролей, для которых скрыть элемент. */
-    hideRoles = ['HIDE'];
+    hideRoles = [HIDE_ROLE_MARKER];
     /** Загрузка данных. */
     loadData$ = new Subject();
     /** Загрузка количества записей. */
@@ -1101,15 +1159,18 @@ class NavBarComponent extends BaseNavBarMenuClass {
                 title: 'Подтверждение',
                 message: 'Вы хотите выйти?',
                 btnNoTitle: 'Отмена',
-                btnYesTitle: 'Выйти'
-            }
+                btnYesTitle: 'Выйти',
+            },
         });
-        const subs = dialogRef.afterClosed().subscribe((id) => {
+        dialogRef
+            .afterClosed()
+            .pipe(take(1), // Берем только одно значение (когда закрылся)
+        filter((id) => !!id))
+            .subscribe((id) => {
             if (id) {
                 this.onLogout();
             }
         });
-        this.subscription.add(subs);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: NavBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: NavBarComponent, isStandalone: true, selector: "ngx-uik-navbar", inputs: { visibleOnLogout: { classPropertyName: "visibleOnLogout", publicName: "visibleOnLogout", isSignal: true, isRequired: false, transformFunction: null }, visibleAvatar: { classPropertyName: "visibleAvatar", publicName: "visibleAvatar", isSignal: true, isRequired: false, transformFunction: null }, visibleLogoutBtn: { classPropertyName: "visibleLogoutBtn", publicName: "visibleLogoutBtn", isSignal: true, isRequired: false, transformFunction: null }, loggedIn: { classPropertyName: "loggedIn", publicName: "loggedIn", isSignal: true, isRequired: false, transformFunction: null }, fioUser: { classPropertyName: "fioUser", publicName: "fioUser", isSignal: true, isRequired: false, transformFunction: null }, userTooltip: { classPropertyName: "userTooltip", publicName: "userTooltip", isSignal: true, isRequired: false, transformFunction: null }, avatarURL: { classPropertyName: "avatarURL", publicName: "avatarURL", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { logout: "logout" }, usesInheritance: true, ngImport: i0, template: "@if (visibleOnLogout() || loggedIn()) {\r\n  <nav class=\"ngx-uik-navbar-header\">\r\n    \r\n    <ng-content></ng-content>\r\n\r\n    <div class=\"flex-spacer\"></div>\r\n    \r\n    @if (visibleAvatar() && (loggedIn() === false || !avatarURL)) {\r\n      <mat-icon [matTooltip]=\"userTooltip()\">account_circle</mat-icon>\r\n    }\r\n    @if (visibleAvatar() && loggedIn() && avatarURL()) {\r\n      <img\r\n        class=\"user-photo\"\r\n        [src]=\"avatarURL() | safe\"\r\n        loading=\"lazy\"\r\n        [alt]=\"fioUser()\"\r\n        [matTooltip]=\"userTooltip()\">\r\n    }\r\n\r\n    <span class = \"user-name\" [matTooltip]=\"userTooltip()\">\r\n      {{ fioUser() }}\r\n    </span>\r\n\r\n    @if (visibleLogoutBtn()) {\r\n      <a mat-button class=\"pm-button\" (click)=\"openDialog()\">\u0412\u044B\u0439\u0442\u0438 <mat-icon>logout</mat-icon></a>\r\n    }\r\n  </nav>\r\n}", styles: [".ngx-uik-navbar-header{display:flex;flex-wrap:wrap;align-items:center;padding:8px 16px}.flex-spacer{flex-grow:1}.user-name{margin-left:8px;line-height:1rem;white-space:normal}.user-photo{border-radius:50%;width:32px;height:32px;margin-right:10px}.mat-mdc-button{color:#fff!important;padding-left:16px!important;padding-right:16px!important}.mdc-button{letter-spacing:normal}\n"], dependencies: [{ kind: "component", type: MatAnchor, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: SafePipe, name: "safe" }] });
@@ -1643,59 +1704,103 @@ class LoginPageComponent {
     pending = false;
     error = '';
     isKiosk = false;
-    /** Идентификатор АС */
-    idCas = 0;
-    /** Подписка на Идентификатор АС */
-    sub;
+    /**
+     * Идентификатор АС получаем автоматически из ActivatedRoute Data!
+     * (Для этого в настройках роутера должен быть включен withComponentInputBinding())
+     */
+    idCas = input(0, ...(ngDevMode ? [{ debugName: "idCas" }] : /* istanbul ignore next */ []));
     authService = inject(AuthService);
-    route = inject(ActivatedRoute);
+    router = inject(Router);
     loaderService = inject(LoaderService);
-    constructor() {
-        this.sub = this.route.data.subscribe(data => {
-            this.idCas = data['idCas'];
-        });
-    }
+    notificationService = inject(UIKIT_NOTIFICATION_TOKEN, {
+        optional: true,
+    });
     ngOnInit() {
-        if (localStorage.getItem('id_human') || localStorage.getItem('kiosk-keyboard-layout')) {
+        if (localStorage.getItem('id_human') ||
+            localStorage.getItem('kiosk-keyboard-layout')) {
             // this.isKiosk = true;
         }
     }
-    ngOnDestroy() {
-        this.sub.unsubscribe();
-    }
-    onSubmitError() {
-        return () => {
-            this.pending = false;
-            this.loaderService.hide();
-        };
-    }
     onSubmit($event) {
         this.loaderService.show();
         this.pending = true;
-        this.authService.login($event.username, $event.password, this.idCas, this.onSubmitError());
+        this.authService
+            .login($event.username, $event.password, this.idCas())
+            .pipe(
+        // Очищаем состояние лоадеров ВСЕГДА (и при успехе, и при ошибке)
+        finalize(() => {
+            this.pending = false;
+            this.loaderService.hide();
+        }))
+            .subscribe({
+            next: () => this.handleSuccessLogin(),
+            error: (error) => {
+                const errorMsg = error.error?.message || error.message || 'Ошибка при авторизации';
+                this.notificationService?.error(errorMsg, 0);
+            },
+        });
     }
     onSubmitPermit($event) {
         const permit = $event;
-        this.authService.loginByPermit(permit, this.idCas);
+        this.loaderService.show();
+        this.pending = true;
+        this.authService
+            .loginByPermit(permit, this.idCas())
+            .pipe(
+        // Очищаем состояние лоадеров ВСЕГДА (и при успехе, и при ошибке)
+        finalize(() => {
+            this.pending = false;
+            this.loaderService.hide();
+        }))
+            .subscribe({
+            next: () => this.handleSuccessLogin(),
+            error: (error) => {
+                const errorMsg = error.error?.message || error.message || 'Ошибка при авторизации';
+                this.notificationService?.error(errorMsg, 0);
+            },
+        });
+    }
+    handleSuccessLogin() {
+        this.notificationService?.success('Успешная авторизация');
+        // ЛОГИКА ВОЗВРАТА ПОСЛЕ УСПЕШНОГО ЛОГИНА
+        if (this.router) {
+            // Извлекаем returnUrl из текущего query-параметра текущего маршрута
+            const currentUrlTree = this.router.parseUrl(this.router.url);
+            const returnUrl = currentUrlTree.queryParamMap.get('returnUrl');
+            if (returnUrl) {
+                // Декодируем и перенаправляем пользователя туда, где он был
+                this.router.navigateByUrl(decodeURIComponent(returnUrl));
+                return;
+            }
+            // Если returnUrl нет, идем на главную
+            this.router.navigate(['/']);
+        }
+        // Логика перенаправления обратно: достаем returnUrl из текущих query-параметров страницы логина
+        const currentUrlTree = this.router.parseUrl(this.router.url);
+        const returnUrl = currentUrlTree.queryParamMap.get('returnUrl');
+        if (returnUrl) {
+            this.router.navigateByUrl(decodeURIComponent(returnUrl));
+        }
+        {
+            this.router.navigate(['/']); // дефолтный роут, если returnUrl нет
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LoginPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: LoginPageComponent, isStandalone: true, selector: "ngx-uik-login-page", ngImport: i0, template: "@if (!isKiosk) {\r\n    <ngx-uik-login-form\r\n      (submitted)=\"onSubmit($event)\"\r\n      [pending]=\"pending\"\r\n      [errorMessage]=\"error\">\r\n    </ngx-uik-login-form>\r\n  }\r\n  @if (isKiosk) {\r\n    <ngx-uik-permit-form\r\n      (submitted)=\"onSubmitPermit($event)\"\r\n      >\r\n    </ngx-uik-permit-form>\r\n  }", styles: [""], dependencies: [{ kind: "component", type: LoginFormComponent, selector: "ngx-uik-login-form", inputs: ["pending", "errorMessage"], outputs: ["submitted"] }, { kind: "component", type: PermitFormComponent, selector: "ngx-uik-permit-form", outputs: ["submitted"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: LoginPageComponent, isStandalone: true, selector: "ngx-uik-login-page", inputs: { idCas: { classPropertyName: "idCas", publicName: "idCas", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!isKiosk) {\r\n    <ngx-uik-login-form\r\n      (submitted)=\"onSubmit($event)\"\r\n      [pending]=\"pending\"\r\n      [errorMessage]=\"error\">\r\n    </ngx-uik-login-form>\r\n  }\r\n  @if (isKiosk) {\r\n    <ngx-uik-permit-form\r\n      (submitted)=\"onSubmitPermit($event)\"\r\n      >\r\n    </ngx-uik-permit-form>\r\n  }", styles: [""], dependencies: [{ kind: "component", type: LoginFormComponent, selector: "ngx-uik-login-form", inputs: ["pending", "errorMessage"], outputs: ["submitted"] }, { kind: "component", type: PermitFormComponent, selector: "ngx-uik-permit-form", outputs: ["submitted"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LoginPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-uik-login-page', imports: [LoginFormComponent, PermitFormComponent], template: "@if (!isKiosk) {\r\n    <ngx-uik-login-form\r\n      (submitted)=\"onSubmit($event)\"\r\n      [pending]=\"pending\"\r\n      [errorMessage]=\"error\">\r\n    </ngx-uik-login-form>\r\n  }\r\n  @if (isKiosk) {\r\n    <ngx-uik-permit-form\r\n      (submitted)=\"onSubmitPermit($event)\"\r\n      >\r\n    </ngx-uik-permit-form>\r\n  }" }]
-        }], ctorParameters: () => [] });
+        }], propDecorators: { idCas: [{ type: i0.Input, args: [{ isSignal: true, alias: "idCas", required: false }] }] } });
 
 class DisableIfRoleDirective {
-    roles = input([], { ...(ngDevMode ? { debugName: "roles" } : /* istanbul ignore next */ {}), alias: 'ngxUikDisableIfRole' });
+    forbiddenRoles = input([], { ...(ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {}), alias: 'ngxUikDisableIfRole' });
     el = inject(ElementRef);
-    authService = inject(AuthService);
     roleService = inject(RoleService);
     constructor() {
         effect(() => {
-            const hasRequiredRole = this.roleService.hasRoles(this.authService.roles(), this.roles());
-            // Блокируем, если ролей НЕТ
-            const shouldDisable = !hasRequiredRole;
+            // Спрашиваем у сервиса, заблокирована ли данная конфигурация ролей
+            const shouldDisable = this.roleService.hasForbiddenRole(this.forbiddenRoles());
             // 2. Безопасное управление атрибутом для любых элементов
             const nativeEl = this.el.nativeElement;
             if ('disabled' in nativeEl) {
@@ -1713,7 +1818,7 @@ class DisableIfRoleDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DisableIfRoleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: DisableIfRoleDirective, isStandalone: true, selector: "[ngxUikDisableIfRole]", inputs: { roles: { classPropertyName: "roles", publicName: "ngxUikDisableIfRole", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: DisableIfRoleDirective, isStandalone: true, selector: "[ngxUikDisableIfRole]", inputs: { forbiddenRoles: { classPropertyName: "forbiddenRoles", publicName: "ngxUikDisableIfRole", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DisableIfRoleDirective, decorators: [{
             type: Directive,
@@ -1721,43 +1826,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     selector: '[ngxUikDisableIfRole]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [], propDecorators: { roles: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxUikDisableIfRole", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { forbiddenRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxUikDisableIfRole", required: false }] }] } });
 
-class HideIfRoleNotDirective {
-    roles = input([], { ...(ngDevMode ? { debugName: "roles" } : /* istanbul ignore next */ {}), alias: 'ngxUikHideIfRoleNot' });
+class HideIfForbiddenRoleDirective {
+    forbiddenRoles = input([], { ...(ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {}), alias: 'ngxUikHideIfForbiddenRole' });
     el = inject(ElementRef);
-    authService = inject(AuthService);
     roleService = inject(RoleService);
     constructor() {
         effect(() => {
-            // Элемент скрывается, если у пользователя нет ни одной роли из перереданных в "roles"
-            // или в списке "roles" есть роль "hideRole".
-            const isHide = this.roleService.isHideElement(this.roles(), this.authService.roles());
+            // Элемент скрывается, если у пользователя есть запрещенная роль или передан маркер HIDE_ROLE_MARKER
+            const shouldHide = this.roleService.hasForbiddenRole(this.forbiddenRoles());
             // Управляем отображением. Пустая строка возвращает дефолтный CSS-стиль элемента.
-            this.el.nativeElement.style.display = isHide ? 'none' : '';
+            this.el.nativeElement.style.display = shouldHide ? 'none' : '';
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: HideIfRoleNotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: HideIfRoleNotDirective, isStandalone: true, selector: "[ngxUikHideIfRoleNot]", inputs: { roles: { classPropertyName: "roles", publicName: "ngxUikHideIfRoleNot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: HideIfForbiddenRoleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: HideIfForbiddenRoleDirective, isStandalone: true, selector: "[ngxUikHideIfForbiddenRole]", inputs: { forbiddenRoles: { classPropertyName: "forbiddenRoles", publicName: "ngxUikHideIfForbiddenRole", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: HideIfRoleNotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: HideIfForbiddenRoleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngxUikHideIfRoleNot]',
-                    standalone: true
+                    selector: '[ngxUikHideIfForbiddenRole]',
+                    standalone: true,
                 }]
-        }], ctorParameters: () => [], propDecorators: { roles: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxUikHideIfRoleNot", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { forbiddenRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxUikHideIfForbiddenRole", required: false }] }] } });
 
 class SetValueDirective {
-    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'setValue' });
+    value = input(null, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'setValue' });
     // 3. Используем опциональный inject, чтобы директива не падала, если формы нет
     ngControl = inject(NgControl, { optional: true });
     constructor() {
         effect(() => {
             // Эффект автоматически отслеживает изменение входного значения
             const val = this.value();
-            if (this.ngControl?.control) {
-                this.ngControl.control.setValue(val, { emitEvent: false });
+            // Безопасное приведение undefined к null для стандартизации значений в формах
+            const normalizedValue = val === undefined ? null : val;
+            // Используем проверку, так как на старте ngControl.control может быть еще не создан Angular-ом
+            if (this.ngControl && this.ngControl.control) {
+                this.ngControl.control.setValue(normalizedValue, { emitEvent: false });
             }
         });
     }
@@ -1794,14 +1900,15 @@ const redirectGuard = (route) => {
     return true;
 };
 
+/**
+ * Пускает на роут только тех пользователей, у которых есть роли из списка allowedRoles.
+ * ADMIN всегда имеет доступ.
+ */
 const roleGuard = (allowedRoles) => {
     return (route, state) => {
-        const authService = inject(AuthService);
         const roleService = inject(RoleService);
-        // Читаем роли из Сигнала
-        const userRoles = authService.roles();
         // Проверяем доступ на основе аргумента allowedRoles
-        return roleService.hasRoles(userRoles, allowedRoles);
+        return roleService.hasAnyRole(allowedRoles);
     };
 };
 
@@ -1878,5 +1985,5 @@ class SecUser {
  * Generated bundle index. Do not edit.
  */
 
-export { Action, AvatarService, BaseEditClass, BaseFilterClass, BaseMatChipComponent, BaseNavBarMenuClass, BasePageClass, BaseSelectAutocompleteWithVsComponent, BaseSelectWithGroupComponent, BaseServiceClass, BaseToolbarComponent, DateRangeInputComponent, DialogAction, DialogComponent, DisableIfRoleDirective, EmptyComponent, EntityAction, ExportService, HideIfRoleNotDirective, LOGGER_CONFIG, LoaderService, LocalStorageService, LoggerService, LoginPageComponent, MY_FORMATS, NavBarComponent, NotFoundComponent, ProgressSpinnerComponent, SafePipe, SecUser, SetValueDirective, SseService, TableComponent, TimePipe, TruncatePipe, authGuard, dateFormat, provideLogger, redirectGuard, roleGuard };
+export { Action, AvatarService, BaseEditClass, BaseFilterClass, BaseMatChipComponent, BaseNavBarMenuClass, BasePageClass, BaseSelectAutocompleteWithVsComponent, BaseSelectWithGroupComponent, BaseServiceClass, BaseToolbarComponent, DateRangeInputComponent, DialogAction, DialogComponent, DisableIfRoleDirective, EmptyComponent, EntityAction, ExportService, HideIfForbiddenRoleDirective, LOGGER_CONFIG, LoaderService, LocalStorageService, LoggerService, LoginPageComponent, MY_FORMATS, NavBarComponent, NotFoundComponent, ProgressSpinnerComponent, SafePipe, SecUser, SetValueDirective, SseService, TableComponent, TimePipe, TruncatePipe, authGuard, dateFormat, provideLogger, redirectGuard, roleGuard };
 //# sourceMappingURL=kuzntsv-uikit-ui.mjs.map