@kuzntsv/uikit 0.0.42 → 0.0.44

package/auth/components/permit-form/permit-form.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PermitFormComponent implements OnInit {
-    hidy: ElementRef | undefined;
+    hidy?: ElementRef;
     submitted: import("@angular/core").OutputEmitterRef<string>;
     mouseHandling(): void;
     ngOnInit(): void;

package/base/base-classes/base-edit-class.d.ts

@@ -10,11 +10,11 @@ export declare abstract class BaseEditClass<T> implements OnDestroy {
     /** Заголовок. */
     abstract title: string;
     /** Данные диалога. */
-    protected abstract dialogData: IEditDialogData<T> | undefined;
+    protected abstract dialogData?: IEditDialogData<T>;
     /** Форма. */
-    abstract form: FormGroup | undefined;
+    abstract form?: FormGroup;
     /** Ссылка на диалог. */
-    protected abstract dialogRef: MatDialogRef<any, IEditDialogData<T> | null> | undefined;
+    protected abstract dialogRef?: MatDialogRef<any, IEditDialogData<T> | null>;
     /** Сервис индиатор загрузки. */
     protected loaderService: LoaderService;
     /** Сервис уведослений. */

package/base/base-classes/base-nav-bar-menu-class.d.ts

@@ -1,8 +1,12 @@
+import { OnDestroy } from "@angular/core";
 import { MatMenuTrigger } from "@angular/material/menu";
 import { Router } from "@angular/router";
+import { Subscription } from "rxjs";
 import * as i0 from "@angular/core";
-export declare class BaseNavBarMenuClass {
-    router: Router;
+export declare class BaseNavBarMenuClass implements OnDestroy {
+    protected subscription: Subscription;
+    protected router: Router;
+    ngOnDestroy(): void;
     /** Нажата средняя кнопка (открыть ссылку в новой вкладке). */
     onMiddleClick(event: PointerEvent, baseUrl: string, menu: MatMenuTrigger): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseNavBarMenuClass, never>;

package/base/base-classes/base-page-class.d.ts

@@ -23,7 +23,7 @@ export declare class BasePageClass<T> implements OnDestroy {
     extraData?: any;
     defaultPageIndex: number;
     defaultPageSize: number;
-    dialog: MatDialog | undefined;
+    dialog?: MatDialog;
     dialogEditWidth: string;
     dialogRemoveWidth: string;
     routeAddress: string;

package/fesm2022/kuzntsv-uikit.mjs

@@ -1012,7 +1012,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
         }], ctorParameters: () => [] });
 
 class BaseNavBarMenuClass {
+    subscription = new Subscription();
     router = inject(Router);
+    ngOnDestroy() {
+        if (this.subscription)
+            this.subscription.unsubscribe();
+    }
     /** Нажата средняя кнопка (открыть ссылку в новой вкладке). */
     onMiddleClick(event, baseUrl, menu) {
         // 1 -	Auxiliary button pressed (usually the middle button)
@@ -1795,18 +1800,17 @@ var DialogAction;
     DialogAction["None"] = "";
 })(DialogAction || (DialogAction = {}));
 
-class NavBarComponent {
+class NavBarComponent extends BaseNavBarMenuClass {
     loggedIn$;
     roles$;
     fioUser = '';
     photoURL = '';
-    subscription = new Subscription();
     authService = inject(AuthService);
-    router = inject(Router);
     userService = inject(UserService);
     avatarService = inject(AvatarService);
     dialog = inject(MatDialog);
     constructor() {
+        super();
         this.loggedIn$ = this.authService.loggedIn$;
         this.roles$ = this.authService.roles$;
         this.fioUser = '';
@@ -1834,10 +1838,6 @@ class NavBarComponent {
         });
         this.subscription.add(subs);
     }
-    ngOnDestroy() {
-        if (this.subscription)
-            this.subscription.unsubscribe();
-    }
     logout() {
         this.authService.logout(this.router.url);
     }
@@ -1860,7 +1860,7 @@ class NavBarComponent {
         this.subscription.add(subs);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NavBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: NavBarComponent, isStandalone: true, selector: "ngx-uik-navbar", ngImport: i0, template: "@if (loggedIn$ | async) {\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 ((loggedIn$ | async) === false || !photoURL) {\r\n      <mat-icon [matTooltip]=\"(roles$ | async)?.join(',')||''\">account_circle</mat-icon>\r\n    }\r\n    @if ((loggedIn$ | async) && photoURL) {\r\n      <img\r\n        class=\"user-photo\"\r\n        [src]=\"photoURL | safe\"\r\n        loading=\"lazy\"\r\n        [alt]=\"fioUser\"\r\n        [matTooltip]=\"(roles$ | async)?.join(',')||''\">\r\n    }\r\n\r\n    <span class = \"user-name\" [matTooltip]=\"(roles$ | async)?.join(',') || ''\">\r\n      {{ fioUser }}\r\n    </span>\r\n\r\n    <a mat-button class=\"pm-button\" (click)=\"openDialog()\">\u0412\u044B\u0439\u0442\u0438 <mat-icon>logout</mat-icon></a>\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: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", 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: AsyncPipe, name: "async" }, { kind: "pipe", type: SafePipe, name: "safe" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: NavBarComponent, isStandalone: true, selector: "ngx-uik-navbar", usesInheritance: true, ngImport: i0, template: "@if (loggedIn$ | async) {\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 ((loggedIn$ | async) === false || !photoURL) {\r\n      <mat-icon [matTooltip]=\"(roles$ | async)?.join(',')||''\">account_circle</mat-icon>\r\n    }\r\n    @if ((loggedIn$ | async) && photoURL) {\r\n      <img\r\n        class=\"user-photo\"\r\n        [src]=\"photoURL | safe\"\r\n        loading=\"lazy\"\r\n        [alt]=\"fioUser\"\r\n        [matTooltip]=\"(roles$ | async)?.join(',')||''\">\r\n    }\r\n\r\n    <span class = \"user-name\" [matTooltip]=\"(roles$ | async)?.join(',') || ''\">\r\n      {{ fioUser }}\r\n    </span>\r\n\r\n    <a mat-button class=\"pm-button\" (click)=\"openDialog()\">\u0412\u044B\u0439\u0442\u0438 <mat-icon>logout</mat-icon></a>\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: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", 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: AsyncPipe, name: "async" }, { kind: "pipe", type: SafePipe, name: "safe" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NavBarComponent, decorators: [{
             type: Component,