@nettyapps/ntybase 0.1.8 → 0.1.10

package/fesm2022/nettyapps-ntybase.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, inject, NgModule, Inject, signal, input, output, computed, effect, model, ViewChild, ElementRef, ViewContainerRef, Input, ViewEncapsulation, forwardRef, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Injectable, inject, NgModule, Inject, signal, input, output, computed, effect, model, ViewChild, ElementRef, InjectionToken, Optional, Input, ViewContainerRef, ViewEncapsulation, forwardRef, ChangeDetectionStrategy } from '@angular/core';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse, HTTP_INTERCEPTORS, HttpClient, HttpHeaders } from '@angular/common/http';
 import { of, throwError, lastValueFrom, map, catchError as catchError$1, Subject, finalize, take as take$1, takeUntil } from 'rxjs';
@@ -444,7 +444,7 @@ class AlertService {
                 height: 'auto',
                 data: {
                     message: this.translate.instant(message),
-                    title: this.translate.instant('@Confirmation'),
+                    title: this.translate.instant('@confirmation'),
                 },
             });
             dialogRef.afterClosed().subscribe((result) => {
@@ -1366,95 +1366,6 @@ class NettyAgGridBase {
             suppressRowClickSelection: false,
             enableCellChangeFlash: true,
         },
-        localeText: {
-            // Status panel translate
-            totalRows: this.translateService.instant('AG_GRID.TOTAL_ROWS'),
-            filteredRows: this.translateService.instant('AG_GRID.FILTERED_ROWS'),
-            selectedRows: this.translateService.instant('AG_GRID.SELECTED_ROWS'),
-            noRowsToShow: this.translateService.instant('AG_GRID.NO_ROWS_TO_SHOW'),
-            loadingOoo: this.translateService.instant('AG_GRID.LOADING'),
-            // Context menu translations
-            copy: this.translateService.instant('AG_GRID.COPY'),
-            copyWithHeaders: this.translateService.instant('AG_GRID.COPY_WITH_HEADERS'),
-            copyWithGroupHeaders: this.translateService.instant('AG_GRID.COPY_WITH_GROUP_HEADERS'),
-            paste: this.translateService.instant('AG_GRID.PASTE'),
-            export: this.translateService.instant('AG_GRID.EXPORT'),
-            csvExport: this.translateService.instant('AG_GRID.CSV_EXPORT'),
-            excelExport: this.translateService.instant('AG_GRID.EXCEL_EXPORT'),
-            pinColumn: this.translateService.instant('AG_GRID.PIN_COLUMN'),
-            pinLeft: this.translateService.instant('AG_GRID.PIN_LEFT'),
-            pinRight: this.translateService.instant('AG_GRID.PIN_RIGHT'),
-            noPin: this.translateService.instant('AG_GRID.NO_PIN'),
-            sortAscending: this.translateService.instant('AG_GRID.SORT_ASCENDING'),
-            sortDescending: this.translateService.instant('AG_GRID.SORT_DESCENDING'),
-            autosizeThisColumn: this.translateService.instant('AG_GRID.AUTOSIZE_THIS_COLUMN'),
-            autosizeAllColumns: this.translateService.instant('AG_GRID.AUTOSIZE_ALL_COLUMNS'),
-            resetColumns: this.translateService.instant('AG_GRID.RESET_COLUMNS'),
-            expandAll: this.translateService.instant('AG_GRID.EXPAND_ALL'),
-            collapseAll: this.translateService.instant('AG_GRID.COLLAPSE_ALL'),
-            exportToExcel: this.translateService.instant('AG_GRID.EXPORT_TO_EXCEL'),
-            sheetName: this.translateService.instant('AG_GRID.SHEET_NAME'),
-            exportAsExcelTable: this.translateService.instant('AG_GRID.EXPORT_AS_EXCEL_TABLE'),
-            rangeSelectTo: this.translateService.instant('AG_GRID.RANGE_SELECT_TO'),
-            rangeSelectFrom: this.translateService.instant('AG_GRID.RANGE_SELECT_FROM'),
-            rangeSelectCopy: this.translateService.instant('AG_GRID.RANGE_SELECT_COPY'),
-            rangeSelectChart: this.translateService.instant('AG_GRID.RANGE_SELECT_CHART'),
-            pasteAll: this.translateService.instant('AG_GRID.CLIPBOARD_PASTE'),
-            pasteWithoutHeader: this.translateService.instant('AG_GRID.CLIPBOARD_PASTE_WITHOUT_HEADER'),
-            copyAll: this.translateService.instant('AG_GRID.CLIPBOARD_COPY'),
-            cut: this.translateService.instant('AG_GRID.CLIPBOARD_CUT'),
-            // Pagination translations
-            page: this.translateService.instant('AG_GRID.PAGE'),
-            more: this.translateService.instant('AG_GRID.MORE'),
-            to: this.translateService.instant('AG_GRID.TO'),
-            of: this.translateService.instant('AG_GRID.OF'),
-            next: this.translateService.instant('AG_GRID.NEXT'),
-            last: this.translateService.instant('AG_GRID.LAST'),
-            first: this.translateService.instant('AG_GRID.FIRST'),
-            previous: this.translateService.instant('AG_GRID.PREVIOUS'),
-            pageSizeSelectorLabel: this.translateService.instant('AG_GRID.PAGE_SIZE_SELECTOR_LABEL'),
-            // Set Filter
-            selectAll: this.translateService.instant('AG_GRID.SELECT_ALL'),
-            selectAllSearchResults: this.translateService.instant('AG_GRID.SELECT_ALL_SEARCH_RESULTS'),
-            searchOoo: this.translateService.instant('AG_GRID.SEARCH_OOO'),
-            blanks: this.translateService.instant('AG_GRID.BLANKS'),
-            noMatches: this.translateService.instant('AG_GRID.NO_MATCHES'),
-            // Number Filter & Text Filter
-            filterOoo: this.translateService.instant('AG_GRID.FILTER_OOO'),
-            equals: this.translateService.instant('AG_GRID.EQUALS'),
-            notEqual: this.translateService.instant('AG_GRID.NOT_EQUAL'),
-            blank: this.translateService.instant('AG_GRID.BLANK'),
-            notBlank: this.translateService.instant('AG_GRID.NOT_BLANK'),
-            empty: this.translateService.instant('AG_GRID.EMPTY'),
-            // Number Filter
-            lessThan: this.translateService.instant('AG_GRID.LESS_THAN'),
-            greaterThan: this.translateService.instant('AG_GRID.GREATER_THAN'),
-            lessThanOrEqual: this.translateService.instant('AG_GRID.LESS_THAN_OR_EQUAL'),
-            greaterThanOrEqual: this.translateService.instant('AG_GRID.GREATER_THAN_OR_EQUAL'),
-            inRange: this.translateService.instant('AG_GRID.IN_RANGE'),
-            inRangeStart: this.translateService.instant('AG_GRID.IN_RANGE_START'),
-            inRangeEnd: this.translateService.instant('AG_GRID.IN_RANGE_END'),
-            // Text Filter
-            contains: this.translateService.instant('AG_GRID.CONTAINS'),
-            notContains: this.translateService.instant('AG_GRID.NOT_CONTAINS'),
-            startsWith: this.translateService.instant('AG_GRID.STARTS_WITH'),
-            endsWith: this.translateService.instant('AG_GRID.ENDS_WITH'),
-            // Date Filter
-            dateFormatOoo: this.translateService.instant('AG_GRID.DATE_FORMAT_OOO'),
-            // Filter Conditions
-            andCondition: this.translateService.instant('AG_GRID.AND_CONDITION'),
-            orCondition: this.translateService.instant('AG_GRID.OR_CONDITION'),
-            // Filter Buttons
-            applyFilter: this.translateService.instant('AG_GRID.APPLY_FILTER'),
-            resetFilter: this.translateService.instant('AG_GRID.RESET_FILTER'),
-            clearFilter: this.translateService.instant('AG_GRID.CLEAR_FILTER'),
-            cancelFilter: this.translateService.instant('AG_GRID.CANCEL_FILTER'),
-            // Filter Titles
-            textFilter: this.translateService.instant('AG_GRID.TEXT_FILTER'),
-            numberFilter: this.translateService.instant('AG_GRID.NUMBER_FILTER'),
-            dateFilter: this.translateService.instant('AG_GRID.DATE_FILTER'),
-            setFilter: this.translateService.instant('AG_GRID.SET_FILTER'),
-        },
     };
     // Statusbar
     statusBar = {
@@ -1503,6 +1414,7 @@ class NettyAgGridBase {
     // Common grid ready handler
     onGridReady(params) {
         this.gridApi = params.api;
+        this.setAgGridTranslations();
         this.gridApi.addEventListener('selectionChanged', () => {
             // Null-safe approach
             const selectedNodes = this.gridApi?.getSelectedNodes?.() || [];
@@ -1624,6 +1536,9 @@ class NettyAgGridBase {
             buttonRenderer: ButtonRenderer,
             checkboxRenderer: CheckboxRenderer,
         };
+        this.translateService.onLangChange.subscribe(() => {
+            this.setAgGridTranslations();
+        });
         effect(() => {
             const update = this.commonService.updates();
             if (!update || !this.gridApi)
@@ -1638,6 +1553,99 @@ class NettyAgGridBase {
             }
         });
     }
+    setAgGridTranslations() {
+        if (this.gridApi) {
+            this.gridApi.setGridOption('localeText', {
+                // Status panel translate
+                totalRows: this.translateService.instant('AG_GRID.TOTAL_ROWS'),
+                filteredRows: this.translateService.instant('AG_GRID.FILTERED_ROWS'),
+                selectedRows: this.translateService.instant('AG_GRID.SELECTED_ROWS'),
+                noRowsToShow: this.translateService.instant('AG_GRID.NO_ROWS_TO_SHOW'),
+                loadingOoo: this.translateService.instant('AG_GRID.LOADING'),
+                // Context menu translations
+                copy: this.translateService.instant('AG_GRID.COPY'),
+                copyWithHeaders: this.translateService.instant('AG_GRID.COPY_WITH_HEADERS'),
+                copyWithGroupHeaders: this.translateService.instant('AG_GRID.COPY_WITH_GROUP_HEADERS'),
+                paste: this.translateService.instant('AG_GRID.PASTE'),
+                export: this.translateService.instant('AG_GRID.EXPORT'),
+                csvExport: this.translateService.instant('AG_GRID.CSV_EXPORT'),
+                excelExport: this.translateService.instant('AG_GRID.EXCEL_EXPORT'),
+                pinColumn: this.translateService.instant('AG_GRID.PIN_COLUMN'),
+                pinLeft: this.translateService.instant('AG_GRID.PIN_LEFT'),
+                pinRight: this.translateService.instant('AG_GRID.PIN_RIGHT'),
+                noPin: this.translateService.instant('AG_GRID.NO_PIN'),
+                sortAscending: this.translateService.instant('AG_GRID.SORT_ASCENDING'),
+                sortDescending: this.translateService.instant('AG_GRID.SORT_DESCENDING'),
+                autosizeThisColumn: this.translateService.instant('AG_GRID.AUTOSIZE_THIS_COLUMN'),
+                autosizeAllColumns: this.translateService.instant('AG_GRID.AUTOSIZE_ALL_COLUMNS'),
+                resetColumns: this.translateService.instant('AG_GRID.RESET_COLUMNS'),
+                expandAll: this.translateService.instant('AG_GRID.EXPAND_ALL'),
+                collapseAll: this.translateService.instant('AG_GRID.COLLAPSE_ALL'),
+                exportToExcel: this.translateService.instant('AG_GRID.EXPORT_TO_EXCEL'),
+                sheetName: this.translateService.instant('AG_GRID.SHEET_NAME'),
+                exportAsExcelTable: this.translateService.instant('AG_GRID.EXPORT_AS_EXCEL_TABLE'),
+                rangeSelectTo: this.translateService.instant('AG_GRID.RANGE_SELECT_TO'),
+                rangeSelectFrom: this.translateService.instant('AG_GRID.RANGE_SELECT_FROM'),
+                rangeSelectCopy: this.translateService.instant('AG_GRID.RANGE_SELECT_COPY'),
+                rangeSelectChart: this.translateService.instant('AG_GRID.RANGE_SELECT_CHART'),
+                pasteAll: this.translateService.instant('AG_GRID.CLIPBOARD_PASTE'),
+                pasteWithoutHeader: this.translateService.instant('AG_GRID.CLIPBOARD_PASTE_WITHOUT_HEADER'),
+                copyAll: this.translateService.instant('AG_GRID.CLIPBOARD_COPY'),
+                cut: this.translateService.instant('AG_GRID.CLIPBOARD_CUT'),
+                // Pagination translations
+                page: this.translateService.instant('AG_GRID.PAGE'),
+                more: this.translateService.instant('AG_GRID.MORE'),
+                to: this.translateService.instant('AG_GRID.TO'),
+                of: this.translateService.instant('AG_GRID.OF'),
+                next: this.translateService.instant('AG_GRID.NEXT'),
+                last: this.translateService.instant('AG_GRID.LAST'),
+                first: this.translateService.instant('AG_GRID.FIRST'),
+                previous: this.translateService.instant('AG_GRID.PREVIOUS'),
+                pageSizeSelectorLabel: this.translateService.instant('AG_GRID.PAGE_SIZE_SELECTOR_LABEL'),
+                // Set Filter
+                selectAll: this.translateService.instant('AG_GRID.SELECT_ALL'),
+                selectAllSearchResults: this.translateService.instant('AG_GRID.SELECT_ALL_SEARCH_RESULTS'),
+                searchOoo: this.translateService.instant('AG_GRID.SEARCH_OOO'),
+                blanks: this.translateService.instant('AG_GRID.BLANKS'),
+                noMatches: this.translateService.instant('AG_GRID.NO_MATCHES'),
+                // Number Filter & Text Filter
+                filterOoo: this.translateService.instant('AG_GRID.FILTER_OOO'),
+                equals: this.translateService.instant('AG_GRID.EQUALS'),
+                notEqual: this.translateService.instant('AG_GRID.NOT_EQUAL'),
+                blank: this.translateService.instant('AG_GRID.BLANK'),
+                notBlank: this.translateService.instant('AG_GRID.NOT_BLANK'),
+                empty: this.translateService.instant('AG_GRID.EMPTY'),
+                // Number Filter
+                lessThan: this.translateService.instant('AG_GRID.LESS_THAN'),
+                greaterThan: this.translateService.instant('AG_GRID.GREATER_THAN'),
+                lessThanOrEqual: this.translateService.instant('AG_GRID.LESS_THAN_OR_EQUAL'),
+                greaterThanOrEqual: this.translateService.instant('AG_GRID.GREATER_THAN_OR_EQUAL'),
+                inRange: this.translateService.instant('AG_GRID.IN_RANGE'),
+                inRangeStart: this.translateService.instant('AG_GRID.IN_RANGE_START'),
+                inRangeEnd: this.translateService.instant('AG_GRID.IN_RANGE_END'),
+                // Text Filter
+                contains: this.translateService.instant('AG_GRID.CONTAINS'),
+                notContains: this.translateService.instant('AG_GRID.NOT_CONTAINS'),
+                startsWith: this.translateService.instant('AG_GRID.STARTS_WITH'),
+                endsWith: this.translateService.instant('AG_GRID.ENDS_WITH'),
+                // Date Filter
+                dateFormatOoo: this.translateService.instant('AG_GRID.DATE_FORMAT_OOO'),
+                // Filter Conditions
+                andCondition: this.translateService.instant('AG_GRID.AND_CONDITION'),
+                orCondition: this.translateService.instant('AG_GRID.OR_CONDITION'),
+                // Filter Buttons
+                applyFilter: this.translateService.instant('AG_GRID.APPLY_FILTER'),
+                resetFilter: this.translateService.instant('AG_GRID.RESET_FILTER'),
+                clearFilter: this.translateService.instant('AG_GRID.CLEAR_FILTER'),
+                cancelFilter: this.translateService.instant('AG_GRID.CANCEL_FILTER'),
+                // Filter Titles
+                textFilter: this.translateService.instant('AG_GRID.TEXT_FILTER'),
+                numberFilter: this.translateService.instant('AG_GRID.NUMBER_FILTER'),
+                dateFilter: this.translateService.instant('AG_GRID.DATE_FILTER'),
+                setFilter: this.translateService.instant('AG_GRID.SET_FILTER'),
+            });
+        }
+    }
     /**
      * Update a single row in the grid
      * @param rowData The updated row data
@@ -1663,10 +1671,10 @@ class NettyAgGridBase {
             return;
         const selectedNodes = this.gridApi.getSelectedNodes();
         if (selectedNodes.length === 0) {
-            await this.alertService.showAlert('@PleaseSelectRowToDelete');
+            await this.alertService.showAlert('@pleaseSelectRowToDelete');
             return;
         }
-        const confirmed = await this.alertService.showConfirm('@ConfirmDeleteSelectedRecords');
+        const confirmed = await this.alertService.showConfirm('@confirmDeleteSelectedRecords');
         if (confirmed) {
             const selectedRows = selectedNodes.map((node) => node.data);
             this.deleteRows?.(selectedRows);
@@ -1675,7 +1683,7 @@ class NettyAgGridBase {
     async refreshData() {
         try {
             this.loadData();
-            await this.alertService.showAlert('@DataRefreshedSuccessfully');
+            await this.alertService.showAlert('@dataRefreshedSuccessfully');
         }
         catch (err) {
             this.alertService.showError(err);
@@ -1805,7 +1813,7 @@ class NettyAgGridSaveBase {
      */
     async canDeactivate() {
         if (this.formChanged) {
-            return await this.alertService.showConfirm('@UnsavedChangesConfirm');
+            return await this.alertService.showConfirm('@unsavedChangesConfirm');
         }
         return true;
     }
@@ -1858,12 +1866,12 @@ class NettyAgGridSaveBase {
                 control.markAsTouched();
                 control.markAsDirty();
             });
-            this.alertService.showError('@PleaseFillRequiredFields');
+            this.alertService.showError('@pleaseFillRequiredFields');
             return false;
         }
         // First check if there are any visual form changes
         if (!this.formChanged && recordGUID) {
-            this.alertService.showAlert('@NoChangesDetected');
+            this.alertService.showAlert('@noChangesDetected');
             if (this.closeAfterSave()) {
                 this.closeSidenav();
             }
@@ -2257,7 +2265,7 @@ class Login extends AuthBase {
                 }
             },
             error: (error) => {
-                const errorMessage = error.message || '@LoginFailed';
+                const errorMessage = error.message || '@loginFailed';
                 this.error.set(errorMessage); // Set the error signal
                 this.alertService.showError(errorMessage);
             },
@@ -2281,7 +2289,7 @@ class Login extends AuthBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: Login, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: Login, isStandalone: true, selector: "ntybase-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['username'].invalid && loginForm.controls['username'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Username is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['password'].invalid && loginForm.controls['password'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </div>\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: Login, isStandalone: true, selector: "ntybase-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['username'].invalid && loginForm.controls['username'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'username is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['password'].invalid && loginForm.controls['password'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </div>\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: Login, decorators: [{
             type: Component,
@@ -2294,7 +2302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         MatInputModule,
                         MatFormFieldModule,
                         TranslateModule,
-                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['username'].invalid && loginForm.controls['username'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Username is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['password'].invalid && loginForm.controls['password'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </div>\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['username'].invalid && loginForm.controls['username'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'username is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['password'].invalid && loginForm.controls['password'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </div>\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }] });
 
 class MfaLogin extends AuthBase {
@@ -2395,7 +2403,7 @@ class MfaLogin extends AuthBase {
         clearInterval(this.countdownInterval);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: MfaLogin, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: MfaLogin, isStandalone: true, selector: "ntybase-mfa-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'MFACode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'MFACode' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['mfaCode'].invalid && loginForm.controls['mfaCode'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'MFACode is required' | translate }}\n        </div>\n        <!-- Time -->\n        <div class=\"time-remaining\" *ngIf=\"!resendable()\">\n          {{ '@TokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      <div class=\"resend-container\" *ngIf=\"resendable()\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'Resend MFACode' | translate }}\n        </span>\n      </div>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: MfaLogin, isStandalone: true, selector: "ntybase-mfa-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'mfaCode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'mfaCode' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['mfaCode'].invalid && loginForm.controls['mfaCode'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'mfaCode is required' | translate }}\n        </div>\n        <!-- Time -->\n        <div class=\"time-remaining\" *ngIf=\"!resendable()\">\n          {{ '@tokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      <div class=\"resend-container\" *ngIf=\"resendable()\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'resend MFACode' | translate }}\n        </span>\n      </div>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: MfaLogin, decorators: [{
             type: Component,
@@ -2406,7 +2414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         MatMenuModule,
                         MatIconModule,
                         TranslateModule,
-                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'MFACode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'MFACode' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['mfaCode'].invalid && loginForm.controls['mfaCode'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'MFACode is required' | translate }}\n        </div>\n        <!-- Time -->\n        <div class=\"time-remaining\" *ngIf=\"!resendable()\">\n          {{ '@TokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      <div class=\"resend-container\" *ngIf=\"resendable()\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'Resend MFACode' | translate }}\n        </span>\n      </div>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"] }]
+                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"login()\"\n      [formGroup]=\"loginForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'mfaCode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'mfaCode' | translate\"\n          required\n        />\n        <div\n          class=\"validation-error\"\n          *ngIf=\"loginForm.controls['mfaCode'].invalid && loginForm.controls['mfaCode'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'mfaCode is required' | translate }}\n        </div>\n        <!-- Time -->\n        <div class=\"time-remaining\" *ngIf=\"!resendable()\">\n          {{ '@tokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      <div class=\"resend-container\" *ngIf=\"resendable()\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'resend MFACode' | translate }}\n        </span>\n      </div>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@loggingIn' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"] }]
         }] });
 
 class PasswordProxy {
@@ -2570,7 +2578,7 @@ class ForgotPassword extends AuthBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ForgotPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: ForgotPassword, isStandalone: true, selector: "ntybase-forgot-password", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPassword'].invalid && updatePasswordForm.controls['newPassword'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPasswordCheck'].invalid && updatePasswordForm.controls['newPasswordCheck'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@updatingPassword' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: ForgotPassword, isStandalone: true, selector: "ntybase-forgot-password", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPassword'].invalid && updatePasswordForm.controls['newPassword'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPasswordCheck'].invalid && updatePasswordForm.controls['newPasswordCheck'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@updatingPassword' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: ForgotPassword, decorators: [{
             type: Component,
@@ -2583,7 +2591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         MatInputModule,
                         MatFormFieldModule,
                         TranslateModule,
-                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPassword'].invalid && updatePasswordForm.controls['newPassword'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPasswordCheck'].invalid && updatePasswordForm.controls['newPasswordCheck'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'Password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@updatingPassword' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      *ngIf=\"!isLoading(); else loading\"\n      novalidate\n    >\n      <div class=\"error-message\" *ngIf=\"error()\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPassword'].invalid && updatePasswordForm.controls['newPassword'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        <mat-error\n          class=\"validation-error\"\n          *ngIf=\"updatePasswordForm.controls['newPasswordCheck'].invalid && updatePasswordForm.controls['newPasswordCheck'].touched\"\n        >\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n\n    <ng-template #loading>\n      <div class=\"loading-spinner\">\n        <span>{{ '@updatingPassword' | translate }}</span>\n      </div>\n    </ng-template>\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], ctorParameters: () => [] });
 
 class HttpError403 {
@@ -2735,6 +2743,9 @@ class NettyMenuService {
     constructor() {
         effect(() => {
             const currentMenuName = this.menuName();
+            if (!currentMenuName.trim()) {
+                return;
+            }
             let functionUrl = this.environmentProxy.getAdminLink('/GetMenu');
             if (currentMenuName.trim().length > 0) {
                 functionUrl += '/' + currentMenuName.trim();
@@ -2865,7 +2876,7 @@ class LeftSidenav {
         this.loadUserInfo();
     }
     ngOnInit() {
-        this.menuService.setMenuName('');
+        this.menuService.setMenuName(this.environmentProxy.getApplicationName());
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -2947,7 +2958,7 @@ class LeftSidenav {
         this.searchTerm.set(term);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: LeftSidenav, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: LeftSidenav, isStandalone: true, selector: "ntybase-left-sidenav", inputs: { isMinimized: { classPropertyName: "isMinimized", publicName: "isMinimized", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleMinimize: "toggleMinimize" }, ngImport: i0, template: "<div class=\"sidenav-content-wrapper\">\n  <!-- Minimize Icon -->\n  <button mat-icon-button (click)=\"onToggleMinimize()\" class=\"minimize-button\">\n    <mat-icon class=\"minimize-icon\">\n      {{ isMinimized() ? \"chevron_right\" : \"chevron_left\" }}\n    </mat-icon>\n  </button>\n\n  <!-- Profile -->\n  <div class=\"profile-section\">\n    <button mat-button [matMenuTriggerFor]=\"profileMenu\" class=\"profile-button\">\n      <img [src]=\"profileImage()\" [alt]=\"username()\" class=\"profile-image\" />\n      @if(!isMinimized()){\n      <div class=\"profile-info\">\n        <p class=\"profile-name\">{{ username() }}</p>\n      </div>\n      }\n    </button>\n\n    <mat-menu #profileMenu=\"matMenu\" xPosition=\"before\">\n      <button mat-menu-item disabled>\n        <mat-icon>account_circle</mat-icon>\n        <span>{{ '@profile' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button disabled>\n        <mat-icon>swap_horiz</mat-icon>\n        <span>{{ '@changeCompany' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button (click)=\"logout()\">\n        <mat-icon>logout</mat-icon>\n        <span>{{ '@logout' | translate }}</span>\n      </button>\n    </mat-menu>\n  </div>\n\n  <!-- Search Input -->\n  <ntyui-search-input\n    class=\"search-input\"\n    [label]=\"'@search' | translate\"\n    [placeholder]=\"'@placeholderSearch' | translate\"\n    [appearance]=\"'outline'\"\n    *ngIf=\"!isMinimized()\"\n    (search)=\"onSearch($event)\"\n  >\n  </ntyui-search-input>\n\n  <!-- Menu -->\n  <mat-nav-list *ngIf=\"!isMinimized()\">\n    <div class=\"sidebar\">\n      <ul>\n        <ng-container *ngFor=\"let item of filteredMenuItems()\">\n          <li>\n            <a\n              *ngIf=\"!item.children || item.children.length === 0\"\n              [routerLink]=\"item.link\"\n              routerLinkActive=\"active\"\n            >\n              <mat-icon>{{ item.icon }}</mat-icon>\n              <span>{{ item.name }}</span>\n            </a>\n\n            <a\n              *ngIf=\"item.children && item.children.length > 0\"\n              (click)=\"toggleSubMenu(item)\"\n              [class.expanded]=\"item.expanded\"\n            >\n              <mat-icon>{{ item.icon }}</mat-icon>\n              <span>{{ item.name }}</span>\n              <mat-icon [class.rotated]=\"item.expanded\">\n                {{ item.expanded ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </a>\n\n            <ul\n              *ngIf=\"item.children && item.children.length > 0 && item.expanded\"\n              class=\"submenu\"\n            >\n              <li *ngFor=\"let child of item.children\">\n                <a [routerLink]=\"child.link\" routerLinkActive=\"active\">\n                  <mat-icon>{{ child.icon }}</mat-icon>\n                  <span>{{ child.name }}</span>\n                </a>\n              </li>\n            </ul>\n          </li>\n        </ng-container>\n      </ul>\n    </div>\n  </mat-nav-list>\n\n  <!-- Footer -->\n  <div class=\"sidenav-footer\">\n    <button mat-button [matMenuTriggerFor]=\"footerMenu\" class=\"footer-button\">\n      <div class=\"footer-text\" *ngIf=\"!isMinimized()\">\n        <div class=\"company-name\">\n          <p>&copy; 2025 AXIS</p>\n        </div>\n      </div>\n    </button>\n    <div class=\"version\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n\n  <mat-menu #footerMenu=\"matMenu\" xPosition=\"before\">\n    <button mat-menu-item disabled>\n      <mat-icon>swap_horiz</mat-icon>\n      {{ '@changeCompany' | translate }}\n    </button>\n    <button mat-menu-item mat-button (click)=\"logout()\">\n      <mat-icon>logout</mat-icon>\n      <span>{{ '@logout' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n", styles: [".profile-section{text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;flex-direction:column;position:relative}.profile-section:hover{transform:scale(.98)}.profile-section .profile-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;width:100%}.profile-image{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.profile-name{font-weight:500;font-size:1rem;color:inherit;transition:opacity .3s ease;margin-top:8px}:host-context(.minimized) .profile-section{padding:10px 0}:host-context(.minimized) .profile-image{width:40px;height:40px;margin:0 auto}.sidenav-footer{position:static;bottom:0;left:0;right:0;padding:16px;color:inherit;font-size:12px;border-top:1px solid rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.sidenav-footer .version{font-size:10px;margin-top:4px}.footer-button{border:none;background:none;cursor:pointer}:host-context(.minimized) .version{margin-right:7px}:host-context(.minimized) .sidenav-content-wrapper{overflow:hidden}.sidenav-content-wrapper{position:relative;height:100%;display:flex;flex-direction:column;overflow-x:hidden}.sidebar{flex:1;overflow:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:4px;position:relative}.sidebar li a{display:flex;align-items:center;padding:12px 0 0;border-radius:6px;color:var(--mat-sys-primary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar li a:hover{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier)}.sidebar li a.active{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier);font-weight:500}.sidebar li a.active:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--mat-nty-save-record-header-bar);border-radius:3px 0 0 3px}.sidebar mat-icon{font-size:20px;width:20px;height:20px;color:inherit}.sidebar span{font-size:.875rem;white-space:nowrap}.submenu{padding-left:12px;margin-top:4px}.submenu li a{padding:10px 16px 0 20px}.submenu mat-icon{font-size:18px}.sidebar li a mat-icon:last-child{margin-left:auto;margin-right:0;font-size:18px;color:#5f6368}:host-context(.minimized) .sidebar li a{justify-content:center;padding:12px 0}:host-context(.minimized) .sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:50%;z-index:999}:host-context(.minimized) .sidebar mat-icon{margin-right:0}:host-context(.minimized) .sidebar span,:host-context(.minimized) .sidebar li a mat-icon:last-child{display:none}:host-context(.minimized) .submenu{display:none}.sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:1px;z-index:999}.search-input{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: NettyUISearchInput, selector: "ntyui-search-input", outputs: ["search"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.11", type: LeftSidenav, isStandalone: true, selector: "ntybase-left-sidenav", inputs: { isMinimized: { classPropertyName: "isMinimized", publicName: "isMinimized", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleMinimize: "toggleMinimize" }, ngImport: i0, template: "<div class=\"sidenav-content-wrapper\">\n  <!-- Minimize Icon -->\n  <button mat-icon-button (click)=\"onToggleMinimize()\" class=\"minimize-button\">\n    <mat-icon class=\"minimize-icon\">\n      {{ isMinimized() ? \"chevron_right\" : \"chevron_left\" }}\n    </mat-icon>\n  </button>\n\n  <!-- Profile -->\n  <div class=\"profile-section\">\n    <button mat-button [matMenuTriggerFor]=\"profileMenu\" class=\"profile-button\">\n      <img [src]=\"profileImage()\" [alt]=\"username()\" class=\"profile-image\" />\n      @if(!isMinimized()){\n      <div class=\"profile-info\">\n        <p class=\"profile-name\">{{ username() }}</p>\n      </div>\n      }\n    </button>\n\n    <mat-menu #profileMenu=\"matMenu\" xPosition=\"before\">\n      <button mat-menu-item disabled>\n        <mat-icon>account_circle</mat-icon>\n        <span>{{ '@profile' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button disabled>\n        <mat-icon>swap_horiz</mat-icon>\n        <span>{{ '@changeCompany' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button (click)=\"logout()\">\n        <mat-icon>logout</mat-icon>\n        <span>{{ '@logout' | translate }}</span>\n      </button>\n    </mat-menu>\n  </div>\n\n  <!-- Search Input -->\n  <ntyui-search-input\n    class=\"search-input\"\n    [label]=\"'@search' | translate\"\n    [placeholder]=\"'@placeholderSearch' | translate\"\n    [appearance]=\"'outline'\"\n    *ngIf=\"!isMinimized()\"\n    (search)=\"onSearch($event)\"\n  >\n  </ntyui-search-input>\n\n  <!-- Menu -->\n  <mat-nav-list *ngIf=\"!isMinimized()\">\n    <div class=\"sidebar\">\n      <ul>\n        <!-- Recursive menu render -->\n        <ng-container\n          *ngTemplateOutlet=\"menuItemsTemplate; context: { $implicit: filteredMenuItems(), level: 0 }\"\n        ></ng-container>\n      </ul>\n    </div>\n  </mat-nav-list>\n\n  <!-- Footer -->\n  <div class=\"sidenav-footer\">\n    <button mat-button [matMenuTriggerFor]=\"footerMenu\" class=\"footer-button\">\n      @if (!isMinimized()) {\n      <div class=\"footer-text\">\n        <div class=\"company-name\">\n          <p>&copy; 2025 AXIS</p>\n        </div>\n      </div>\n      }\n    </button>\n    <div class=\"version\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n\n  <mat-menu #footerMenu=\"matMenu\" xPosition=\"before\">\n    <button mat-menu-item disabled>\n      <mat-icon>swap_horiz</mat-icon>\n      {{ '@changeCompany' | translate }}\n    </button>\n    <button mat-menu-item mat-button (click)=\"logout()\">\n      <mat-icon>logout</mat-icon>\n      <span>{{ '@logout' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<!-- Recursive Menu Template -->\n<ng-template #menuItemsTemplate let-items let-level=\"level\">\n  @for (item of items; track item.name) {\n  <li [class]=\"'menu-level-' + level\">\n    <!-- Leaf node (no children) -->\n    @if (!item.children || item.children.length === 0) {\n    <a\n      [routerLink]=\"item.link\"\n      routerLinkActive=\"active\"\n      [class]=\"'menu-link level-' + level\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n      <span>{{ item.name }}</span>\n    </a>\n    }\n\n    <!-- Parent node with children -->\n    @if (item.children && item.children.length > 0) {\n    <a\n      (click)=\"toggleSubMenu(item)\"\n      [class.expanded]=\"item.expanded\"\n      [class]=\"'menu-link has-children level-' + level\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n      <span>{{ item.name }}</span>\n      <mat-icon [class.rotated]=\"item.expanded\" class=\"expand-icon\">\n        {{ item.expanded ? 'expand_less' : 'expand_more' }}\n      </mat-icon>\n    </a>\n    }\n\n    <!-- Recursive submenu -->\n    @if (item.children && item.children.length > 0 && item.expanded) {\n    <ul [class]=\"'submenu level-' + (level + 1)\">\n      <ng-container\n        *ngTemplateOutlet=\"menuItemsTemplate; context: { $implicit: item.children, level: level + 1 }\"\n      ></ng-container>\n    </ul>\n    }\n  </li>\n  }\n</ng-template>\n", styles: [".profile-section{text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;flex-direction:column;position:relative}.profile-section:hover{transform:scale(.98)}.profile-section .profile-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;width:100%}.profile-image{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.profile-name{font-weight:500;font-size:1rem;color:inherit;transition:opacity .3s ease;margin-top:8px}:host-context(.minimized) .profile-section{padding:10px 0}:host-context(.minimized) .profile-image{width:40px;height:40px;margin:0 auto}.sidenav-footer{position:static;bottom:0;left:0;right:0;padding:16px;color:inherit;font-size:12px;border-top:1px solid rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.sidenav-footer .version{font-size:10px;margin-top:4px}.footer-button{border:none;background:none;cursor:pointer}:host-context(.minimized) .version{margin-right:7px}:host-context(.minimized) .sidenav-content-wrapper{overflow:hidden}.sidenav-content-wrapper{position:relative;height:100%;display:flex;flex-direction:column;overflow-x:hidden}.sidebar{flex:1;overflow:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:4px;position:relative}.sidebar li a{display:flex;align-items:center;padding:12px 0 0;border-radius:6px;color:var(--mat-sys-primary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar li a:hover{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier)}.sidebar li a.active{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier);font-weight:500}.sidebar li a.active:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--mat-nty-save-record-header-bar);border-radius:3px 0 0 3px}.sidebar mat-icon{font-size:20px;width:20px;height:20px;color:inherit}.sidebar span{font-size:.875rem;white-space:nowrap}.menu-link.level-2{margin-left:20px;font-size:.82rem}.menu-link.level-3{margin-left:20px;font-size:.8rem}.menu-link.level-4{margin-left:20px;font-size:.78rem}.submenu{padding-left:12px;margin-top:4px}.submenu li a{padding:10px 16px 0 20px}.submenu mat-icon{font-size:18px}.sidebar li a mat-icon:last-child{margin-left:auto;margin-right:0;font-size:18px;color:#5f6368}:host-context(.minimized) .sidebar li a{justify-content:center;padding:12px 0}:host-context(.minimized) .sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:50%;z-index:999}:host-context(.minimized) .sidebar mat-icon{margin-right:0}:host-context(.minimized) .sidebar span,:host-context(.minimized) .sidebar li a mat-icon:last-child{display:none}:host-context(.minimized) .submenu{display:none}.sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:1px;z-index:999}.search-input{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i5$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: NettyUISearchInput, selector: "ntyui-search-input", outputs: ["search"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: LeftSidenav, decorators: [{
             type: Component,
@@ -2961,7 +2972,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         RouterModule,
                         NettyUISearchInput,
                         TranslateModule,
-                    ], template: "<div class=\"sidenav-content-wrapper\">\n  <!-- Minimize Icon -->\n  <button mat-icon-button (click)=\"onToggleMinimize()\" class=\"minimize-button\">\n    <mat-icon class=\"minimize-icon\">\n      {{ isMinimized() ? \"chevron_right\" : \"chevron_left\" }}\n    </mat-icon>\n  </button>\n\n  <!-- Profile -->\n  <div class=\"profile-section\">\n    <button mat-button [matMenuTriggerFor]=\"profileMenu\" class=\"profile-button\">\n      <img [src]=\"profileImage()\" [alt]=\"username()\" class=\"profile-image\" />\n      @if(!isMinimized()){\n      <div class=\"profile-info\">\n        <p class=\"profile-name\">{{ username() }}</p>\n      </div>\n      }\n    </button>\n\n    <mat-menu #profileMenu=\"matMenu\" xPosition=\"before\">\n      <button mat-menu-item disabled>\n        <mat-icon>account_circle</mat-icon>\n        <span>{{ '@profile' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button disabled>\n        <mat-icon>swap_horiz</mat-icon>\n        <span>{{ '@changeCompany' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button (click)=\"logout()\">\n        <mat-icon>logout</mat-icon>\n        <span>{{ '@logout' | translate }}</span>\n      </button>\n    </mat-menu>\n  </div>\n\n  <!-- Search Input -->\n  <ntyui-search-input\n    class=\"search-input\"\n    [label]=\"'@search' | translate\"\n    [placeholder]=\"'@placeholderSearch' | translate\"\n    [appearance]=\"'outline'\"\n    *ngIf=\"!isMinimized()\"\n    (search)=\"onSearch($event)\"\n  >\n  </ntyui-search-input>\n\n  <!-- Menu -->\n  <mat-nav-list *ngIf=\"!isMinimized()\">\n    <div class=\"sidebar\">\n      <ul>\n        <ng-container *ngFor=\"let item of filteredMenuItems()\">\n          <li>\n            <a\n              *ngIf=\"!item.children || item.children.length === 0\"\n              [routerLink]=\"item.link\"\n              routerLinkActive=\"active\"\n            >\n              <mat-icon>{{ item.icon }}</mat-icon>\n              <span>{{ item.name }}</span>\n            </a>\n\n            <a\n              *ngIf=\"item.children && item.children.length > 0\"\n              (click)=\"toggleSubMenu(item)\"\n              [class.expanded]=\"item.expanded\"\n            >\n              <mat-icon>{{ item.icon }}</mat-icon>\n              <span>{{ item.name }}</span>\n              <mat-icon [class.rotated]=\"item.expanded\">\n                {{ item.expanded ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </a>\n\n            <ul\n              *ngIf=\"item.children && item.children.length > 0 && item.expanded\"\n              class=\"submenu\"\n            >\n              <li *ngFor=\"let child of item.children\">\n                <a [routerLink]=\"child.link\" routerLinkActive=\"active\">\n                  <mat-icon>{{ child.icon }}</mat-icon>\n                  <span>{{ child.name }}</span>\n                </a>\n              </li>\n            </ul>\n          </li>\n        </ng-container>\n      </ul>\n    </div>\n  </mat-nav-list>\n\n  <!-- Footer -->\n  <div class=\"sidenav-footer\">\n    <button mat-button [matMenuTriggerFor]=\"footerMenu\" class=\"footer-button\">\n      <div class=\"footer-text\" *ngIf=\"!isMinimized()\">\n        <div class=\"company-name\">\n          <p>&copy; 2025 AXIS</p>\n        </div>\n      </div>\n    </button>\n    <div class=\"version\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n\n  <mat-menu #footerMenu=\"matMenu\" xPosition=\"before\">\n    <button mat-menu-item disabled>\n      <mat-icon>swap_horiz</mat-icon>\n      {{ '@changeCompany' | translate }}\n    </button>\n    <button mat-menu-item mat-button (click)=\"logout()\">\n      <mat-icon>logout</mat-icon>\n      <span>{{ '@logout' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n", styles: [".profile-section{text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;flex-direction:column;position:relative}.profile-section:hover{transform:scale(.98)}.profile-section .profile-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;width:100%}.profile-image{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.profile-name{font-weight:500;font-size:1rem;color:inherit;transition:opacity .3s ease;margin-top:8px}:host-context(.minimized) .profile-section{padding:10px 0}:host-context(.minimized) .profile-image{width:40px;height:40px;margin:0 auto}.sidenav-footer{position:static;bottom:0;left:0;right:0;padding:16px;color:inherit;font-size:12px;border-top:1px solid rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.sidenav-footer .version{font-size:10px;margin-top:4px}.footer-button{border:none;background:none;cursor:pointer}:host-context(.minimized) .version{margin-right:7px}:host-context(.minimized) .sidenav-content-wrapper{overflow:hidden}.sidenav-content-wrapper{position:relative;height:100%;display:flex;flex-direction:column;overflow-x:hidden}.sidebar{flex:1;overflow:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:4px;position:relative}.sidebar li a{display:flex;align-items:center;padding:12px 0 0;border-radius:6px;color:var(--mat-sys-primary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar li a:hover{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier)}.sidebar li a.active{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier);font-weight:500}.sidebar li a.active:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--mat-nty-save-record-header-bar);border-radius:3px 0 0 3px}.sidebar mat-icon{font-size:20px;width:20px;height:20px;color:inherit}.sidebar span{font-size:.875rem;white-space:nowrap}.submenu{padding-left:12px;margin-top:4px}.submenu li a{padding:10px 16px 0 20px}.submenu mat-icon{font-size:18px}.sidebar li a mat-icon:last-child{margin-left:auto;margin-right:0;font-size:18px;color:#5f6368}:host-context(.minimized) .sidebar li a{justify-content:center;padding:12px 0}:host-context(.minimized) .sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:50%;z-index:999}:host-context(.minimized) .sidebar mat-icon{margin-right:0}:host-context(.minimized) .sidebar span,:host-context(.minimized) .sidebar li a mat-icon:last-child{display:none}:host-context(.minimized) .submenu{display:none}.sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:1px;z-index:999}.search-input{margin-top:10px}\n"] }]
+                    ], template: "<div class=\"sidenav-content-wrapper\">\n  <!-- Minimize Icon -->\n  <button mat-icon-button (click)=\"onToggleMinimize()\" class=\"minimize-button\">\n    <mat-icon class=\"minimize-icon\">\n      {{ isMinimized() ? \"chevron_right\" : \"chevron_left\" }}\n    </mat-icon>\n  </button>\n\n  <!-- Profile -->\n  <div class=\"profile-section\">\n    <button mat-button [matMenuTriggerFor]=\"profileMenu\" class=\"profile-button\">\n      <img [src]=\"profileImage()\" [alt]=\"username()\" class=\"profile-image\" />\n      @if(!isMinimized()){\n      <div class=\"profile-info\">\n        <p class=\"profile-name\">{{ username() }}</p>\n      </div>\n      }\n    </button>\n\n    <mat-menu #profileMenu=\"matMenu\" xPosition=\"before\">\n      <button mat-menu-item disabled>\n        <mat-icon>account_circle</mat-icon>\n        <span>{{ '@profile' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button disabled>\n        <mat-icon>swap_horiz</mat-icon>\n        <span>{{ '@changeCompany' | translate }}</span>\n      </button>\n      <button mat-menu-item mat-button (click)=\"logout()\">\n        <mat-icon>logout</mat-icon>\n        <span>{{ '@logout' | translate }}</span>\n      </button>\n    </mat-menu>\n  </div>\n\n  <!-- Search Input -->\n  <ntyui-search-input\n    class=\"search-input\"\n    [label]=\"'@search' | translate\"\n    [placeholder]=\"'@placeholderSearch' | translate\"\n    [appearance]=\"'outline'\"\n    *ngIf=\"!isMinimized()\"\n    (search)=\"onSearch($event)\"\n  >\n  </ntyui-search-input>\n\n  <!-- Menu -->\n  <mat-nav-list *ngIf=\"!isMinimized()\">\n    <div class=\"sidebar\">\n      <ul>\n        <!-- Recursive menu render -->\n        <ng-container\n          *ngTemplateOutlet=\"menuItemsTemplate; context: { $implicit: filteredMenuItems(), level: 0 }\"\n        ></ng-container>\n      </ul>\n    </div>\n  </mat-nav-list>\n\n  <!-- Footer -->\n  <div class=\"sidenav-footer\">\n    <button mat-button [matMenuTriggerFor]=\"footerMenu\" class=\"footer-button\">\n      @if (!isMinimized()) {\n      <div class=\"footer-text\">\n        <div class=\"company-name\">\n          <p>&copy; 2025 AXIS</p>\n        </div>\n      </div>\n      }\n    </button>\n    <div class=\"version\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n\n  <mat-menu #footerMenu=\"matMenu\" xPosition=\"before\">\n    <button mat-menu-item disabled>\n      <mat-icon>swap_horiz</mat-icon>\n      {{ '@changeCompany' | translate }}\n    </button>\n    <button mat-menu-item mat-button (click)=\"logout()\">\n      <mat-icon>logout</mat-icon>\n      <span>{{ '@logout' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<!-- Recursive Menu Template -->\n<ng-template #menuItemsTemplate let-items let-level=\"level\">\n  @for (item of items; track item.name) {\n  <li [class]=\"'menu-level-' + level\">\n    <!-- Leaf node (no children) -->\n    @if (!item.children || item.children.length === 0) {\n    <a\n      [routerLink]=\"item.link\"\n      routerLinkActive=\"active\"\n      [class]=\"'menu-link level-' + level\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n      <span>{{ item.name }}</span>\n    </a>\n    }\n\n    <!-- Parent node with children -->\n    @if (item.children && item.children.length > 0) {\n    <a\n      (click)=\"toggleSubMenu(item)\"\n      [class.expanded]=\"item.expanded\"\n      [class]=\"'menu-link has-children level-' + level\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n      <span>{{ item.name }}</span>\n      <mat-icon [class.rotated]=\"item.expanded\" class=\"expand-icon\">\n        {{ item.expanded ? 'expand_less' : 'expand_more' }}\n      </mat-icon>\n    </a>\n    }\n\n    <!-- Recursive submenu -->\n    @if (item.children && item.children.length > 0 && item.expanded) {\n    <ul [class]=\"'submenu level-' + (level + 1)\">\n      <ng-container\n        *ngTemplateOutlet=\"menuItemsTemplate; context: { $implicit: item.children, level: level + 1 }\"\n      ></ng-container>\n    </ul>\n    }\n  </li>\n  }\n</ng-template>\n", styles: [".profile-section{text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;flex-direction:column;position:relative}.profile-section:hover{transform:scale(.98)}.profile-section .profile-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;width:100%}.profile-image{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.profile-name{font-weight:500;font-size:1rem;color:inherit;transition:opacity .3s ease;margin-top:8px}:host-context(.minimized) .profile-section{padding:10px 0}:host-context(.minimized) .profile-image{width:40px;height:40px;margin:0 auto}.sidenav-footer{position:static;bottom:0;left:0;right:0;padding:16px;color:inherit;font-size:12px;border-top:1px solid rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.sidenav-footer .version{font-size:10px;margin-top:4px}.footer-button{border:none;background:none;cursor:pointer}:host-context(.minimized) .version{margin-right:7px}:host-context(.minimized) .sidenav-content-wrapper{overflow:hidden}.sidenav-content-wrapper{position:relative;height:100%;display:flex;flex-direction:column;overflow-x:hidden}.sidebar{flex:1;overflow:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:4px;position:relative}.sidebar li a{display:flex;align-items:center;padding:12px 0 0;border-radius:6px;color:var(--mat-sys-primary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar li a:hover{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier)}.sidebar li a.active{background-color:var(--mat-nty-save-record-header-bar);color:var(--mat-nty-save-record-identifier);font-weight:500}.sidebar li a.active:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--mat-nty-save-record-header-bar);border-radius:3px 0 0 3px}.sidebar mat-icon{font-size:20px;width:20px;height:20px;color:inherit}.sidebar span{font-size:.875rem;white-space:nowrap}.menu-link.level-2{margin-left:20px;font-size:.82rem}.menu-link.level-3{margin-left:20px;font-size:.8rem}.menu-link.level-4{margin-left:20px;font-size:.78rem}.submenu{padding-left:12px;margin-top:4px}.submenu li a{padding:10px 16px 0 20px}.submenu mat-icon{font-size:18px}.sidebar li a mat-icon:last-child{margin-left:auto;margin-right:0;font-size:18px;color:#5f6368}:host-context(.minimized) .sidebar li a{justify-content:center;padding:12px 0}:host-context(.minimized) .sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:50%;z-index:999}:host-context(.minimized) .sidebar mat-icon{margin-right:0}:host-context(.minimized) .sidebar span,:host-context(.minimized) .sidebar li a mat-icon:last-child{display:none}:host-context(.minimized) .submenu{display:none}.sidenav-content-wrapper button[mat-icon-button]{position:absolute;right:-8px;top:1px;z-index:999}.search-input{margin-top:10px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isMinimized: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMinimized", required: false }] }], toggleMinimize: [{ type: i0.Output, args: ["toggleMinimize"] }] } });
 
 class Theme {
@@ -3071,6 +3082,7 @@ class Toolbar {
     themeService = inject(Theme);
     colorPaletteService = inject(ColorPalette);
     i18nService = inject(I18nService);
+    router = inject(Router);
     toggleSidenav = output();
     onToggleSidenav() {
         this.toggleSidenav.emit();
@@ -3085,7 +3097,14 @@ class Toolbar {
     }
     setLanguage(language) {
         this.i18nService.language = language;
-        window.location.reload();
+        setTimeout(() => {
+            this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
+                this.router.navigate([window.location.pathname]);
+            });
+        }, 500);
+        setTimeout(() => {
+            window.location.reload();
+        }, 500);
     }
     getCurrentLanguageIcon() {
         switch (this.i18nService.language) {
@@ -3118,10 +3137,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
                         MatToolbarModule,
                         CommonModule,
                         TitleCasePipe,
-                        TranslateModule
+                        TranslateModule,
                     ], template: "<mat-toolbar class=\"sidenav-header\">\n  <div class=\"left-section\">\n    <button mat-icon-button (click)=\"onToggleSidenav()\" class=\"menu-button\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <span>{{'app_name' | translate }}</span>\n\n    <!-- Language Selection -->\n    <div class=\"language-toggle\">\n      <button\n        *ngIf=\"icon; else text\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      <ng-template #text>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          [matMenuTriggerFor]=\"languageMenu\"\n        >\n          {{ currentLanguage }}\n        </button>\n      </ng-template>\n    </div>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      <button\n        mat-menu-item\n        *ngFor=\"let language of languages\"\n        (click)=\"setLanguage(language)\"\n      >\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n    </mat-menu>\n  </div>\n\n  <div class=\"spacer\"></div>\n\n  <div class=\"flex-stretch\"></div>\n  <button\n    mat-icon-button\n    [mat-menu-trigger-for]=\"themeMenu\"\n    class=\"theme-button\"\n  >\n    <mat-icon>{{ themeService.selectedTheme()?.icon }}</mat-icon>\n  </button>\n  <mat-menu #themeMenu=\"matMenu\">\n    @for (theme of themeService.getThemes(); track theme.name) {\n    <button\n      [class.selected-theme]=\"themeService.selectedTheme()?.name === theme.name\"\n      mat-menu-item\n      (click)=\"themeService.setTheme(theme.name)\"\n    >\n      <mat-icon>{{ theme.icon }}</mat-icon>\n      <span>{{ theme.name | titlecase }}</span>\n    </button>\n    }\n  </mat-menu>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"customThemeMenu\"\n    class=\"custom-theme-button\"\n  >\n    <mat-icon>format_color_fill</mat-icon>\n  </button>\n  <mat-menu #customThemeMenu=\"matMenu\">\n    @for (customTheme of colorPaletteService.getThemes(); track customTheme.id)\n    {\n    <button\n      mat-menu-item\n      (click)=\"colorPaletteService.setTheme(customTheme.id)\"\n    >\n      <div class=\"theme-menu-item\">\n        <div\n          class=\"color-preview\"\n          [style.background-color]=\"customTheme.primary\"\n        ></div>\n        <span>{{ customTheme.displayName }}</span>\n      </div>\n    </button>\n    }\n  </mat-menu>\n</mat-toolbar>\n", styles: ["mat-toolbar{position:fixed;top:0;left:0;right:0;z-index:3;box-shadow:0 1px 5px #0000001a;display:flex;align-items:center}.sidenav-header{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:0;font-weight:500}.sidenav-header .left-section{display:flex;align-items:center;gap:16px}.sidenav-header .spacer{flex:1 1 auto}.flex-stretch{flex:1 0 auto}.theme-menu-item{display:flex;align-items:center;gap:12px}.color-preview{width:24px;height:24px;border-radius:50%}::ng-deep .theme-button{border:none;background:none;margin-right:15px;cursor:pointer}::ng-deep .custom-theme-button{border:none;background:none;cursor:pointer}::ng-deep .menu-button{border:none;background:none;cursor:pointer}.language-button{margin:0 auto}::ng-deep button{border:none;background:none;cursor:pointer}\n"] }]
         }], propDecorators: { toggleSidenav: [{ type: i0.Output, args: ["toggleSidenav"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }, { type: i0.Output, args: ["iconChange"] }] } });
 
+class NettyBaseApp {
+    i18nService = inject(I18nService);
+    async loadBaseTranslations() {
+        try {
+            const enUSBase = await import('./nettyapps-ntybase-en-USbase-DlNRzuX4.mjs');
+            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-v9G-AlQ2.mjs');
+            this.i18nService.addTranslations('English', enUSBase.default);
+            this.i18nService.addTranslations('Türkçe', trTRBase.default);
+        }
+        catch (error) {
+            console.error('Error loading base translations in component:', error);
+            throw error;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: NettyBaseApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: NettyBaseApp, isStandalone: true, selector: "ntybase-netty-base-app", ngImport: i0, template: "", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: NettyBaseApp, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-netty-base-app', imports: [], template: "" }]
+        }] });
+
+const ENVIRONMENT_CONFIG = new InjectionToken('ENVIRONMENT_CONFIG');
+class EnvironmentInfoService {
+    config;
+    constructor(config) {
+        this.config = config;
+    }
+    getEnvironmentInfo() {
+        return this.config;
+    }
+    getApiUrl() {
+        return this.config?.nettyUrls?.apiUrl || '';
+    }
+    getAdminUrl() {
+        return this.config?.nettyUrls?.adminUrl || '';
+    }
+    isProduction() {
+        return this.config?.production || false;
+    }
+    getVersion() {
+        return this.config?.version || 'Unknown';
+    }
+    getSupportedLanguages() {
+        return this.config?.supportedLanguages || [];
+    }
+    getDefaultLanguage() {
+        return this.config?.defaultLanguage || '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: EnvironmentInfoService, deps: [{ token: ENVIRONMENT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: EnvironmentInfoService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: EnvironmentInfoService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ENVIRONMENT_CONFIG]
+                }] }] });
+
+class EnvironmentInfo {
+    environmentService;
+    showNettyInfo = true;
+    environmentConfig = null;
+    get hasConfig() {
+        return this.environmentConfig !== null;
+    }
+    get version() {
+        return this.environmentService.getVersion();
+    }
+    get isProduction() {
+        return this.environmentService.isProduction();
+    }
+    get defaultLanguage() {
+        return this.environmentService.getDefaultLanguage();
+    }
+    get supportedLanguages() {
+        return this.environmentService.getSupportedLanguages();
+    }
+    get apiUrl() {
+        return this.environmentService.getApiUrl();
+    }
+    get adminUrl() {
+        return this.environmentService.getAdminUrl();
+    }
+    get baseHref() {
+        return this.environmentConfig?.nettyUrls?.baseHref || '';
+    }
+    get application() {
+        return this.environmentConfig?.nettyUrls?.application || '';
+    }
+    constructor(environmentService) {
+        this.environmentService = environmentService;
+    }
+    ngOnInit() {
+        this.environmentConfig = this.environmentService.getEnvironmentInfo();
+        if (!this.hasConfig) {
+            console.warn("Environment konfigürasyonu bulunamadı. ENVIRONMENT_CONFIG token'ı sağlandı mı?");
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: EnvironmentInfo, deps: [{ token: EnvironmentInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: EnvironmentInfo, isStandalone: true, selector: "ntybase-environment-info", inputs: { showNettyInfo: "showNettyInfo" }, ngImport: i0, template: "<div class=\"environment-info\" [class.production]=\"isProduction\">\n  <div class=\"info-card\">\n    <h3>Uygulama Bilgileri</h3>\n\n    <div class=\"info-grid\">\n      <div class=\"info-item\">\n        <span class=\"label\">Versiyon:</span>\n        <span class=\"value\">{{ version }}</span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Ortam:</span>\n        <span class=\"value\" [class.prod]=\"isProduction\">\n          {{ isProduction ? 'Production' : 'Development' }}\n        </span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Varsay\u0131lan Dil:</span>\n        <span class=\"value\">{{ defaultLanguage }}</span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Desteklenen Diller:</span>\n        <span class=\"value\">{{ supportedLanguages.join(', ') }}</span>\n      </div>\n    </div>\n\n    <div class=\"netty-info\" *ngIf=\"showNettyInfo\">\n      <h4>Netty Ba\u011Flant\u0131lar\u0131</h4>\n      <div class=\"info-grid\">\n        <div class=\"info-item\">\n          <span class=\"label\">API URL:</span>\n          <span class=\"value\">{{ apiUrl }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Admin URL:</span>\n          <span class=\"value\">{{ adminUrl }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Base Href:</span>\n          <span class=\"value\">{{ baseHref }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Uygulama:</span>\n          <span class=\"value\">{{ application }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"no-config\" *ngIf=\"!hasConfig\">\n      <p>Environment konfig\u00FCrasyonu bulunamad\u0131</p>\n    </div>\n  </div>\n</div>\n", styles: [".environment-info{padding:16px;font-family:Arial,sans-serif}.info-card{background:#f5f5f5;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}h3,h4{margin:0 0 16px;color:#333}.info-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:16px}.info-item{display:contents}.label{font-weight:700;color:#666}.value{color:#333;word-break:break-all}.value.prod{color:#d32f2f;font-weight:700}.netty-info{border-top:1px solid #ddd;padding-top:16px}.production .info-card{background:#fff3e0;border-left:4px solid #ff9800}.no-config{text-align:center;color:#ff9800;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: EnvironmentInfo, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-environment-info', imports: [CommonModule], template: "<div class=\"environment-info\" [class.production]=\"isProduction\">\n  <div class=\"info-card\">\n    <h3>Uygulama Bilgileri</h3>\n\n    <div class=\"info-grid\">\n      <div class=\"info-item\">\n        <span class=\"label\">Versiyon:</span>\n        <span class=\"value\">{{ version }}</span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Ortam:</span>\n        <span class=\"value\" [class.prod]=\"isProduction\">\n          {{ isProduction ? 'Production' : 'Development' }}\n        </span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Varsay\u0131lan Dil:</span>\n        <span class=\"value\">{{ defaultLanguage }}</span>\n      </div>\n\n      <div class=\"info-item\">\n        <span class=\"label\">Desteklenen Diller:</span>\n        <span class=\"value\">{{ supportedLanguages.join(', ') }}</span>\n      </div>\n    </div>\n\n    <div class=\"netty-info\" *ngIf=\"showNettyInfo\">\n      <h4>Netty Ba\u011Flant\u0131lar\u0131</h4>\n      <div class=\"info-grid\">\n        <div class=\"info-item\">\n          <span class=\"label\">API URL:</span>\n          <span class=\"value\">{{ apiUrl }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Admin URL:</span>\n          <span class=\"value\">{{ adminUrl }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Base Href:</span>\n          <span class=\"value\">{{ baseHref }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">Uygulama:</span>\n          <span class=\"value\">{{ application }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"no-config\" *ngIf=\"!hasConfig\">\n      <p>Environment konfig\u00FCrasyonu bulunamad\u0131</p>\n    </div>\n  </div>\n</div>\n", styles: [".environment-info{padding:16px;font-family:Arial,sans-serif}.info-card{background:#f5f5f5;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}h3,h4{margin:0 0 16px;color:#333}.info-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:16px}.info-item{display:contents}.label{font-weight:700;color:#666}.value{color:#333;word-break:break-all}.value.prod{color:#d32f2f;font-weight:700}.netty-info{border-top:1px solid #ddd;padding-top:16px}.production .info-card{background:#fff3e0;border-left:4px solid #ff9800}.no-config{text-align:center;color:#ff9800;font-weight:700}\n"] }]
+        }], ctorParameters: () => [{ type: EnvironmentInfoService }], propDecorators: { showNettyInfo: [{
+                type: Input
+            }] } });
+
 class Guid {
     value = this.empty;
     constructor(value) {
@@ -3356,16 +3489,16 @@ class AutoCompletePopupMenu {
     copyToClipboard() {
         if (this.inputValue) {
             this.clipboard.copy(this.inputValue);
-            this.alertService.showAlert('@CopiedToClipboard');
+            this.alertService.showAlert('@copiedToClipboard');
             this.Result.emit('Copy');
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: AutoCompletePopupMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: AutoCompletePopupMenu, isStandalone: true, selector: "ntybase-auto-complete-popup-menu", inputs: { field: "field", recordGuid: "recordGuid", fieldDisabled: "fieldDisabled", componentPath: "componentPath", inputValue: "inputValue" }, outputs: { Result: "Result" }, ngImport: i0, template: "<div class=\"dialogbase\">\n  <div class=\"menu\">\n    <ul class=\"list-group\">\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"copyToClipboard()\" class=\"align-line\"\n          ><mat-icon>content_copy</mat-icon>{{'@Copy'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoMain()\" class=\"align-line\"\n          ><mat-icon>edit</mat-icon>{{'@PopupGotoRecordDefinition'|\n          translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoNew()\" class=\"align-line\"\n          ><mat-icon>add</mat-icon>{{'@PopupNewRecord'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n        [ngClass]=\"{'menu-item':!fieldDisabled , 'menu-item-disabled':fieldDisabled }\"\n      >\n        <span (click)=\"gotoLookup()\" class=\"align-line\"\n          ><mat-icon>search</mat-icon>{{'@PopupSelectFromList'|translate}}</span\n        >\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".dialogbase{background:#0000001a;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.menu{background:var(--mat-sys-primary-container);padding:0;display:flex;border-radius:inherit}.align-line{display:flex;vertical-align:middle;align-items:center;gap:12px;padding:0 8px}.menu-item{padding:12px 16px;display:flex;vertical-align:middle;cursor:pointer;transition:all .2s ease-out;border-radius:8px;margin:4px;color:var(--mat-sys-on-primary-container)}.menu-item:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.menu-item:hover .mat-icon{color:var(--mat-sys-on-primary);transform:scale(1.05)}.menu-item-disabled,.menu-item-disabled:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);font-style:italic;opacity:.7;cursor:not-allowed}.menu-item-disabled .mat-icon,.menu-item-disabled:hover .mat-icon{color:var(--mat-sys-on-primary)}.mat-icon{transition:all .2s ease-out;font-size:20px;width:20px;height:20px}.list-group{list-style:none;padding:8px;margin:0;width:100%}.list-group-item{background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;padding-bottom:12px;margin-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: AutoCompletePopupMenu, isStandalone: true, selector: "ntybase-auto-complete-popup-menu", inputs: { field: "field", recordGuid: "recordGuid", fieldDisabled: "fieldDisabled", componentPath: "componentPath", inputValue: "inputValue" }, outputs: { Result: "Result" }, ngImport: i0, template: "<div class=\"dialogbase\">\n  <div class=\"menu\">\n    <ul class=\"list-group\">\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"copyToClipboard()\" class=\"align-line\"\n          ><mat-icon>content_copy</mat-icon>{{'@copy'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoMain()\" class=\"align-line\"\n          ><mat-icon>edit</mat-icon>{{'@popupGotoRecordDefinition'|\n          translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoNew()\" class=\"align-line\"\n          ><mat-icon>add</mat-icon>{{'@popupNewRecord'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n        [ngClass]=\"{'menu-item':!fieldDisabled , 'menu-item-disabled':fieldDisabled }\"\n      >\n        <span (click)=\"gotoLookup()\" class=\"align-line\"\n          ><mat-icon>search</mat-icon>{{'@popupSelectFromList'|translate}}</span\n        >\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".dialogbase{background:#0000001a;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.menu{background:var(--mat-sys-primary-container);padding:0;display:flex;border-radius:inherit}.align-line{display:flex;vertical-align:middle;align-items:center;gap:12px;padding:0 8px}.menu-item{padding:12px 16px;display:flex;vertical-align:middle;cursor:pointer;transition:all .2s ease-out;border-radius:8px;margin:4px;color:var(--mat-sys-on-primary-container)}.menu-item:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.menu-item:hover .mat-icon{color:var(--mat-sys-on-primary);transform:scale(1.05)}.menu-item-disabled,.menu-item-disabled:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);font-style:italic;opacity:.7;cursor:not-allowed}.menu-item-disabled .mat-icon,.menu-item-disabled:hover .mat-icon{color:var(--mat-sys-on-primary)}.mat-icon{transition:all .2s ease-out;font-size:20px;width:20px;height:20px}.list-group{list-style:none;padding:8px;margin:0;width:100%}.list-group-item{background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;padding-bottom:12px;margin-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: AutoCompletePopupMenu, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-auto-complete-popup-menu', imports: [CommonModule, ReactiveFormsModule, MatIconModule, TranslateModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"dialogbase\">\n  <div class=\"menu\">\n    <ul class=\"list-group\">\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"copyToClipboard()\" class=\"align-line\"\n          ><mat-icon>content_copy</mat-icon>{{'@Copy'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoMain()\" class=\"align-line\"\n          ><mat-icon>edit</mat-icon>{{'@PopupGotoRecordDefinition'|\n          translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoNew()\" class=\"align-line\"\n          ><mat-icon>add</mat-icon>{{'@PopupNewRecord'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n        [ngClass]=\"{'menu-item':!fieldDisabled , 'menu-item-disabled':fieldDisabled }\"\n      >\n        <span (click)=\"gotoLookup()\" class=\"align-line\"\n          ><mat-icon>search</mat-icon>{{'@PopupSelectFromList'|translate}}</span\n        >\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".dialogbase{background:#0000001a;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.menu{background:var(--mat-sys-primary-container);padding:0;display:flex;border-radius:inherit}.align-line{display:flex;vertical-align:middle;align-items:center;gap:12px;padding:0 8px}.menu-item{padding:12px 16px;display:flex;vertical-align:middle;cursor:pointer;transition:all .2s ease-out;border-radius:8px;margin:4px;color:var(--mat-sys-on-primary-container)}.menu-item:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.menu-item:hover .mat-icon{color:var(--mat-sys-on-primary);transform:scale(1.05)}.menu-item-disabled,.menu-item-disabled:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);font-style:italic;opacity:.7;cursor:not-allowed}.menu-item-disabled .mat-icon,.menu-item-disabled:hover .mat-icon{color:var(--mat-sys-on-primary)}.mat-icon{transition:all .2s ease-out;font-size:20px;width:20px;height:20px}.list-group{list-style:none;padding:8px;margin:0;width:100%}.list-group-item{background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;padding-bottom:12px;margin-bottom:4px}\n"] }]
+            args: [{ selector: 'ntybase-auto-complete-popup-menu', imports: [CommonModule, ReactiveFormsModule, MatIconModule, TranslateModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"dialogbase\">\n  <div class=\"menu\">\n    <ul class=\"list-group\">\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"copyToClipboard()\" class=\"align-line\"\n          ><mat-icon>content_copy</mat-icon>{{'@copy'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoMain()\" class=\"align-line\"\n          ><mat-icon>edit</mat-icon>{{'@popupGotoRecordDefinition'|\n          translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center menu-item\"\n      >\n        <span (click)=\"gotoNew()\" class=\"align-line\"\n          ><mat-icon>add</mat-icon>{{'@popupNewRecord'| translate}}</span\n        >\n      </li>\n      <li\n        class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n        [ngClass]=\"{'menu-item':!fieldDisabled , 'menu-item-disabled':fieldDisabled }\"\n      >\n        <span (click)=\"gotoLookup()\" class=\"align-line\"\n          ><mat-icon>search</mat-icon>{{'@popupSelectFromList'|translate}}</span\n        >\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".dialogbase{background:#0000001a;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.menu{background:var(--mat-sys-primary-container);padding:0;display:flex;border-radius:inherit}.align-line{display:flex;vertical-align:middle;align-items:center;gap:12px;padding:0 8px}.menu-item{padding:12px 16px;display:flex;vertical-align:middle;cursor:pointer;transition:all .2s ease-out;border-radius:8px;margin:4px;color:var(--mat-sys-on-primary-container)}.menu-item:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.menu-item:hover .mat-icon{color:var(--mat-sys-on-primary);transform:scale(1.05)}.menu-item-disabled,.menu-item-disabled:hover{background:var(--mat-sys-on-primary-fixed);color:var(--mat-sys-on-primary);font-style:italic;opacity:.7;cursor:not-allowed}.menu-item-disabled .mat-icon,.menu-item-disabled:hover .mat-icon{color:var(--mat-sys-on-primary)}.mat-icon{transition:all .2s ease-out;font-size:20px;width:20px;height:20px}.list-group{list-style:none;padding:8px;margin:0;width:100%}.list-group-item{background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;padding-bottom:12px;margin-bottom:4px}\n"] }]
         }], propDecorators: { field: [{
                 type: Input
             }], recordGuid: [{
@@ -3674,5 +3807,5 @@ class NettyFilter {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, SelectionItem, Theme, Toolbar, UrlHelperService };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyBaseApp, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, SelectionItem, Theme, Toolbar, UrlHelperService };
 //# sourceMappingURL=nettyapps-ntybase.mjs.map