@flusys/ng-auth 5.4.1 → 5.5.0

package/fesm2022/flusys-ng-auth.mjs

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { inject, Injectable, signal, computed, effect, PLATFORM_ID, InjectionToken, Component, untracked, viewChild, DestroyRef, input, Injector, output, resource, makeStateKey, TransferState } from '@angular/core';
 import { APP_CONFIG, getServiceUrl, isCompanyFeatureEnabled, isServiceEnabled, isSignUpEnabled, getPermissionMode, getDefaultCompanySlug, getDefaultBranchSlug } from '@flusys/ng-core';
 import { of, timeout, switchMap, map, tap, catchError, shareReplay, finalize, BehaviorSubject, throwError, filter, take, from, forkJoin, firstValueFrom } from 'rxjs';
-import * as i2$1 from '@angular/router';
+import * as i2 from '@angular/router';
 import { Router, RouterOutlet, RouterLink, RouterLinkActive, ActivatedRoute } from '@angular/router';
 import { PlatformService, TranslateService, ApiResourceService, CookieService, resolveTranslationModule, SHARED_MESSAGES, permissionGuard, USER_PERMISSIONS, COMPANY_PERMISSIONS, BRANCH_PERMISSIONS, USER_PROVIDER, COMPANY_API_PROVIDER, USER_PERMISSION_PROVIDER, AUTH_STATE_PROVIDER, PermissionValidatorService, TranslatePipe, AngularModule, PrimeModule, HasPermissionDirective, BaseFormComponent, BaseListComponent, BaseListTemplateDirective, FileUrlService, FILE_PROVIDER, PROFILE_PERMISSION_PROVIDER, FileUploaderComponent } from '@flusys/ng-shared';
 import { map as map$1, catchError as catchError$1, tap as tap$1 } from 'rxjs/operators';
@@ -14,23 +14,25 @@ import { LAYOUT_AUTH_STATE, LAYOUT_AUTH_API, AppFloatingConfigurator } from '@fl
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { form, required, FormField, email, minLength } from '@angular/forms/signals';
 import * as i1 from '@angular/forms';
-import * as i2 from 'primeng/button';
-import * as i3 from 'primeng/card';
+import * as i3 from 'primeng/button';
+import * as i3$1 from 'primeng/card';
 import * as i4 from 'primeng/inputtext';
 import * as i6 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i4$1 from 'primeng/select';
 import * as i5 from 'primeng/table';
 import * as i7 from 'primeng/tooltip';
-import * as i3$1 from 'primeng/avatar';
-import * as i6$1 from 'primeng/password';
-import * as i7$1 from 'primeng/skeleton';
-import * as i9 from 'primeng/textarea';
+import * as i3$2 from 'primeng/avatar';
+import * as i5$1 from 'primeng/iconfield';
+import * as i6$1 from 'primeng/inputicon';
+import * as i7$1 from 'primeng/inputpassword';
+import * as i9 from 'primeng/skeleton';
+import * as i11 from 'primeng/textarea';
 import * as i4$2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i6$2 from 'primeng/progressspinner';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import * as i3$2 from 'primeng/checkbox';
+import * as i3$3 from 'primeng/checkbox';
 
 // ─── Type guards ───────────────────────────────────────────────────────────────
 function isEmailVerificationRequired(response) {
@@ -86,10 +88,10 @@ class AuthApiService {
     verifyEmail(token) {
         return this.http.post(`${this.baseUrl}/verify-email`, { token });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -117,27 +119,39 @@ class AuthStateService {
         optional: true,
     });
     // Core State (private writable, public readonly)
-    _user = signal(null, ...(ngDevMode ? [{ debugName: "_user" }] : []));
-    _accessToken = signal('', ...(ngDevMode ? [{ debugName: "_accessToken" }] : [])); // Memory-only, not persisted
-    _tokenExpiresAt = signal(null, ...(ngDevMode ? [{ debugName: "_tokenExpiresAt" }] : [])); // Token expiry timestamp
-    _company = signal(null, ...(ngDevMode ? [{ debugName: "_company" }] : []));
-    _branch = signal(null, ...(ngDevMode ? [{ debugName: "_branch" }] : []));
+    _user = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_user" }] : /* istanbul ignore next */ []));
+    _accessToken = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_accessToken" }] : /* istanbul ignore next */ [])); // Memory-only, not persisted
+    _tokenExpiresAt = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tokenExpiresAt" }] : /* istanbul ignore next */ [])); // Token expiry timestamp
+    _company = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_company" }] : /* istanbul ignore next */ []));
+    _branch = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_branch" }] : /* istanbul ignore next */ []));
     user = this._user.asReadonly();
     accessToken = this._accessToken.asReadonly();
     tokenExpiresAt = this._tokenExpiresAt.asReadonly();
     company = this._company.asReadonly();
     branch = this._branch.asReadonly();
     // Company Selection State (temporary during login flow)
-    _selectionSessionId = signal(null, ...(ngDevMode ? [{ debugName: "_selectionSessionId" }] : []));
-    _availableCompanies = signal([], ...(ngDevMode ? [{ debugName: "_availableCompanies" }] : []));
+    _selectionSessionId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectionSessionId" }] : /* istanbul ignore next */ []));
+    _availableCompanies = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_availableCompanies" }] : /* istanbul ignore next */ []));
     selectionSessionId = this._selectionSessionId.asReadonly();
     availableCompanies = this._availableCompanies.asReadonly();
     // Computed States
-    isAuthenticated = computed(() => !!this._accessToken() && !!this._user(), ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : []));
-    requiresCompanySelection = computed(() => !!this._selectionSessionId() && this._availableCompanies().length > 0, ...(ngDevMode ? [{ debugName: "requiresCompanySelection" }] : []));
-    userName = computed(() => this._user()?.name ?? 'User', ...(ngDevMode ? [{ debugName: "userName" }] : []));
-    companyName = computed(() => this._company()?.name ?? '', ...(ngDevMode ? [{ debugName: "companyName" }] : []));
-    branchName = computed(() => this._branch()?.name ?? '', ...(ngDevMode ? [{ debugName: "branchName" }] : []));
+    isAuthenticated = computed(() => !!this._accessToken() && !!this._user(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : /* istanbul ignore next */ []));
+    requiresCompanySelection = computed(() => !!this._selectionSessionId() && this._availableCompanies().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "requiresCompanySelection" }] : /* istanbul ignore next */ []));
+    userName = computed(() => this._user()?.name ?? 'User', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userName" }] : /* istanbul ignore next */ []));
+    companyName = computed(() => this._company()?.name ?? '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyName" }] : /* istanbul ignore next */ []));
+    branchName = computed(() => this._branch()?.name ?? '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "branchName" }] : /* istanbul ignore next */ []));
     /**
      * Check if token is expired or will expire soon (within 30 seconds).
      * Used to proactively refresh token before requests fail.
@@ -148,9 +162,11 @@ class AuthStateService {
             return true;
         // Consider expired 30 seconds before actual expiry
         return Date.now() >= expiresAt - 30000;
-    }, ...(ngDevMode ? [{ debugName: "isTokenExpired" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTokenExpired" }] : /* istanbul ignore next */ []));
     // Config-derived states
-    tenantId = computed(() => this.appConfig.multiTenant.tenantId ?? null, ...(ngDevMode ? [{ debugName: "tenantId" }] : []));
+    tenantId = computed(() => this.appConfig.multiTenant.tenantId ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tenantId" }] : /* istanbul ignore next */ []));
     constructor() {
         // Auto-persist token expiry (NOT the token itself - security)
         effect(() => {
@@ -288,10 +304,10 @@ class AuthStateService {
         if (!this.platform.isServer)
             localStorage.removeItem(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -300,7 +316,8 @@ class AuthInitService {
     authState = inject(AuthStateService);
     authApi = inject(AuthApiService);
     appConfig = inject(APP_CONFIG);
-    _initialized = signal(false, ...(ngDevMode ? [{ debugName: "_initialized" }] : []));
+    _initialized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_initialized" }] : /* istanbul ignore next */ []));
     initialized = this._initialized.asReadonly();
     initializationCache$ = null;
     initialize() {
@@ -358,10 +375,10 @@ class AuthInitService {
         }));
         return this.initializationCache$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthInitService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthInitService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthInitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthInitService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -377,10 +394,10 @@ class BranchApiService extends ApiResourceService {
     fetchByCompany(companyId, search = '') {
         this.fetchList(search, { filter: { companyId } });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -393,10 +410,10 @@ class CompanyApiService extends ApiResourceService {
     constructor() {
         super('company', 'administration');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -407,7 +424,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  * Uses BehaviorSubject for RxJS interop (multi-subscriber async coordination).
  */
 class TokenRefreshStateService {
-    _isRefreshing = signal(false, ...(ngDevMode ? [{ debugName: "_isRefreshing" }] : []));
+    _isRefreshing = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isRefreshing" }] : /* istanbul ignore next */ []));
     isRefreshing = this._isRefreshing.asReadonly();
     _refreshTokenSubject = new BehaviorSubject(null);
     refreshTokenSubject$ = this._refreshTokenSubject.asObservable();
@@ -422,10 +440,10 @@ class TokenRefreshStateService {
     failRefresh() {
         this._isRefreshing.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TokenRefreshStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TokenRefreshStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TokenRefreshStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TokenRefreshStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TokenRefreshStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TokenRefreshStateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -441,10 +459,10 @@ class UserApiService extends ApiResourceService {
     updateProfile(data) {
         return this.http.post(`${this.baseUrl}/profile`, data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -487,10 +505,10 @@ class UserPermissionApiService {
             ...(companyId && { companyId }),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserPermissionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserPermissionApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserPermissionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserPermissionApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserPermissionApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserPermissionApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1167,7 +1185,8 @@ class AuthLayoutStateAdapter {
             };
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "currentCompanyInfo" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentCompanyInfo" }] : /* istanbul ignore next */ []));
     currentBranchInfo = computed(() => {
         const branch = this.authState.branch();
         if (branch) {
@@ -1179,7 +1198,8 @@ class AuthLayoutStateAdapter {
             };
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "currentBranchInfo" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentBranchInfo" }] : /* istanbul ignore next */ []));
     loginUserData = computed(() => {
         const user = this.authState.user();
         if (user) {
@@ -1190,11 +1210,12 @@ class AuthLayoutStateAdapter {
             };
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "loginUserData" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutStateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutStateAdapter, providedIn: 'root' });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loginUserData" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutStateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutStateAdapter, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutStateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutStateAdapter, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1248,10 +1269,10 @@ class AuthLayoutApiAdapter {
             slug: permission.branchSlug ?? '',
         }))));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutApiAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutApiAdapter, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutApiAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutApiAdapter, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthLayoutApiAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthLayoutApiAdapter, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1300,10 +1321,10 @@ class AuthUserProviderAdapter {
             meta: response.meta,
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserProviderAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserProviderAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserProviderAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserProviderAdapter, decorators: [{
             type: Injectable
         }] });
 // =============================================================================
@@ -1332,10 +1353,10 @@ class AuthCompanyApiProviderAdapter {
             meta: response.meta,
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthCompanyApiProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthCompanyApiProviderAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthCompanyApiProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthCompanyApiProviderAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthCompanyApiProviderAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthCompanyApiProviderAdapter, decorators: [{
             type: Injectable
         }] });
 // =============================================================================
@@ -1346,10 +1367,10 @@ class AuthUserPermissionProviderAdapter {
     getUserBranchPermissions(userId, companyId) {
         return this.userPermissionApi.getUserBranches(userId, companyId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserPermissionProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserPermissionProviderAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserPermissionProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserPermissionProviderAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthUserPermissionProviderAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthUserPermissionProviderAdapter, decorators: [{
             type: Injectable
         }] });
 // =============================================================================
@@ -1364,10 +1385,10 @@ class AuthStateProviderAdapter {
     initialize() {
         return this.authInit.initialize().pipe(map(() => undefined));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateProviderAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateProviderAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AuthStateProviderAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AuthStateProviderAdapter, decorators: [{
             type: Injectable
         }] });
 
@@ -1474,7 +1495,8 @@ class AdministrationPageComponent {
         },
     ];
     /** Check if company feature is enabled */
-    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : /* istanbul ignore next */ []));
     /** Visible tabs based on config and permissions */
     visibleTabs = computed(() => {
         return this.allTabs.filter((tab) => {
@@ -1482,9 +1504,10 @@ class AdministrationPageComponent {
             const hasPermission = this.permissionValidator.hasPermission(tab.permission);
             return hasCompanyFeature && hasPermission;
         });
-    }, ...(ngDevMode ? [{ debugName: "visibleTabs" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AdministrationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: AdministrationPageComponent, isStandalone: true, selector: "lib-administration-page", ngImport: i0, template: `
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleTabs" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AdministrationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: AdministrationPageComponent, isStandalone: true, selector: "lib-administration-page", ngImport: i0, template: `
     <div class="p-4">
       <div class="mb-4">
         <h1 class="text-2xl font-bold m-0">{{ 'administrative.title' | translate }}</h1>
@@ -1507,9 +1530,9 @@ class AdministrationPageComponent {
         <router-outlet />
       </div>
     </div>
-  `, isInline: true, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AdministrationPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AdministrationPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-administration-page', imports: [CommonModule, RouterOutlet, RouterLink, RouterLinkActive, TranslatePipe], template: `
     <div class="p-4">
@@ -1564,11 +1587,14 @@ class BranchFormComponent {
     routeParams = toSignal(this.route.paramMap);
     queryParams = toSignal(this.route.queryParamMap);
     /** Loading state */
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
     /** Existing branch data when editing */
-    existingBranch = signal(null, ...(ngDevMode ? [{ debugName: "existingBranch" }] : []));
+    existingBranch = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "existingBranch" }] : /* istanbul ignore next */ []));
     /** Whether in edit mode */
-    isEditMode = computed(() => !!this.existingBranch(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    isEditMode = computed(() => !!this.existingBranch(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []));
     /** Companies list for dropdown */
     companies = this.companyService.data;
     // ============================================
@@ -1583,7 +1609,8 @@ class BranchFormComponent {
         phone: '',
         address: '',
         isActive: true,
-    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     /** Form with validation schema */
     branchForm = form(this.formModel, (f) => {
         required(f.companyId, {
@@ -1600,7 +1627,8 @@ class BranchFormComponent {
         return (model.companyId.trim().length > 0 &&
             model.name.trim().length > 0 &&
             model.slug.trim().length > 0);
-    }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     constructor() {
         // Load companies on initialization
         this.companyService.fetchList('', {
@@ -1743,8 +1771,8 @@ class BranchFormComponent {
     onCancel() {
         this.navigateToList();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BranchFormComponent, isStandalone: true, selector: "lib-branch-form", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: BranchFormComponent, isStandalone: true, selector: "lib-branch-form", ngImport: i0, template: `
     <p-card>
       <ng-template #header>
         <div class="flex justify-between items-center p-4">
@@ -1861,28 +1889,34 @@ class BranchFormComponent {
 
         <!-- Actions -->
         <div class="flex justify-end gap-4 md:col-span-2 pt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            pButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
-            [label]="
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            pButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            }
+            <span pButtonLabel>{{ 
               isEditMode()
                 ? ('shared.update' | translate)
                 : ('shared.create' | translate)
-            "
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()"
-          />
+             }}</span>
+          </button>
         </div>
       </form>
     </p-card>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3$1.Card, selector: "p-card", inputs: ["header", "subheader"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-branch-form',
@@ -2004,22 +2038,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 
         <!-- Actions -->
         <div class="flex justify-end gap-4 md:col-span-2 pt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            pButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
-            [label]="
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            pButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            }
+            <span pButtonLabel>{{ 
               isEditMode()
                 ? ('shared.update' | translate)
                 : ('shared.create' | translate)
-            "
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()"
-          />
+             }}</span>
+          </button>
         </div>
       </form>
     </p-card>
@@ -2056,7 +2096,8 @@ class BranchListComponent {
     queryParamMap = toSignal(this.route.queryParamMap);
     initialized = false;
     /** Selected company ID (signal for zoneless change detection) */
-    selectedCompanyId = signal(null, ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : []));
+    selectedCompanyId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : /* istanbul ignore next */ []));
     /** Companies list for dropdown */
     companies = this.companyService.data;
     /** Branches from service */
@@ -2146,8 +2187,8 @@ class BranchListComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BranchListComponent, isStandalone: true, selector: "lib-branch-list", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: BranchListComponent, isStandalone: true, selector: "lib-branch-list", ngImport: i0, template: `
     <p-card>
       <ng-template #header>
         <div
@@ -2173,13 +2214,15 @@ class BranchListComponent {
               />
             }
           </div>
-          <p-button
+          <button
+            pButton
             *hasPermission="BRANCH_PERMISSIONS.CREATE"
-            [label]="'administrative.branch.add' | translate"
-            icon="pi pi-plus"
             [disabled]="!selectedCompanyId()"
-            (onClick)="onCreate()"
-          />
+            (click)="onCreate()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'administrative.branch.add' | translate }}</span>
+          </button>
         </div>
       </ng-template>
 
@@ -2224,25 +2267,29 @@ class BranchListComponent {
               </td>
               <td>
                 <div class="flex gap-2">
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="BRANCH_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [rounded]="true"
                     [text]="true"
                     severity="info"
                     [pTooltip]="'shared.edit' | translate"
-                    (onClick)="onEdit(branch)"
-                  />
+                    (click)="onEdit(branch)"
+                  >
+                    <span pButtonIcon class="pi pi-pencil"></span>
+                  </button>
                   @if (!branch.readOnly) {
-                    <p-button
+                    <button
+                      pButton
                       *hasPermission="BRANCH_PERMISSIONS.DELETE"
-                      icon="pi pi-trash"
                       [rounded]="true"
                       [text]="true"
                       severity="danger"
                       [pTooltip]="'shared.delete' | translate"
-                      (onClick)="onDelete(branch)"
-                    />
+                      (click)="onDelete(branch)"
+                    >
+                      <span pButtonIcon class="pi pi-trash"></span>
+                    </button>
                   }
                 </div>
               </td>
@@ -2262,9 +2309,9 @@ class BranchListComponent {
         </p-table>
       </div>
     </p-card>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: TagModule }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3$1.Card, selector: "p-card", inputs: ["header", "subheader"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "firstChange", "rowsChange", "totalRecordsChange", "selectionChange", "selectAllChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: TagModule }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BranchListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BranchListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-branch-list',
@@ -2301,13 +2348,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               />
             }
           </div>
-          <p-button
+          <button
+            pButton
             *hasPermission="BRANCH_PERMISSIONS.CREATE"
-            [label]="'administrative.branch.add' | translate"
-            icon="pi pi-plus"
             [disabled]="!selectedCompanyId()"
-            (onClick)="onCreate()"
-          />
+            (click)="onCreate()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'administrative.branch.add' | translate }}</span>
+          </button>
         </div>
       </ng-template>
 
@@ -2352,25 +2401,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               </td>
               <td>
                 <div class="flex gap-2">
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="BRANCH_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [rounded]="true"
                     [text]="true"
                     severity="info"
                     [pTooltip]="'shared.edit' | translate"
-                    (onClick)="onEdit(branch)"
-                  />
+                    (click)="onEdit(branch)"
+                  >
+                    <span pButtonIcon class="pi pi-pencil"></span>
+                  </button>
                   @if (!branch.readOnly) {
-                    <p-button
+                    <button
+                      pButton
                       *hasPermission="BRANCH_PERMISSIONS.DELETE"
-                      icon="pi pi-trash"
                       [rounded]="true"
                       [text]="true"
                       severity="danger"
                       [pTooltip]="'shared.delete' | translate"
-                      (onClick)="onDelete(branch)"
-                    />
+                      (click)="onDelete(branch)"
+                    >
+                      <span pButtonIcon class="pi pi-trash"></span>
+                    </button>
                   }
                 </div>
               </td>
@@ -2403,12 +2456,14 @@ class CompanyFormComponent {
     route = inject(ActivatedRoute);
     translateAdapter = inject(TranslateService, { optional: true });
     companyService = inject(CompanyApiService);
-    formRef = viewChild(BaseFormComponent, ...(ngDevMode ? [{ debugName: "formRef" }] : []));
+    formRef = viewChild(BaseFormComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formRef" }] : /* istanbul ignore next */ []));
     routeParams = toSignal(this.route.paramMap);
     editId = computed(() => {
         const id = this.routeParams()?.get('id');
         return id && id !== 'new' ? id : null;
-    }, ...(ngDevMode ? [{ debugName: "editId" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editId" }] : /* istanbul ignore next */ []));
     fields = [
         {
             key: 'name',
@@ -2488,8 +2543,8 @@ class CompanyFormComponent {
     t(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: CompanyFormComponent, isStandalone: true, selector: "lib-company-form", viewQueries: [{ propertyName: "formRef", first: true, predicate: BaseFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: CompanyFormComponent, isStandalone: true, selector: "lib-company-form", viewQueries: [{ propertyName: "formRef", first: true, predicate: BaseFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
     <lib-base-form
       [fields]="fields"
       [service]="companyService"
@@ -2504,7 +2559,7 @@ class CompanyFormComponent {
     />
   `, isInline: true, dependencies: [{ kind: "component", type: BaseFormComponent, selector: "lib-base-form", inputs: ["fields", "title", "createTitle", "editTitle", "columns", "submitLabel", "cancelLabel", "isLoading", "isEditMode", "initialValue", "service", "editId", "cancelRoute", "navigateOnSuccess", "mapToRequest", "mapFromEntity"], outputs: ["onSubmit", "onCancel", "onValueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-company-form',
@@ -2536,7 +2591,8 @@ class CompanyListComponent {
     translateAdapter = inject(TranslateService, { optional: true });
     router = inject(Router);
     companyService = inject(CompanyApiService);
-    canCreate = computed(() => this.permissionValidator.hasPermission(COMPANY_PERMISSIONS.CREATE), ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
+    canCreate = computed(() => this.permissionValidator.hasPermission(COMPANY_PERMISSIONS.CREATE), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
     canEditFn = (_item) => this.permissionValidator.hasPermission(COMPANY_PERMISSIONS.UPDATE);
     canDeleteFn = (item) => !item.readOnly && this.permissionValidator.hasPermission(COMPANY_PERMISSIONS.DELETE);
     viewBranchesAction = [{
@@ -2561,8 +2617,8 @@ class CompanyListComponent {
     t(key) {
         return this.translateAdapter?.translate(key) ?? key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: CompanyListComponent, isStandalone: true, selector: "lib-company-list", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: CompanyListComponent, isStandalone: true, selector: "lib-company-list", ngImport: i0, template: `
     <lib-base-list
       [columns]="columns"
       [actions]="viewBranchesAction"
@@ -2583,9 +2639,9 @@ class CompanyListComponent {
         />
       </ng-template>
     </lib-base-list>
-  `, isInline: true, dependencies: [{ kind: "component", type: BaseListComponent, selector: "lib-base-list", inputs: ["columns", "actions", "title", "showCreateButton", "searchable", "pageSize", "emptyMessage", "createButtonLabel", "createButtonIcon", "data", "total", "isLoading", "service", "filter", "createRoute", "editRoute", "deleteConfirmField", "idField", "canEdit", "canDelete"], outputs: ["onCreate", "onLazyLoad", "onSearch"] }, { kind: "directive", type: BaseListTemplateDirective, selector: "ng-template[baseListTemplate]", inputs: ["baseListTemplate"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: BaseListComponent, selector: "lib-base-list", inputs: ["columns", "actions", "title", "showCreateButton", "searchable", "pageSize", "emptyMessage", "createButtonLabel", "createButtonIcon", "data", "total", "isLoading", "service", "filter", "createRoute", "editRoute", "deleteConfirmField", "idField", "canEdit", "canDelete"], outputs: ["onCreate", "onLazyLoad", "onSearch"] }, { kind: "directive", type: BaseListTemplateDirective, selector: "ng-template[baseListTemplate]", inputs: ["baseListTemplate"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-company-list',
@@ -2630,10 +2686,14 @@ class ForgotPasswordPageComponent {
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    emailSent = signal(false, ...(ngDevMode ? [{ debugName: "emailSent" }] : []));
-    submittedEmail = signal('', ...(ngDevMode ? [{ debugName: "submittedEmail" }] : []));
-    formModel = signal({ email: '' }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    emailSent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailSent" }] : /* istanbul ignore next */ []));
+    submittedEmail = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submittedEmail" }] : /* istanbul ignore next */ []));
+    formModel = signal({ email: '' }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     forgotForm = form(this.formModel, (f) => {
         required(f.email, {
             message: this.translate('auth.validation.email.required'),
@@ -2642,7 +2702,8 @@ class ForgotPasswordPageComponent {
             message: this.translate('shared.invalid.email'),
         });
     });
-    isFormValid = computed(() => this.forgotForm().valid(), ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    isFormValid = computed(() => this.forgotForm().valid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     onSubmit() {
         if (!this.isFormValid()) {
             this.messageService.add({
@@ -2672,8 +2733,8 @@ class ForgotPasswordPageComponent {
         this.submittedEmail.set('');
         this.formModel.set({ email: '' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ForgotPasswordPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ForgotPasswordPageComponent, isStandalone: true, selector: "lib-forgot-password-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ForgotPasswordPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ForgotPasswordPageComponent, isStandalone: true, selector: "lib-forgot-password-page", ngImport: i0, template: `
     <app-floating-configurator />
     <div
       class="bg-surface-ground flex items-center justify-center min-h-screen"
@@ -2716,13 +2777,17 @@ class ForgotPasswordPageComponent {
                   autocomplete="email"
                 />
 
-                <p-button
-                  [label]="'auth.forgot.password.send.reset.link' | translate"
-                  styleClass="w-full mb-4"
+                <button
+                  pButton
+                  class="w-full mb-4"
                   type="submit"
-                  [loading]="isLoading()"
                   [disabled]="!isFormValid() || isLoading()"
-                />
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.forgot.password.send.reset.link' | translate }}</span>
+                </button>
 
                 <div class="flex items-center justify-center gap-2">
                   <span class="font-medium">{{
@@ -2771,9 +2836,9 @@ class ForgotPasswordPageComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ForgotPasswordPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ForgotPasswordPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-forgot-password-page',
@@ -2827,13 +2892,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   autocomplete="email"
                 />
 
-                <p-button
-                  [label]="'auth.forgot.password.send.reset.link' | translate"
-                  styleClass="w-full mb-4"
+                <button
+                  pButton
+                  class="w-full mb-4"
                   type="submit"
-                  [loading]="isLoading()"
                   [disabled]="!isFormValid() || isLoading()"
-                />
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.forgot.password.send.reset.link' | translate }}</span>
+                </button>
 
                 <div class="flex items-center justify-center gap-2">
                   <span class="font-medium">{{
@@ -2906,22 +2975,30 @@ class LoginPageComponent {
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
-    returnUrl = input('', ...(ngDevMode ? [{ debugName: "returnUrl" }] : []));
-    currentStep = signal('credentials', ...(ngDevMode ? [{ debugName: "currentStep" }] : []));
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    unverifiedEmail = signal('', ...(ngDevMode ? [{ debugName: "unverifiedEmail" }] : []));
+    returnUrl = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "returnUrl" }] : /* istanbul ignore next */ []));
+    currentStep = signal('credentials', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentStep" }] : /* istanbul ignore next */ []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    unverifiedEmail = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unverifiedEmail" }] : /* istanbul ignore next */ []));
     loginFormModel = signal({
         email: '',
         password: '',
         rememberMe: true,
-    }, ...(ngDevMode ? [{ debugName: "loginFormModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loginFormModel" }] : /* istanbul ignore next */ []));
     emailErrorMessage = computed(() => this.validationConfig?.email?.message ??
-        this.translate('shared.invalid.email'), ...(ngDevMode ? [{ debugName: "emailErrorMessage" }] : []));
-    passwordMinLength = computed(() => this.validationConfig?.password?.minLength ?? 8, ...(ngDevMode ? [{ debugName: "passwordMinLength" }] : []));
+        this.translate('shared.invalid.email'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailErrorMessage" }] : /* istanbul ignore next */ []));
+    passwordMinLength = computed(() => this.validationConfig?.password?.minLength ?? 8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordMinLength" }] : /* istanbul ignore next */ []));
     passwordErrorMessage = computed(() => this.validationConfig?.password?.message ??
         this.translate('auth.validation.password.min.length', {
             min: this.passwordMinLength(),
-        }), ...(ngDevMode ? [{ debugName: "passwordErrorMessage" }] : []));
+        }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordErrorMessage" }] : /* istanbul ignore next */ []));
     loginForm = form(this.loginFormModel, (f) => {
         required(f.email, {
             message: this.translate('auth.validation.email.required'),
@@ -2939,7 +3016,8 @@ class LoginPageComponent {
         if (!email)
             return null;
         return validateEmail(email, this.validationConfig?.email ?? undefined);
-    }, ...(ngDevMode ? [{ debugName: "emailValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailValidationError" }] : /* istanbul ignore next */ []));
     passwordValidationError = computed(() => {
         const password = this.loginFormModel().password;
         if (!password)
@@ -2947,18 +3025,21 @@ class LoginPageComponent {
         if (!this.validationConfig?.password)
             return null;
         return validatePassword(password, this.validationConfig.password);
-    }, ...(ngDevMode ? [{ debugName: "passwordValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordValidationError" }] : /* istanbul ignore next */ []));
     isLoginFormValid = computed(() => {
         const formValid = this.loginForm().valid();
         const emailError = this.emailValidationError();
         const passwordError = this.passwordValidationError();
         return formValid && !emailError && !passwordError;
-    }, ...(ngDevMode ? [{ debugName: "isLoginFormValid" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoginFormValid" }] : /* istanbul ignore next */ []));
     selectionFormModel = signal({
         companyId: '',
         branchId: '',
         rememberSelection: true,
-    }, ...(ngDevMode ? [{ debugName: "selectionFormModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionFormModel" }] : /* istanbul ignore next */ []));
     selectionForm = form(this.selectionFormModel, (f) => {
         required(f.companyId, {
             message: this.translate('auth.validation.company.required'),
@@ -2967,20 +3048,27 @@ class LoginPageComponent {
             message: this.translate('auth.validation.branch.required'),
         });
     });
-    isSelectionFormValid = computed(() => this.selectionForm().valid(), ...(ngDevMode ? [{ debugName: "isSelectionFormValid" }] : []));
-    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
-    emailFeatureEnabled = computed(() => isServiceEnabled(this.appConfig, 'email'), ...(ngDevMode ? [{ debugName: "emailFeatureEnabled" }] : []));
-    signUpEnabled = computed(() => isSignUpEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "signUpEnabled" }] : []));
+    isSelectionFormValid = computed(() => this.selectionForm().valid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSelectionFormValid" }] : /* istanbul ignore next */ []));
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : /* istanbul ignore next */ []));
+    emailFeatureEnabled = computed(() => isServiceEnabled(this.appConfig, 'email'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailFeatureEnabled" }] : /* istanbul ignore next */ []));
+    signUpEnabled = computed(() => isSignUpEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "signUpEnabled" }] : /* istanbul ignore next */ []));
     sessionId = null;
-    companies = signal([], ...(ngDevMode ? [{ debugName: "companies" }] : []));
-    userName = signal('', ...(ngDevMode ? [{ debugName: "userName" }] : []));
+    companies = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companies" }] : /* istanbul ignore next */ []));
+    userName = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userName" }] : /* istanbul ignore next */ []));
     branches = computed(() => {
         const companyId = this.selectionFormModel().companyId;
         if (!companyId)
             return [];
         const company = this.companies().find((c) => c.id === companyId);
         return company?.branches ?? [];
-    }, ...(ngDevMode ? [{ debugName: "branches" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             if (this.authState.requiresCompanySelection()) {
@@ -3192,8 +3280,8 @@ class LoginPageComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LoginPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: LoginPageComponent, isStandalone: true, selector: "lib-login-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LoginPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: LoginPageComponent, isStandalone: true, selector: "lib-login-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <app-floating-configurator />
     <div
       class="bg-surface-ground flex items-center justify-center min-h-screen"
@@ -3315,13 +3403,17 @@ class LoginPageComponent {
                   }
                 </div>
 
-                <p-button
-                  [label]="'auth.login.sign.in' | translate"
-                  styleClass="w-full"
+                <button
+                  pButton
+                  class="w-full"
                   type="submit"
-                  [loading]="isLoading()"
                   [disabled]="!isLoginFormValid() || isLoading()"
-                />
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                </button>
 
                 @if (signUpEnabled()) {
                   <div class="flex items-center justify-center mt-4 gap-2">
@@ -3351,12 +3443,17 @@ class LoginPageComponent {
                 <p class="text-muted-color font-medium mb-6">
                   {{ 'auth.login.verify.email.message' | translate }}
                 </p>
-                <p-button
-                  [label]="'auth.verify.resend' | translate"
-                  styleClass="w-full mb-4"
-                  [loading]="isLoading()"
-                  (onClick)="onResendVerification()"
-                />
+                <button
+                  pButton
+                  class="w-full mb-4"
+                  (click)="onResendVerification()"
+                  [disabled]="isLoading()"
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.verify.resend' | translate }}</span>
+                </button>
                 <div class="mt-4">
                   <span
                     class="font-semibold text-primary cursor-pointer"
@@ -3432,21 +3529,27 @@ class LoginPageComponent {
                 </div>
 
                 <div class="flex flex-col sm:flex-row gap-4">
-                  <p-button
-                    [label]="'shared.back' | translate"
-                    styleClass="w-full"
+                  <button
+                    pButton
+                    class="w-full"
                     severity="secondary"
                     [outlined]="true"
                     type="button"
-                    (onClick)="goBackToCredentials()"
-                  />
-                  <p-button
-                    [label]="'shared.continue' | translate"
-                    styleClass="w-full"
+                    (click)="goBackToCredentials()"
+                  >
+                    <span pButtonLabel>{{ 'shared.back' | translate }}</span>
+                  </button>
+                  <button
+                    pButton
+                    class="w-full"
                     type="submit"
-                    [loading]="isLoading()"
                     [disabled]="!isSelectionFormValid() || isLoading()"
-                  />
+                  >
+                    @if (isLoading()) {
+                      <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                    }
+                    <span pButtonLabel>{{ 'shared.continue' | translate }}</span>
+                  </button>
                 </div>
               </form>
             }
@@ -3454,9 +3557,9 @@ class LoginPageComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LoginPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LoginPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-login-page',
@@ -3589,13 +3692,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   }
                 </div>
 
-                <p-button
-                  [label]="'auth.login.sign.in' | translate"
-                  styleClass="w-full"
+                <button
+                  pButton
+                  class="w-full"
                   type="submit"
-                  [loading]="isLoading()"
                   [disabled]="!isLoginFormValid() || isLoading()"
-                />
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                </button>
 
                 @if (signUpEnabled()) {
                   <div class="flex items-center justify-center mt-4 gap-2">
@@ -3625,12 +3732,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <p class="text-muted-color font-medium mb-6">
                   {{ 'auth.login.verify.email.message' | translate }}
                 </p>
-                <p-button
-                  [label]="'auth.verify.resend' | translate"
-                  styleClass="w-full mb-4"
-                  [loading]="isLoading()"
-                  (onClick)="onResendVerification()"
-                />
+                <button
+                  pButton
+                  class="w-full mb-4"
+                  (click)="onResendVerification()"
+                  [disabled]="isLoading()"
+                >
+                  @if (isLoading()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  }
+                  <span pButtonLabel>{{ 'auth.verify.resend' | translate }}</span>
+                </button>
                 <div class="mt-4">
                   <span
                     class="font-semibold text-primary cursor-pointer"
@@ -3706,21 +3818,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </div>
 
                 <div class="flex flex-col sm:flex-row gap-4">
-                  <p-button
-                    [label]="'shared.back' | translate"
-                    styleClass="w-full"
+                  <button
+                    pButton
+                    class="w-full"
                     severity="secondary"
                     [outlined]="true"
                     type="button"
-                    (onClick)="goBackToCredentials()"
-                  />
-                  <p-button
-                    [label]="'shared.continue' | translate"
-                    styleClass="w-full"
+                    (click)="goBackToCredentials()"
+                  >
+                    <span pButtonLabel>{{ 'shared.back' | translate }}</span>
+                  </button>
+                  <button
+                    pButton
+                    class="w-full"
                     type="submit"
-                    [loading]="isLoading()"
                     [disabled]="!isSelectionFormValid() || isLoading()"
-                  />
+                  >
+                    @if (isLoading()) {
+                      <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                    }
+                    <span pButtonLabel>{{ 'shared.continue' | translate }}</span>
+                  </button>
                 </div>
               </form>
             }
@@ -3761,51 +3879,68 @@ class ProfilePageComponent {
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    isLoadingPermissions = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingPermissions" }] : []));
-    isLoadingExtraFields = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingExtraFields" }] : []));
-    _profilePictureUrl = signal(null, ...(ngDevMode ? [{ debugName: "_profilePictureUrl" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    isLoadingPermissions = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoadingPermissions" }] : /* istanbul ignore next */ []));
+    isLoadingExtraFields = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoadingExtraFields" }] : /* istanbul ignore next */ []));
+    _profilePictureUrl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_profilePictureUrl" }] : /* istanbul ignore next */ []));
     profilePictureUrl = this._profilePictureUrl.asReadonly();
-    _userRoles = signal([], ...(ngDevMode ? [{ debugName: "_userRoles" }] : []));
+    _userRoles = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userRoles" }] : /* istanbul ignore next */ []));
     userRoles = this._userRoles.asReadonly();
-    _userActions = signal([], ...(ngDevMode ? [{ debugName: "_userActions" }] : []));
+    _userActions = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userActions" }] : /* istanbul ignore next */ []));
     userActions = this._userActions.asReadonly();
     extraSections = computed(() => {
         if (!this.profileExtension?.getExtraSections)
             return [];
         const sections = this.profileExtension.getExtraSections();
         return sections.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "extraSections" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraSections" }] : /* istanbul ignore next */ []));
     editableFields = computed(() => {
         if (!this.profileExtension?.getExtraFields)
             return [];
         const fields = this.profileExtension.getExtraFields();
         return fields.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "editableFields" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editableFields" }] : /* istanbul ignore next */ []));
     viewOnlyFields = computed(() => {
         if (!this.userFormExtension?.getExtraFields)
             return [];
         const fields = this.userFormExtension.getExtraFields();
         return fields.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "viewOnlyFields" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewOnlyFields" }] : /* istanbul ignore next */ []));
     hasExtraContent = computed(() => this.extraSections().length > 0 ||
         this.editableFields().length > 0 ||
-        this.viewOnlyFields().length > 0, ...(ngDevMode ? [{ debugName: "hasExtraContent" }] : []));
-    extraFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : []));
-    originalExtraFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "originalExtraFieldsModel" }] : []));
-    adminFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "adminFieldsModel" }] : []));
+        this.viewOnlyFields().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasExtraContent" }] : /* istanbul ignore next */ []));
+    extraFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : /* istanbul ignore next */ []));
+    originalExtraFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "originalExtraFieldsModel" }] : /* istanbul ignore next */ []));
+    adminFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "adminFieldsModel" }] : /* istanbul ignore next */ []));
     isExtraFieldsDirty = computed(() => {
         const current = this.extraFieldsModel();
         const original = this.originalExtraFieldsModel();
         return JSON.stringify(current) !== JSON.stringify(original);
-    }, ...(ngDevMode ? [{ debugName: "isExtraFieldsDirty" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isExtraFieldsDirty" }] : /* istanbul ignore next */ []));
     extraFieldsValidationError = computed(() => {
         if (!this.profileExtension?.validateExtraFields)
             return null;
         return this.profileExtension.validateExtraFields(this.extraFieldsModel());
-    }, ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : []));
-    userEmail = computed(() => this.authState.user()?.email ?? '', ...(ngDevMode ? [{ debugName: "userEmail" }] : []));
-    userName = computed(() => this.authState.userName(), ...(ngDevMode ? [{ debugName: "userName" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : /* istanbul ignore next */ []));
+    userEmail = computed(() => this.authState.user()?.email ?? '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userEmail" }] : /* istanbul ignore next */ []));
+    userName = computed(() => this.authState.userName(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userName" }] : /* istanbul ignore next */ []));
     userInitials = computed(() => {
         const name = this.authState.user()?.name ?? '';
         return name
@@ -3814,40 +3949,54 @@ class ProfilePageComponent {
             .join('')
             .toUpperCase()
             .slice(0, 2);
-    }, ...(ngDevMode ? [{ debugName: "userInitials" }] : []));
-    companyName = computed(() => this.authState.companyName(), ...(ngDevMode ? [{ debugName: "companyName" }] : []));
-    branchName = computed(() => this.authState.branchName(), ...(ngDevMode ? [{ debugName: "branchName" }] : []));
-    showUploadSection = computed(() => isServiceEnabled(this.appConfig, 'storage') && this.fileProvider !== null, ...(ngDevMode ? [{ debugName: "showUploadSection" }] : []));
-    showCompanySection = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "showCompanySection" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userInitials" }] : /* istanbul ignore next */ []));
+    companyName = computed(() => this.authState.companyName(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyName" }] : /* istanbul ignore next */ []));
+    branchName = computed(() => this.authState.branchName(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "branchName" }] : /* istanbul ignore next */ []));
+    showUploadSection = computed(() => isServiceEnabled(this.appConfig, 'storage') && this.fileProvider !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showUploadSection" }] : /* istanbul ignore next */ []));
+    showCompanySection = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCompanySection" }] : /* istanbul ignore next */ []));
     showPermissionsSection = computed(() => isServiceEnabled(this.appConfig, 'iam') &&
-        this.permissionProvider !== null, ...(ngDevMode ? [{ debugName: "showPermissionsSection" }] : []));
-    permissionMode = computed(() => getPermissionMode(this.appConfig), ...(ngDevMode ? [{ debugName: "permissionMode" }] : []));
+        this.permissionProvider !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showPermissionsSection" }] : /* istanbul ignore next */ []));
+    permissionMode = computed(() => getPermissionMode(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "permissionMode" }] : /* istanbul ignore next */ []));
     showRoles = computed(() => {
         const mode = this.permissionMode();
         return mode === 'rbac' || mode === 'full';
-    }, ...(ngDevMode ? [{ debugName: "showRoles" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showRoles" }] : /* istanbul ignore next */ []));
     showActions = computed(() => {
         const mode = this.permissionMode();
         return mode === 'direct' || mode === 'full';
-    }, ...(ngDevMode ? [{ debugName: "showActions" }] : []));
-    showBottomRow = computed(() => this.showCompanySection() || this.showPermissionsSection(), ...(ngDevMode ? [{ debugName: "showBottomRow" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showActions" }] : /* istanbul ignore next */ []));
+    showBottomRow = computed(() => this.showCompanySection() || this.showPermissionsSection(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showBottomRow" }] : /* istanbul ignore next */ []));
     originalFormModel = signal({
         name: '',
         phone: '',
-    }, ...(ngDevMode ? [{ debugName: "originalFormModel" }] : []));
-    formModel = signal({ name: '', phone: '' }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "originalFormModel" }] : /* istanbul ignore next */ []));
+    formModel = signal({ name: '', phone: '' }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     formTree = form(this.formModel, (f) => {
         required(f.name, {
             message: this.translate('shared.name.required'),
         });
     });
-    isFormValid = computed(() => this.formModel().name.trim().length > 0, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    isFormValid = computed(() => this.formModel().name.trim().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     isFormDirty = computed(() => {
         const current = this.formModel();
         const original = this.originalFormModel();
         const basicDirty = current.name !== original.name || current.phone !== original.phone;
         return basicDirty || this.isExtraFieldsDirty();
-    }, ...(ngDevMode ? [{ debugName: "isFormDirty" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormDirty" }] : /* istanbul ignore next */ []));
     updateExtraField(key, value) {
         this.extraFieldsModel.update((model) => ({ ...model, [key]: value }));
     }
@@ -3886,19 +4035,29 @@ class ProfilePageComponent {
         currentPassword: '',
         newPassword: '',
         confirmPassword: '',
-    }, ...(ngDevMode ? [{ debugName: "passwordModel" }] : []));
-    isPasswordLoading = signal(false, ...(ngDevMode ? [{ debugName: "isPasswordLoading" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordModel" }] : /* istanbul ignore next */ []));
+    visiblePasswords = signal({
+        currentPassword: false,
+        newPassword: false,
+        confirmPassword: false,
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visiblePasswords" }] : /* istanbul ignore next */ []));
+    isPasswordLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isPasswordLoading" }] : /* istanbul ignore next */ []));
     isPasswordFormValid = computed(() => {
         const model = this.passwordModel();
         return (model.currentPassword.length > 0 &&
             model.newPassword.length >= 6 &&
             model.newPassword === model.confirmPassword);
-    }, ...(ngDevMode ? [{ debugName: "isPasswordFormValid" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isPasswordFormValid" }] : /* istanbul ignore next */ []));
     passwordsMatch = computed(() => {
         const model = this.passwordModel();
         return (model.confirmPassword.length === 0 ||
             model.newPassword === model.confirmPassword);
-    }, ...(ngDevMode ? [{ debugName: "passwordsMatch" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordsMatch" }] : /* istanbul ignore next */ []));
     profileUploadOptions = {
         folderPath: 'profile-pictures',
         compress: true,
@@ -4084,6 +4243,9 @@ class ProfilePageComponent {
             error: () => { },
         });
     }
+    togglePasswordVisibility(field) {
+        this.visiblePasswords.update((v) => ({ ...v, [field]: !v[field] }));
+    }
     updatePasswordField(field, value) {
         this.passwordModel.update((model) => ({ ...model, [field]: value }));
     }
@@ -4116,8 +4278,8 @@ class ProfilePageComponent {
             error: () => { },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ProfilePageComponent, isStandalone: true, selector: "lib-profile-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ProfilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ProfilePageComponent, isStandalone: true, selector: "lib-profile-page", ngImport: i0, template: `
     <div class="mb-4 md:mb-6">
       <h1 class="text-2xl font-bold text-color mb-2">
         {{ 'profile.title' | translate }}
@@ -4414,13 +4576,18 @@ class ProfilePageComponent {
             </ng-template>
 
             <div class="flex justify-end pt-4">
-              <p-button
-                [label]="'shared.save.changes' | translate"
-                icon="pi pi-check"
+              <button
+                pButton
                 type="submit"
-                [loading]="isLoading()"
                 [disabled]="!isFormValid() || !isFormDirty() || isLoading()"
-              />
+              >
+                @if (isLoading()) {
+                  <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                } @else {
+                  <span pButtonIcon class="pi pi-check"></span>
+                }
+                <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+              </button>
             </div>
           </form>
         </div>
@@ -4440,51 +4607,81 @@ class ProfilePageComponent {
             <label for="currentPassword" class="font-medium text-color"
               >{{ 'profile.current.password' | translate }} *</label
             >
-            <p-password
-              id="currentPassword"
-              name="currentPassword"
-              [ngModel]="passwordModel().currentPassword"
-              (ngModelChange)="updatePasswordField('currentPassword', $event)"
-              [feedback]="false"
-              [toggleMask]="true"
-              [placeholder]="'profile.current.password.placeholder' | translate"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="currentPassword"
+                name="currentPassword"
+                [mask]="!visiblePasswords().currentPassword"
+                [ngModel]="passwordModel().currentPassword"
+                (ngModelChange)="updatePasswordField('currentPassword', $event)"
+                [placeholder]="'profile.current.password.placeholder' | translate"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().currentPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('currentPassword')"
+              />
+            </p-iconfield>
           </div>
 
           <div class="flex flex-col gap-2">
             <label for="newPassword" class="font-medium text-color"
               >{{ 'profile.new.password' | translate }} *</label
             >
-            <p-password
-              id="newPassword"
-              name="newPassword"
-              [ngModel]="passwordModel().newPassword"
-              (ngModelChange)="updatePasswordField('newPassword', $event)"
-              [feedback]="true"
-              [toggleMask]="true"
-              [placeholder]="'shared.min.characters' | translate: { count: 6 }"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="newPassword"
+                name="newPassword"
+                [mask]="!visiblePasswords().newPassword"
+                [ngModel]="passwordModel().newPassword"
+                (ngModelChange)="updatePasswordField('newPassword', $event)"
+                [placeholder]="'shared.min.characters' | translate: { count: 6 }"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().newPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('newPassword')"
+              />
+            </p-iconfield>
           </div>
 
           <div class="flex flex-col gap-2">
             <label for="confirmPassword" class="font-medium text-color"
               >{{ 'profile.confirm.password' | translate }} *</label
             >
-            <p-password
-              id="confirmPassword"
-              name="confirmPassword"
-              [ngModel]="passwordModel().confirmPassword"
-              (ngModelChange)="updatePasswordField('confirmPassword', $event)"
-              [feedback]="false"
-              [toggleMask]="true"
-              [placeholder]="'profile.confirm.password.placeholder' | translate"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="confirmPassword"
+                name="confirmPassword"
+                [mask]="!visiblePasswords().confirmPassword"
+                [ngModel]="passwordModel().confirmPassword"
+                (ngModelChange)="updatePasswordField('confirmPassword', $event)"
+                [placeholder]="'profile.confirm.password.placeholder' | translate"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().confirmPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('confirmPassword')"
+              />
+            </p-iconfield>
             @if (!passwordsMatch()) {
               <small class="text-danger">{{
                 'auth.register.passwords.do.not.match' | translate
@@ -4494,13 +4691,18 @@ class ProfilePageComponent {
         </div>
 
         <div class="flex justify-end">
-          <p-button
-            [label]="'profile.change.password' | translate"
-            icon="pi pi-key"
+          <button
+            pButton
             type="submit"
-            [loading]="isPasswordLoading()"
             [disabled]="!isPasswordFormValid() || isPasswordLoading()"
-          />
+          >
+            @if (isPasswordLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            } @else {
+              <span pButtonIcon class="pi pi-key"></span>
+            }
+            <span pButtonLabel>{{ 'profile.change.password' | translate }}</span>
+          </button>
         </div>
       </form>
     </div>
@@ -4653,9 +4855,9 @@ class ProfilePageComponent {
         }
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i3$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i6$1.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo", "motionOptions", "overlayOptions"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: i7$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i9.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: FileUploaderComponent, selector: "lib-file-uploader", inputs: ["uploadFile", "uploadMultipleFiles", "acceptTypes", "multiple", "maxFiles", "maxSizeMb", "uploadOptions", "disabled", "showPreview", "autoUpload"], outputs: ["fileUploaded", "filesUploaded", "onError", "fileSelected"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i3$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i5$1.IconField, selector: "p-iconfield, p-icon-field", inputs: ["hostName", "iconPosition"] }, { kind: "component", type: i6$1.InputIcon, selector: "p-inputicon", inputs: ["hostName"] }, { kind: "directive", type: i7$1.InputPassword, selector: "[pInputPassword]", inputs: ["mask"], outputs: ["maskChange"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i9.Skeleton, selector: "p-skeleton", inputs: ["shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i11.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: FileUploaderComponent, selector: "lib-file-uploader", inputs: ["uploadFile", "uploadMultipleFiles", "acceptTypes", "multiple", "maxFiles", "maxSizeMb", "uploadOptions", "disabled", "showPreview", "autoUpload"], outputs: ["fileUploaded", "filesUploaded", "onError", "fileSelected"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfilePageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ProfilePageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-profile-page',
@@ -4964,13 +5166,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             </ng-template>
 
             <div class="flex justify-end pt-4">
-              <p-button
-                [label]="'shared.save.changes' | translate"
-                icon="pi pi-check"
+              <button
+                pButton
                 type="submit"
-                [loading]="isLoading()"
                 [disabled]="!isFormValid() || !isFormDirty() || isLoading()"
-              />
+              >
+                @if (isLoading()) {
+                  <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                } @else {
+                  <span pButtonIcon class="pi pi-check"></span>
+                }
+                <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+              </button>
             </div>
           </form>
         </div>
@@ -4990,51 +5197,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <label for="currentPassword" class="font-medium text-color"
               >{{ 'profile.current.password' | translate }} *</label
             >
-            <p-password
-              id="currentPassword"
-              name="currentPassword"
-              [ngModel]="passwordModel().currentPassword"
-              (ngModelChange)="updatePasswordField('currentPassword', $event)"
-              [feedback]="false"
-              [toggleMask]="true"
-              [placeholder]="'profile.current.password.placeholder' | translate"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="currentPassword"
+                name="currentPassword"
+                [mask]="!visiblePasswords().currentPassword"
+                [ngModel]="passwordModel().currentPassword"
+                (ngModelChange)="updatePasswordField('currentPassword', $event)"
+                [placeholder]="'profile.current.password.placeholder' | translate"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().currentPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('currentPassword')"
+              />
+            </p-iconfield>
           </div>
 
           <div class="flex flex-col gap-2">
             <label for="newPassword" class="font-medium text-color"
               >{{ 'profile.new.password' | translate }} *</label
             >
-            <p-password
-              id="newPassword"
-              name="newPassword"
-              [ngModel]="passwordModel().newPassword"
-              (ngModelChange)="updatePasswordField('newPassword', $event)"
-              [feedback]="true"
-              [toggleMask]="true"
-              [placeholder]="'shared.min.characters' | translate: { count: 6 }"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="newPassword"
+                name="newPassword"
+                [mask]="!visiblePasswords().newPassword"
+                [ngModel]="passwordModel().newPassword"
+                (ngModelChange)="updatePasswordField('newPassword', $event)"
+                [placeholder]="'shared.min.characters' | translate: { count: 6 }"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().newPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('newPassword')"
+              />
+            </p-iconfield>
           </div>
 
           <div class="flex flex-col gap-2">
             <label for="confirmPassword" class="font-medium text-color"
               >{{ 'profile.confirm.password' | translate }} *</label
             >
-            <p-password
-              id="confirmPassword"
-              name="confirmPassword"
-              [ngModel]="passwordModel().confirmPassword"
-              (ngModelChange)="updatePasswordField('confirmPassword', $event)"
-              [feedback]="false"
-              [toggleMask]="true"
-              [placeholder]="'profile.confirm.password.placeholder' | translate"
-              class="w-full"
-              inputStyleClass="w-full"
-            />
+            <p-iconfield iconPosition="right" class="w-full">
+              <input
+                pInputText
+                pInputPassword
+                id="confirmPassword"
+                name="confirmPassword"
+                [mask]="!visiblePasswords().confirmPassword"
+                [ngModel]="passwordModel().confirmPassword"
+                (ngModelChange)="updatePasswordField('confirmPassword', $event)"
+                [placeholder]="'profile.confirm.password.placeholder' | translate"
+                class="w-full"
+              />
+              <p-inputicon
+                [class]="
+                  visiblePasswords().confirmPassword
+                    ? 'pi pi-eye-slash cursor-pointer'
+                    : 'pi pi-eye cursor-pointer'
+                "
+                (click)="togglePasswordVisibility('confirmPassword')"
+              />
+            </p-iconfield>
             @if (!passwordsMatch()) {
               <small class="text-danger">{{
                 'auth.register.passwords.do.not.match' | translate
@@ -5044,13 +5281,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         </div>
 
         <div class="flex justify-end">
-          <p-button
-            [label]="'profile.change.password' | translate"
-            icon="pi pi-key"
+          <button
+            pButton
             type="submit"
-            [loading]="isPasswordLoading()"
             [disabled]="!isPasswordFormValid() || isPasswordLoading()"
-          />
+          >
+            @if (isPasswordLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            } @else {
+              <span pButtonIcon class="pi pi-key"></span>
+            }
+            <span pButtonLabel>{{ 'profile.change.password' | translate }}</span>
+          </button>
         </div>
       </form>
     </div>
@@ -5234,34 +5476,47 @@ class RegisterPageComponent {
     }
     queryParamMap = toSignal(this.route.queryParamMap);
     companySlugInitialized = false;
-    returnUrl = input('', ...(ngDevMode ? [{ debugName: "returnUrl" }] : []));
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
-    defaultCompanySlug = computed(() => getDefaultCompanySlug(this.appConfig), ...(ngDevMode ? [{ debugName: "defaultCompanySlug" }] : []));
-    defaultBranchSlug = computed(() => getDefaultBranchSlug(this.appConfig), ...(ngDevMode ? [{ debugName: "defaultBranchSlug" }] : []));
-    hasDefaultCompany = computed(() => !!this.defaultCompanySlug(), ...(ngDevMode ? [{ debugName: "hasDefaultCompany" }] : []));
-    hasDefaultBranch = computed(() => !!this.defaultBranchSlug(), ...(ngDevMode ? [{ debugName: "hasDefaultBranch" }] : []));
+    returnUrl = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "returnUrl" }] : /* istanbul ignore next */ []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : /* istanbul ignore next */ []));
+    defaultCompanySlug = computed(() => getDefaultCompanySlug(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultCompanySlug" }] : /* istanbul ignore next */ []));
+    defaultBranchSlug = computed(() => getDefaultBranchSlug(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultBranchSlug" }] : /* istanbul ignore next */ []));
+    hasDefaultCompany = computed(() => !!this.defaultCompanySlug(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasDefaultCompany" }] : /* istanbul ignore next */ []));
+    hasDefaultBranch = computed(() => !!this.defaultBranchSlug(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasDefaultBranch" }] : /* istanbul ignore next */ []));
     extraFields = computed(() => {
         if (!this.registrationExtension)
             return [];
         const fields = this.registrationExtension.getExtraFields();
         return fields.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "extraFields" }] : []));
-    extraFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFields" }] : /* istanbul ignore next */ []));
+    extraFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : /* istanbul ignore next */ []));
     emailErrorMessage = computed(() => this.validationConfig?.email?.message ??
-        this.translate('shared.invalid.email'), ...(ngDevMode ? [{ debugName: "emailErrorMessage" }] : []));
-    passwordMinLength = computed(() => this.validationConfig?.password?.minLength ?? 8, ...(ngDevMode ? [{ debugName: "passwordMinLength" }] : []));
+        this.translate('shared.invalid.email'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailErrorMessage" }] : /* istanbul ignore next */ []));
+    passwordMinLength = computed(() => this.validationConfig?.password?.minLength ?? 8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordMinLength" }] : /* istanbul ignore next */ []));
     passwordErrorMessage = computed(() => this.validationConfig?.password?.message ??
         this.translate('auth.validation.password.min.length', {
             min: this.passwordMinLength(),
-        }), ...(ngDevMode ? [{ debugName: "passwordErrorMessage" }] : []));
+        }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordErrorMessage" }] : /* istanbul ignore next */ []));
     userFormModel = signal({
         name: '',
         email: '',
         password: '',
         confirmPassword: '',
         phone: '',
-    }, ...(ngDevMode ? [{ debugName: "userFormModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userFormModel" }] : /* istanbul ignore next */ []));
     userForm = form(this.userFormModel, (f) => {
         required(f.name, {
             message: this.translate('shared.name.required'),
@@ -5290,14 +5545,16 @@ class RegisterPageComponent {
         newCompanyName: '',
         newCompanyPhone: '',
         newCompanyAddress: '',
-    }, ...(ngDevMode ? [{ debugName: "companyFormModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFormModel" }] : /* istanbul ignore next */ []));
     companyForm = form(this.companyFormModel);
     emailValidationError = computed(() => {
         const email = this.userFormModel().email;
         if (!email)
             return null;
         return validateEmail(email, this.validationConfig?.email ?? undefined);
-    }, ...(ngDevMode ? [{ debugName: "emailValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emailValidationError" }] : /* istanbul ignore next */ []));
     passwordValidationError = computed(() => {
         const password = this.userFormModel().password;
         if (!password)
@@ -5305,16 +5562,19 @@ class RegisterPageComponent {
         if (!this.validationConfig?.password)
             return null;
         return validatePassword(password, this.validationConfig.password);
-    }, ...(ngDevMode ? [{ debugName: "passwordValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordValidationError" }] : /* istanbul ignore next */ []));
     extraFieldsValidationError = computed(() => {
         if (!this.registrationExtension?.validateExtraFields)
             return null;
         return this.registrationExtension.validateExtraFields(this.extraFieldsModel());
-    }, ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : /* istanbul ignore next */ []));
     passwordsMatch = computed(() => {
         const model = this.userFormModel();
         return model.password === model.confirmPassword;
-    }, ...(ngDevMode ? [{ debugName: "passwordsMatch" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordsMatch" }] : /* istanbul ignore next */ []));
     isFormValid = computed(() => {
         const userModel = this.userFormModel();
         const emailError = this.emailValidationError();
@@ -5338,7 +5598,8 @@ class RegisterPageComponent {
                 companyModel.newCompanyName.trim().length > 0);
         }
         return userValid && extraFieldsValid;
-    }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     validateRequiredExtraFields() {
         const fields = this.extraFields();
         const values = this.extraFieldsModel();
@@ -5497,8 +5758,8 @@ class RegisterPageComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RegisterPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: RegisterPageComponent, isStandalone: true, selector: "lib-register-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RegisterPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RegisterPageComponent, isStandalone: true, selector: "lib-register-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <app-floating-configurator />
     <div
       class="bg-surface-ground flex items-center justify-center min-h-screen py-8"
@@ -5954,13 +6215,17 @@ class RegisterPageComponent {
                 </div>
               }
 
-              <p-button
-                [label]="'auth.register.create.account' | translate"
+              <button
+                pButton
                 class="w-full mt-4"
                 type="submit"
-                [loading]="isLoading()"
                 [disabled]="!isFormValid() || isLoading()"
-              />
+              >
+                @if (isLoading()) {
+                  <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                }
+                <span pButtonLabel>{{ 'auth.register.create.account' | translate }}</span>
+              </button>
 
               <div class="flex items-center justify-center mt-4 gap-2">
                 <span class="font-medium">{{
@@ -5978,9 +6243,9 @@ class RegisterPageComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i9.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i11.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RegisterPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RegisterPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-register-page',
@@ -6447,13 +6712,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </div>
               }
 
-              <p-button
-                [label]="'auth.register.create.account' | translate"
+              <button
+                pButton
                 class="w-full mt-4"
                 type="submit"
-                [loading]="isLoading()"
                 [disabled]="!isFormValid() || isLoading()"
-              />
+              >
+                @if (isLoading()) {
+                  <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                }
+                <span pButtonLabel>{{ 'auth.register.create.account' | translate }}</span>
+              </button>
 
               <div class="flex items-center justify-center mt-4 gap-2">
                 <span class="font-medium">{{
@@ -6494,12 +6763,15 @@ class ResetPasswordPageComponent {
     queryParams = toSignal(this.route.queryParams);
     tokenInitialized = false;
     token = '';
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    pageState = signal('form', ...(ngDevMode ? [{ debugName: "pageState" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    pageState = signal('form', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageState" }] : /* istanbul ignore next */ []));
     formModel = signal({
         newPassword: '',
         confirmPassword: '',
-    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     resetForm = form(this.formModel, (f) => {
         required(f.newPassword, {
             message: this.translate('auth.validation.password.required'),
@@ -6517,8 +6789,10 @@ class ResetPasswordPageComponent {
         const model = this.formModel();
         return (model.confirmPassword.length > 0 &&
             model.newPassword !== model.confirmPassword);
-    }, ...(ngDevMode ? [{ debugName: "passwordMismatch" }] : []));
-    canSubmit = computed(() => this.resetForm().valid() && !this.passwordMismatch(), ...(ngDevMode ? [{ debugName: "canSubmit" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "passwordMismatch" }] : /* istanbul ignore next */ []));
+    canSubmit = computed(() => this.resetForm().valid() && !this.passwordMismatch(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const params = this.queryParams();
@@ -6571,8 +6845,8 @@ class ResetPasswordPageComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ResetPasswordPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ResetPasswordPageComponent, isStandalone: true, selector: "lib-reset-password-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ResetPasswordPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ResetPasswordPageComponent, isStandalone: true, selector: "lib-reset-password-page", ngImport: i0, template: `
     <app-floating-configurator />
     <div
       class="bg-surface-ground flex items-center justify-center min-h-screen"
@@ -6643,13 +6917,17 @@ class ResetPasswordPageComponent {
                     }}</small>
                   }
 
-                  <p-button
-                    [label]="'auth.reset.password.reset.password' | translate"
-                    styleClass="w-full mt-4 mb-4"
+                  <button
+                    pButton
+                    class="w-full mt-4 mb-4"
                     type="submit"
-                    [loading]="isLoading()"
                     [disabled]="!canSubmit() || isLoading()"
-                  />
+                  >
+                    @if (isLoading()) {
+                      <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                    }
+                    <span pButtonLabel>{{ 'auth.reset.password.reset.password' | translate }}</span>
+                  </button>
 
                   <div class="flex items-center justify-center gap-2">
                     <a
@@ -6674,10 +6952,12 @@ class ResetPasswordPageComponent {
                     {{ 'auth.reset.password.success.message' | translate }}
                   </p>
                   <a routerLink="/auth/login">
-                    <p-button
-                      [label]="'auth.login.sign.in' | translate"
-                      styleClass="w-full"
-                    />
+                    <button
+                      pButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
                   </a>
                 </div>
               }
@@ -6694,12 +6974,14 @@ class ResetPasswordPageComponent {
                     {{ 'auth.reset.password.invalid.link.message' | translate }}
                   </p>
                   <a routerLink="/auth/forgot-password">
-                    <p-button
-                      [label]="
+                    <button
+                      pButton
+                      class="w-full mb-4"
+                    >
+                      <span pButtonLabel>{{ 
                         'auth.reset.password.request.new.link' | translate
-                      "
-                      styleClass="w-full mb-4"
-                    />
+                       }}</span>
+                    </button>
                   </a>
                   <div class="mt-4">
                     <a
@@ -6716,9 +6998,9 @@ class ResetPasswordPageComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ResetPasswordPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ResetPasswordPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-reset-password-page',
@@ -6800,13 +7082,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     }}</small>
                   }
 
-                  <p-button
-                    [label]="'auth.reset.password.reset.password' | translate"
-                    styleClass="w-full mt-4 mb-4"
+                  <button
+                    pButton
+                    class="w-full mt-4 mb-4"
                     type="submit"
-                    [loading]="isLoading()"
                     [disabled]="!canSubmit() || isLoading()"
-                  />
+                  >
+                    @if (isLoading()) {
+                      <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                    }
+                    <span pButtonLabel>{{ 'auth.reset.password.reset.password' | translate }}</span>
+                  </button>
 
                   <div class="flex items-center justify-center gap-2">
                     <a
@@ -6831,10 +7117,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     {{ 'auth.reset.password.success.message' | translate }}
                   </p>
                   <a routerLink="/auth/login">
-                    <p-button
-                      [label]="'auth.login.sign.in' | translate"
-                      styleClass="w-full"
-                    />
+                    <button
+                      pButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
                   </a>
                 </div>
               }
@@ -6851,12 +7139,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     {{ 'auth.reset.password.invalid.link.message' | translate }}
                   </p>
                   <a routerLink="/auth/forgot-password">
-                    <p-button
-                      [label]="
+                    <button
+                      pButton
+                      class="w-full mb-4"
+                    >
+                      <span pButtonLabel>{{ 
                         'auth.reset.password.request.new.link' | translate
-                      "
-                      styleClass="w-full mb-4"
-                    />
+                       }}</span>
+                    </button>
                   </a>
                   <div class="mt-4">
                     <a
@@ -6903,12 +7193,18 @@ class UserFormComponent {
     }
     routeParams = toSignal(this.route.paramMap);
     userLoadTriggered = false;
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    existingUser = signal(null, ...(ngDevMode ? [{ debugName: "existingUser" }] : []));
-    isEditMode = computed(() => !!this.existingUser(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
-    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
-    currentCompanyName = computed(() => this.authState.companyName(), ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : []));
-    currentBranchName = computed(() => this.authState.branchName(), ...(ngDevMode ? [{ debugName: "currentBranchName" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    existingUser = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "existingUser" }] : /* istanbul ignore next */ []));
+    isEditMode = computed(() => !!this.existingUser(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []));
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : /* istanbul ignore next */ []));
+    currentCompanyName = computed(() => this.authState.companyName(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : /* istanbul ignore next */ []));
+    currentBranchName = computed(() => this.authState.branchName(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentBranchName" }] : /* istanbul ignore next */ []));
     formModel = signal({
         name: '',
         email: '',
@@ -6916,7 +7212,8 @@ class UserFormComponent {
         phone: '',
         isActive: true,
         emailVerified: false,
-    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     formTree = form(this.formModel, (f) => {
         required(f.name, {
             message: this.translate('shared.name.required'),
@@ -6928,27 +7225,34 @@ class UserFormComponent {
             message: this.translate('shared.invalid.email'),
         });
     });
-    isLoadingExtraFields = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingExtraFields" }] : []));
-    extraFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : []));
-    originalExtraFieldsModel = signal({}, ...(ngDevMode ? [{ debugName: "originalExtraFieldsModel" }] : []));
+    isLoadingExtraFields = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoadingExtraFields" }] : /* istanbul ignore next */ []));
+    extraFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsModel" }] : /* istanbul ignore next */ []));
+    originalExtraFieldsModel = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "originalExtraFieldsModel" }] : /* istanbul ignore next */ []));
     extraFields = computed(() => {
         if (!this.userFormExtension?.getExtraFields)
             return [];
         return this.userFormExtension
             .getExtraFields()
             .sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "extraFields" }] : []));
-    hasExtraFields = computed(() => this.extraFields().length > 0, ...(ngDevMode ? [{ debugName: "hasExtraFields" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFields" }] : /* istanbul ignore next */ []));
+    hasExtraFields = computed(() => this.extraFields().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasExtraFields" }] : /* istanbul ignore next */ []));
     extraFieldsValidationError = computed(() => {
         if (!this.userFormExtension?.validateExtraFields)
             return null;
         return this.userFormExtension.validateExtraFields(this.extraFieldsModel());
-    }, ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraFieldsValidationError" }] : /* istanbul ignore next */ []));
     isExtraFieldsDirty = computed(() => {
         const current = this.extraFieldsModel();
         const original = this.originalExtraFieldsModel();
         return JSON.stringify(current) !== JSON.stringify(original);
-    }, ...(ngDevMode ? [{ debugName: "isExtraFieldsDirty" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isExtraFieldsDirty" }] : /* istanbul ignore next */ []));
     updateExtraField(key, value) {
         this.extraFieldsModel.update((model) => ({ ...model, [key]: value }));
     }
@@ -6980,7 +7284,8 @@ class UserFormComponent {
         const emailValid = model.email.includes('@');
         const passwordValid = isEdit ? true : model.password.length >= 8;
         return nameValid && emailValid && passwordValid;
-    }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const params = this.routeParams();
@@ -7158,8 +7463,8 @@ class UserFormComponent {
     onCancel() {
         this.router.navigate(['/administration/users']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserFormComponent, isStandalone: true, selector: "lib-user-form", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserFormComponent, isStandalone: true, selector: "lib-user-form", ngImport: i0, template: `
     <p-card>
       <ng-template #header>
         <div class="flex justify-between items-center p-4">
@@ -7432,28 +7737,34 @@ class UserFormComponent {
         }
 
         <div class="flex justify-end gap-4 md:col-span-2 pt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            pButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
-            [label]="
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            pButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            }
+            <span pButtonLabel>{{ 
               isEditMode()
                 ? ('shared.update' | translate)
                 : ('shared.create' | translate)
-            "
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()"
-          />
+             }}</span>
+          </button>
         </div>
       </form>
     </p-card>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i9.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3$1.Card, selector: "p-card", inputs: ["header", "subheader"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i9.Skeleton, selector: "p-skeleton", inputs: ["shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i11.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-user-form',
@@ -7731,22 +8042,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }
 
         <div class="flex justify-end gap-4 md:col-span-2 pt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            pButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
-            [label]="
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            pButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+            }
+            <span pButtonLabel>{{ 
               isEditMode()
                 ? ('shared.update' | translate)
                 : ('shared.create' | translate)
-            "
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()"
-          />
+             }}</span>
+          </button>
         </div>
       </form>
     </p-card>
@@ -7769,13 +8086,17 @@ class UserBranchPermissionDialogComponent {
     t(key, params) {
         return this.translateAdapter?.translate(key, params) ?? key;
     }
-    visible = input.required(...(ngDevMode ? [{ debugName: "visible" }] : []));
-    user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
+    visible = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    user = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []));
     closed = output();
     permissionsChanged = output();
-    isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : []));
-    selectedCompanyId = signal(null, ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : []));
-    companiesResource = resource({ ...(ngDevMode ? { debugName: "companiesResource" } : {}), params: () => {
+    isSaving = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
+    selectedCompanyId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : /* istanbul ignore next */ []));
+    companiesResource = resource({ ...(ngDevMode ? { debugName: "companiesResource" } : /* istanbul ignore next */ {}), params: () => {
             const user = this.user();
             if (!this.visible() || !user)
                 return undefined;
@@ -7789,7 +8110,7 @@ class UserBranchPermissionDialogComponent {
                 name: p.companyName,
             }));
         } });
-    branchesResource = resource({ ...(ngDevMode ? { debugName: "branchesResource" } : {}), params: () => {
+    branchesResource = resource({ ...(ngDevMode ? { debugName: "branchesResource" } : /* istanbul ignore next */ {}), params: () => {
             const user = this.user();
             const companyId = this.selectedCompanyId();
             if (!user || !companyId)
@@ -7814,7 +8135,8 @@ class UserBranchPermissionDialogComponent {
                 isAssigned: assignedIds.has(branch.id),
             }));
         } });
-    isInitialLoading = computed(() => this.branchesResource.isLoading() && !this.branchesResource.value(), ...(ngDevMode ? [{ debugName: "isInitialLoading" }] : []));
+    isInitialLoading = computed(() => this.branchesResource.isLoading() && !this.branchesResource.value(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isInitialLoading" }] : /* istanbul ignore next */ []));
     async onBranchToggle(branch, isAssigned) {
         const currentUser = this.user();
         if (!currentUser)
@@ -7861,8 +8183,8 @@ class UserBranchPermissionDialogComponent {
     onClose() {
         this.closed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserBranchPermissionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserBranchPermissionDialogComponent, isStandalone: true, selector: "lib-user-branch-permission-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", permissionsChanged: "permissionsChanged" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserBranchPermissionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserBranchPermissionDialogComponent, isStandalone: true, selector: "lib-user-branch-permission-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", permissionsChanged: "permissionsChanged" }, ngImport: i0, template: `
     <p-dialog
       [visible]="visible()"
       [modal]="true"
@@ -7896,7 +8218,7 @@ class UserBranchPermissionDialogComponent {
 
       @if (isInitialLoading()) {
         <div class="flex justify-center items-center py-8">
-          <p-progressSpinner />
+          <p-progressspinner />
         </div>
       } @else {
         <div class="flex flex-col gap-3">
@@ -7938,18 +8260,20 @@ class UserBranchPermissionDialogComponent {
       }
 
       <ng-template #footer>
-        <p-button
-          [label]="'shared.close' | translate"
+        <button
+          pButton
           severity="secondary"
           [outlined]="true"
-          (onClick)="onClose()"
+          (click)="onClose()"
           [disabled]="isSaving()"
-        />
+        >
+          <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+        </button>
       </ng-template>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "component", type: i3$3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo"], outputs: ["visibleChange", "onShow", "onHide", "onResizeInit", "onResizeEnd", "onDragStart", "onDragEnd", "onMaximize"] }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6$2.ProgressSpinner, selector: "p-progress-spinner, p-progressspinner", inputs: ["value", "strokeWidth", "animationDuration", "min", "max", "ariaLabel", "fill"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserBranchPermissionDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserBranchPermissionDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-user-branch-permission-dialog',
@@ -7994,7 +8318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 
       @if (isInitialLoading()) {
         <div class="flex justify-center items-center py-8">
-          <p-progressSpinner />
+          <p-progressspinner />
         </div>
       } @else {
         <div class="flex flex-col gap-3">
@@ -8036,13 +8360,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
       }
 
       <ng-template #footer>
-        <p-button
-          [label]="'shared.close' | translate"
+        <button
+          pButton
           severity="secondary"
           [outlined]="true"
-          (onClick)="onClose()"
+          (click)="onClose()"
           [disabled]="isSaving()"
-        />
+        >
+          <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+        </button>
       </ng-template>
     </p-dialog>
   `,
@@ -8059,13 +8385,18 @@ class UserCompanyPermissionDialogComponent {
     t(key, params) {
         return this.translateAdapter?.translate(key, params) ?? key;
     }
-    visible = input.required(...(ngDevMode ? [{ debugName: "visible" }] : []));
-    user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
+    visible = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    user = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []));
     closed = output();
     permissionsChanged = output();
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : []));
-    companies = signal([], ...(ngDevMode ? [{ debugName: "companies" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    isSaving = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
+    companies = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companies" }] : /* istanbul ignore next */ []));
     assignedCompanyIds = new Set();
     constructor() {
         effect(() => {
@@ -8150,8 +8481,8 @@ class UserCompanyPermissionDialogComponent {
     onClose() {
         this.closed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserCompanyPermissionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserCompanyPermissionDialogComponent, isStandalone: true, selector: "lib-user-company-permission-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", permissionsChanged: "permissionsChanged" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserCompanyPermissionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserCompanyPermissionDialogComponent, isStandalone: true, selector: "lib-user-company-permission-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", permissionsChanged: "permissionsChanged" }, ngImport: i0, template: `
     <p-dialog
       [visible]="visible()"
       [modal]="true"
@@ -8170,7 +8501,7 @@ class UserCompanyPermissionDialogComponent {
 
       @if (isLoading()) {
         <div class="flex justify-center items-center py-8">
-          <p-progressSpinner />
+          <p-progressspinner />
         </div>
       } @else {
         <div class="flex flex-col gap-3">
@@ -8200,18 +8531,20 @@ class UserCompanyPermissionDialogComponent {
       }
 
       <ng-template #footer>
-        <p-button
-          [label]="'shared.close' | translate"
+        <button
+          pButton
           severity="secondary"
           [outlined]="true"
-          (onClick)="onClose()"
+          (click)="onClose()"
           [disabled]="isSaving()"
-        />
+        >
+          <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+        </button>
       </ng-template>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "component", type: i3$3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo"], outputs: ["visibleChange", "onShow", "onHide", "onResizeInit", "onResizeEnd", "onDragStart", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6$2.ProgressSpinner, selector: "p-progress-spinner, p-progressspinner", inputs: ["value", "strokeWidth", "animationDuration", "min", "max", "ariaLabel", "fill"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserCompanyPermissionDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserCompanyPermissionDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-user-company-permission-dialog',
@@ -8241,7 +8574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 
       @if (isLoading()) {
         <div class="flex justify-center items-center py-8">
-          <p-progressSpinner />
+          <p-progressspinner />
         </div>
       } @else {
         <div class="flex flex-col gap-3">
@@ -8271,13 +8604,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
       }
 
       <ng-template #footer>
-        <p-button
-          [label]="'shared.close' | translate"
+        <button
+          pButton
           severity="secondary"
           [outlined]="true"
-          (onClick)="onClose()"
+          (click)="onClose()"
           [disabled]="isSaving()"
-        />
+        >
+          <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+        </button>
       </ng-template>
     </p-dialog>
   `,
@@ -8306,25 +8641,34 @@ class UserListComponent {
     users = this.userService.data;
     isLoading = this.userService.isLoading;
     total = this.userService.total;
-    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : []));
+    companyFeatureEnabled = computed(() => isCompanyFeatureEnabled(this.appConfig), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companyFeatureEnabled" }] : /* istanbul ignore next */ []));
     extraColumns = computed(() => {
         if (!this.userListExtension)
             return [];
         const columns = this.userListExtension.getExtraColumns();
         return columns.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "extraColumns" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraColumns" }] : /* istanbul ignore next */ []));
     extraActions = computed(() => {
         if (!this.userListExtension)
             return [];
         const actions = this.userListExtension.getExtraActions();
         return actions.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-    }, ...(ngDevMode ? [{ debugName: "extraActions" }] : []));
-    hasUserDetailView = computed(() => !!this.userDetailConfig, ...(ngDevMode ? [{ debugName: "hasUserDetailView" }] : []));
-    tableColspan = computed(() => 6 + this.extraColumns().length, ...(ngDevMode ? [{ debugName: "tableColspan" }] : []));
-    showCompanyDialog = signal(false, ...(ngDevMode ? [{ debugName: "showCompanyDialog" }] : []));
-    showBranchDialog = signal(false, ...(ngDevMode ? [{ debugName: "showBranchDialog" }] : []));
-    showUserDetailDialog = signal(false, ...(ngDevMode ? [{ debugName: "showUserDetailDialog" }] : []));
-    selectedUser = signal(null, ...(ngDevMode ? [{ debugName: "selectedUser" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraActions" }] : /* istanbul ignore next */ []));
+    hasUserDetailView = computed(() => !!this.userDetailConfig, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasUserDetailView" }] : /* istanbul ignore next */ []));
+    tableColspan = computed(() => 6 + this.extraColumns().length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tableColspan" }] : /* istanbul ignore next */ []));
+    showCompanyDialog = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCompanyDialog" }] : /* istanbul ignore next */ []));
+    showBranchDialog = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showBranchDialog" }] : /* istanbul ignore next */ []));
+    showUserDetailDialog = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showUserDetailDialog" }] : /* istanbul ignore next */ []));
+    selectedUser = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedUser" }] : /* istanbul ignore next */ []));
     getFieldValue(user, field) {
         const parts = field.split('.');
         let value = user;
@@ -8415,8 +8759,8 @@ class UserListComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserListComponent, isStandalone: true, selector: "lib-user-list", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserListComponent, isStandalone: true, selector: "lib-user-list", ngImport: i0, template: `
     <p-card>
       <ng-template #header>
         <div
@@ -8425,12 +8769,14 @@ class UserListComponent {
           <h2 class="text-xl font-semibold m-0">
             {{ 'administrative.user.title' | translate }}
           </h2>
-          <p-button
+          <button
+            pButton
             *hasPermission="USER_PERMISSIONS.CREATE"
-            [label]="'administrative.user.add' | translate"
-            icon="pi pi-plus"
-            (onClick)="onCreate()"
-          />
+            (click)="onCreate()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
+          </button>
         </div>
       </ng-template>
 
@@ -8505,28 +8851,32 @@ class UserListComponent {
               <td>
                 <div class="flex gap-1 flex-wrap">
                   @if (hasUserDetailView()) {
-                    <p-button
-                      icon="pi pi-eye"
+                    <button
+                      pButton
                       [rounded]="true"
                       [text]="true"
                       severity="info"
                       [pTooltip]="'shared.view.details' | translate"
-                      (onClick)="onViewDetails(user)"
-                    />
+                      (click)="onViewDetails(user)"
+                    >
+                      <span pButtonIcon class="pi pi-eye"></span>
+                    </button>
                   }
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="USER_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [rounded]="true"
                     [text]="true"
                     severity="info"
                     [pTooltip]="'shared.edit' | translate"
-                    (onClick)="onEdit(user)"
-                  />
+                    (click)="onEdit(user)"
+                  >
+                    <span pButtonIcon class="pi pi-pencil"></span>
+                  </button>
                   @if (companyFeatureEnabled()) {
-                    <p-button
+                    <button
+                      pButton
                       *hasPermission="USER_PERMISSIONS.UPDATE"
-                      icon="pi pi-building"
                       [rounded]="true"
                       [text]="true"
                       severity="secondary"
@@ -8534,11 +8884,13 @@ class UserListComponent {
                         'administrative.permission.company.permissions'
                           | translate
                       "
-                      (onClick)="onManageCompanyPermissions(user)"
-                    />
-                    <p-button
+                      (click)="onManageCompanyPermissions(user)"
+                    >
+                      <span pButtonIcon class="pi pi-building"></span>
+                    </button>
+                    <button
+                      pButton
                       *hasPermission="USER_PERMISSIONS.UPDATE"
-                      icon="pi pi-sitemap"
                       [rounded]="true"
                       [text]="true"
                       severity="secondary"
@@ -8546,13 +8898,15 @@ class UserListComponent {
                         'administrative.permission.branch.permissions'
                           | translate
                       "
-                      (onClick)="onManageBranchPermissions(user)"
-                    />
+                      (click)="onManageBranchPermissions(user)"
+                    >
+                      <span pButtonIcon class="pi pi-sitemap"></span>
+                    </button>
                   }
                   @for (action of extraActions(); track action.key) {
                     @if (isActionVisible(action, user)) {
-                      <p-button
-                        [icon]="action.icon"
+                      <button
+                        pButton
                         [rounded]="true"
                         [text]="true"
                         [severity]="action.severity ?? 'secondary'"
@@ -8560,19 +8914,23 @@ class UserListComponent {
                           action.labelKey | translate: null : action.label
                         "
                         [disabled]="isActionDisabled(action, user)"
-                        (onClick)="onExtraAction(action, user)"
-                      />
+                        (click)="onExtraAction(action, user)"
+                      >
+                        <span pButtonIcon [class]="action.icon"></span>
+                      </button>
                     }
                   }
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="USER_PERMISSIONS.DELETE"
-                    icon="pi pi-trash"
                     [rounded]="true"
                     [text]="true"
                     severity="danger"
                     [pTooltip]="'shared.delete' | translate"
-                    (onClick)="onDelete(user)"
-                  />
+                    (click)="onDelete(user)"
+                  >
+                    <span pButtonIcon class="pi pi-trash"></span>
+                  </button>
                 </div>
               </td>
             </tr>
@@ -8673,25 +9031,29 @@ class UserListComponent {
           </div>
           <div class="flex justify-end gap-2 mt-6">
             @if (userDetailConfig?.allowEdit) {
-              <p-button
-                [label]="'shared.edit' | translate"
-                icon="pi pi-pencil"
-                (onClick)="onEdit(user); closeUserDetailDialog()"
-              />
+              <button
+                pButton
+                (click)="onEdit(user); closeUserDetailDialog()"
+              >
+                <span pButtonIcon class="pi pi-pencil"></span>
+                <span pButtonLabel>{{ 'shared.edit' | translate }}</span>
+              </button>
             }
-            <p-button
-              [label]="'shared.close' | translate"
+            <button
+              pButton
               severity="secondary"
               [outlined]="true"
-              (onClick)="closeUserDetailDialog()"
-            />
+              (click)="closeUserDetailDialog()"
+            >
+              <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+            </button>
           </div>
         }
       </p-dialog>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserCompanyPermissionDialogComponent, selector: "lib-user-company-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "component", type: UserBranchPermissionDialogComponent, selector: "lib-user-branch-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3$1.Card, selector: "p-card", inputs: ["header", "subheader"] }, { kind: "component", type: i4$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo"], outputs: ["visibleChange", "onShow", "onHide", "onResizeInit", "onResizeEnd", "onDragStart", "onDragEnd", "onMaximize"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "firstChange", "rowsChange", "totalRecordsChange", "selectionChange", "selectAllChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserCompanyPermissionDialogComponent, selector: "lib-user-company-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "component", type: UserBranchPermissionDialogComponent, selector: "lib-user-branch-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-user-list',
@@ -8712,12 +9074,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <h2 class="text-xl font-semibold m-0">
             {{ 'administrative.user.title' | translate }}
           </h2>
-          <p-button
+          <button
+            pButton
             *hasPermission="USER_PERMISSIONS.CREATE"
-            [label]="'administrative.user.add' | translate"
-            icon="pi pi-plus"
-            (onClick)="onCreate()"
-          />
+            (click)="onCreate()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
+          </button>
         </div>
       </ng-template>
 
@@ -8792,28 +9156,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               <td>
                 <div class="flex gap-1 flex-wrap">
                   @if (hasUserDetailView()) {
-                    <p-button
-                      icon="pi pi-eye"
+                    <button
+                      pButton
                       [rounded]="true"
                       [text]="true"
                       severity="info"
                       [pTooltip]="'shared.view.details' | translate"
-                      (onClick)="onViewDetails(user)"
-                    />
+                      (click)="onViewDetails(user)"
+                    >
+                      <span pButtonIcon class="pi pi-eye"></span>
+                    </button>
                   }
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="USER_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [rounded]="true"
                     [text]="true"
                     severity="info"
                     [pTooltip]="'shared.edit' | translate"
-                    (onClick)="onEdit(user)"
-                  />
+                    (click)="onEdit(user)"
+                  >
+                    <span pButtonIcon class="pi pi-pencil"></span>
+                  </button>
                   @if (companyFeatureEnabled()) {
-                    <p-button
+                    <button
+                      pButton
                       *hasPermission="USER_PERMISSIONS.UPDATE"
-                      icon="pi pi-building"
                       [rounded]="true"
                       [text]="true"
                       severity="secondary"
@@ -8821,11 +9189,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         'administrative.permission.company.permissions'
                           | translate
                       "
-                      (onClick)="onManageCompanyPermissions(user)"
-                    />
-                    <p-button
+                      (click)="onManageCompanyPermissions(user)"
+                    >
+                      <span pButtonIcon class="pi pi-building"></span>
+                    </button>
+                    <button
+                      pButton
                       *hasPermission="USER_PERMISSIONS.UPDATE"
-                      icon="pi pi-sitemap"
                       [rounded]="true"
                       [text]="true"
                       severity="secondary"
@@ -8833,13 +9203,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         'administrative.permission.branch.permissions'
                           | translate
                       "
-                      (onClick)="onManageBranchPermissions(user)"
-                    />
+                      (click)="onManageBranchPermissions(user)"
+                    >
+                      <span pButtonIcon class="pi pi-sitemap"></span>
+                    </button>
                   }
                   @for (action of extraActions(); track action.key) {
                     @if (isActionVisible(action, user)) {
-                      <p-button
-                        [icon]="action.icon"
+                      <button
+                        pButton
                         [rounded]="true"
                         [text]="true"
                         [severity]="action.severity ?? 'secondary'"
@@ -8847,19 +9219,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                           action.labelKey | translate: null : action.label
                         "
                         [disabled]="isActionDisabled(action, user)"
-                        (onClick)="onExtraAction(action, user)"
-                      />
+                        (click)="onExtraAction(action, user)"
+                      >
+                        <span pButtonIcon [class]="action.icon"></span>
+                      </button>
                     }
                   }
-                  <p-button
+                  <button
+                    pButton
                     *hasPermission="USER_PERMISSIONS.DELETE"
-                    icon="pi pi-trash"
                     [rounded]="true"
                     [text]="true"
                     severity="danger"
                     [pTooltip]="'shared.delete' | translate"
-                    (onClick)="onDelete(user)"
-                  />
+                    (click)="onDelete(user)"
+                  >
+                    <span pButtonIcon class="pi pi-trash"></span>
+                  </button>
                 </div>
               </td>
             </tr>
@@ -8960,18 +9336,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           </div>
           <div class="flex justify-end gap-2 mt-6">
             @if (userDetailConfig?.allowEdit) {
-              <p-button
-                [label]="'shared.edit' | translate"
-                icon="pi pi-pencil"
-                (onClick)="onEdit(user); closeUserDetailDialog()"
-              />
+              <button
+                pButton
+                (click)="onEdit(user); closeUserDetailDialog()"
+              >
+                <span pButtonIcon class="pi pi-pencil"></span>
+                <span pButtonLabel>{{ 'shared.edit' | translate }}</span>
+              </button>
             }
-            <p-button
-              [label]="'shared.close' | translate"
+            <button
+              pButton
               severity="secondary"
               [outlined]="true"
-              (onClick)="closeUserDetailDialog()"
-            />
+              (click)="closeUserDetailDialog()"
+            >
+              <span pButtonLabel>{{ 'shared.close' | translate }}</span>
+            </button>
           </div>
         }
       </p-dialog>
@@ -9001,11 +9381,16 @@ class VerifyEmailPageComponent {
     }
     queryParams = toSignal(this.route.queryParams);
     verificationTriggered = false;
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    pageState = signal('verifying', ...(ngDevMode ? [{ debugName: "pageState" }] : []));
-    resendSuccess = signal(false, ...(ngDevMode ? [{ debugName: "resendSuccess" }] : []));
-    submittedEmail = signal('', ...(ngDevMode ? [{ debugName: "submittedEmail" }] : []));
-    resendFormModel = signal({ email: '' }, ...(ngDevMode ? [{ debugName: "resendFormModel" }] : []));
+    isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    pageState = signal('verifying', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageState" }] : /* istanbul ignore next */ []));
+    resendSuccess = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resendSuccess" }] : /* istanbul ignore next */ []));
+    submittedEmail = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submittedEmail" }] : /* istanbul ignore next */ []));
+    resendFormModel = signal({ email: '' }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resendFormModel" }] : /* istanbul ignore next */ []));
     resendForm = form(this.resendFormModel, (f) => {
         required(f.email, {
             message: this.translate('auth.validation.email.required'),
@@ -9014,7 +9399,8 @@ class VerifyEmailPageComponent {
             message: this.translate('shared.invalid.email'),
         });
     });
-    isResendFormValid = computed(() => this.resendForm().valid(), ...(ngDevMode ? [{ debugName: "isResendFormValid" }] : []));
+    isResendFormValid = computed(() => this.resendForm().valid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isResendFormValid" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const params = this.queryParams();
@@ -9108,8 +9494,8 @@ class VerifyEmailPageComponent {
         this.submittedEmail.set(email);
         this.resendSuccess.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: VerifyEmailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: VerifyEmailPageComponent, isStandalone: true, selector: "lib-verify-email-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: VerifyEmailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: VerifyEmailPageComponent, isStandalone: true, selector: "lib-verify-email-page", ngImport: i0, template: `
     <app-floating-configurator />
     <div
       class="bg-surface-ground flex items-center justify-center min-h-screen"
@@ -9152,10 +9538,12 @@ class VerifyEmailPageComponent {
                     {{ 'auth.verify.email.success.message' | translate }}
                   </p>
                   <a routerLink="/auth/login">
-                    <p-button
-                      [label]="'auth.login.sign.in' | translate"
-                      styleClass="w-full"
-                    />
+                    <button
+                      pButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
                   </a>
                 </div>
               }
@@ -9171,11 +9559,13 @@ class VerifyEmailPageComponent {
                   <p class="text-muted-color font-medium mb-6">
                     {{ 'auth.verify.email.invalid.link' | translate }}
                   </p>
-                  <p-button
-                    [label]="'auth.verify.email.resend.email' | translate"
-                    styleClass="w-full mb-4"
-                    (onClick)="showResendForm()"
-                  />
+                  <button
+                    pButton
+                    class="w-full mb-4"
+                    (click)="showResendForm()"
+                  >
+                    <span pButtonLabel>{{ 'auth.verify.email.resend.email' | translate }}</span>
+                  </button>
                   <div class="mt-4">
                     <a
                       routerLink="/auth/login"
@@ -9215,13 +9605,17 @@ class VerifyEmailPageComponent {
                       autocomplete="email"
                     />
 
-                    <p-button
-                      [label]="'auth.verify.email.resend' | translate"
-                      styleClass="w-full mb-4"
+                    <button
+                      pButton
+                      class="w-full mb-4"
                       type="submit"
-                      [loading]="isLoading()"
                       [disabled]="!isResendFormValid() || isLoading()"
-                    />
+                    >
+                      @if (isLoading()) {
+                        <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                      }
+                      <span pButtonLabel>{{ 'auth.verify.email.resend' | translate }}</span>
+                    </button>
 
                     <div class="flex items-center justify-center gap-2">
                       <a
@@ -9254,9 +9648,9 @@ class VerifyEmailPageComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i3.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i3.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: AppFloatingConfigurator, selector: "app-floating-configurator" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: VerifyEmailPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: VerifyEmailPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-verify-email-page',
@@ -9310,10 +9704,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     {{ 'auth.verify.email.success.message' | translate }}
                   </p>
                   <a routerLink="/auth/login">
-                    <p-button
-                      [label]="'auth.login.sign.in' | translate"
-                      styleClass="w-full"
-                    />
+                    <button
+                      pButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
                   </a>
                 </div>
               }
@@ -9329,11 +9725,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <p class="text-muted-color font-medium mb-6">
                     {{ 'auth.verify.email.invalid.link' | translate }}
                   </p>
-                  <p-button
-                    [label]="'auth.verify.email.resend.email' | translate"
-                    styleClass="w-full mb-4"
-                    (onClick)="showResendForm()"
-                  />
+                  <button
+                    pButton
+                    class="w-full mb-4"
+                    (click)="showResendForm()"
+                  >
+                    <span pButtonLabel>{{ 'auth.verify.email.resend.email' | translate }}</span>
+                  </button>
                   <div class="mt-4">
                     <a
                       routerLink="/auth/login"
@@ -9373,13 +9771,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       autocomplete="email"
                     />
 
-                    <p-button
-                      [label]="'auth.verify.email.resend' | translate"
-                      styleClass="w-full mb-4"
+                    <button
+                      pButton
+                      class="w-full mb-4"
                       type="submit"
-                      [loading]="isLoading()"
                       [disabled]="!isResendFormValid() || isLoading()"
-                    />
+                    >
+                      @if (isLoading()) {
+                        <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                      }
+                      <span pButtonLabel>{{ 'auth.verify.email.resend' | translate }}</span>
+                    </button>
 
                     <div class="flex items-center justify-center gap-2">
                       <a