@nettyapps/ntybase 21.1.25 → 21.1.27

package/fesm2022/nettyapps-ntybase.mjs

@@ -319,13 +319,7 @@ class ConfirmDialog {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ConfirmDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-confirm-dialog', imports: [
-                        MatDialogModule,
-                        MatSnackBarModule,
-                        MatIconModule,
-                        MatDividerModule,
-                        TranslateModule,
-                    ], template: "<div class=\"dialog-container\">\n  <h2 mat-dialog-title class=\"dialog-title\">\n    <mat-icon color=\"warn\" class=\"warning-icon\">warning</mat-icon>\n    <span>{{data.title | translate}}</span>\n  </h2>\n\n  <mat-divider class=\"divider\"></mat-divider>\n\n  <mat-dialog-content class=\"dialog-content\">\n    <p class=\"message\">{{data.message | translate}}</p>\n  </mat-dialog-content>\n\n  <mat-dialog-actions align=\"end\" class=\"dialog-actions\">\n    <button mat-stroked-button [mat-dialog-close]=\"false\" class=\"btn-cancel\">\n      {{'@btnCancel' | translate}}\n    </button>\n    <button\n      mat-flat-button\n      color=\"warn\"\n      [mat-dialog-close]=\"true\"\n      class=\"btn-ok\"\n    >\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".dialog-container{display:flex;flex-direction:column;min-width:400px;max-width:90vw;padding:24px;border-radius:12px!important}.dialog-title{display:flex;align-items:center;margin:0 0 12px;padding:0;color:var(--mat-sys-primary)}.dialog-title span{margin-left:8px}.warning-icon{color:var(--mat-sys-primary);transform:scale(1.2)}.divider{margin:8px 0 16px;border-top-color:var(--mat-sys-primary)}.dialog-content{padding:8px 0 24px;margin:0;color:var(--mat-sys-primary);line-height:1.6}.dialog-content .message{margin:0;white-space:pre-wrap}.dialog-actions{padding:16px 0 0;margin:0;gap:8px}.btn-ok{padding:8px 16px;border-radius:6px;font-weight:500;background-color:var(--mat-sys-primary);color:var(--mat-sys-primary-container)}.btn-cancel{padding:8px 16px;border-radius:6px;color:var(--mat-sys-secondary-container);background-color:var(--mat-sys-secondary)}\n"] }]
+            args: [{ selector: 'ntybase-confirm-dialog', imports: [MatDialogModule, MatSnackBarModule, MatIconModule, MatDividerModule, TranslateModule], template: "<div class=\"dialog-container\">\n  <h2 mat-dialog-title class=\"dialog-title\">\n    <mat-icon color=\"warn\" class=\"warning-icon\">warning</mat-icon>\n    <span>{{data.title | translate}}</span>\n  </h2>\n\n  <mat-divider class=\"divider\"></mat-divider>\n\n  <mat-dialog-content class=\"dialog-content\">\n    <p class=\"message\">{{data.message | translate}}</p>\n  </mat-dialog-content>\n\n  <mat-dialog-actions align=\"end\" class=\"dialog-actions\">\n    <button mat-stroked-button [mat-dialog-close]=\"false\" class=\"btn-cancel\">\n      {{'@btnCancel' | translate}}\n    </button>\n    <button\n      mat-flat-button\n      color=\"warn\"\n      [mat-dialog-close]=\"true\"\n      class=\"btn-ok\"\n    >\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".dialog-container{display:flex;flex-direction:column;min-width:400px;max-width:90vw;padding:24px;border-radius:12px!important}.dialog-title{display:flex;align-items:center;margin:0 0 12px;padding:0;color:var(--mat-sys-primary)}.dialog-title span{margin-left:8px}.warning-icon{color:var(--mat-sys-primary);transform:scale(1.2)}.divider{margin:8px 0 16px;border-top-color:var(--mat-sys-primary)}.dialog-content{padding:8px 0 24px;margin:0;color:var(--mat-sys-primary);line-height:1.6}.dialog-content .message{margin:0;white-space:pre-wrap}.dialog-actions{padding:16px 0 0;margin:0;gap:8px}.btn-ok{padding:8px 16px;border-radius:6px;font-weight:500;background-color:var(--mat-sys-primary);color:var(--mat-sys-primary-container)}.btn-cancel{padding:8px 16px;border-radius:6px;color:var(--mat-sys-secondary-container);background-color:var(--mat-sys-secondary)}\n"] }]
         }] });
 
 class ErrorAlert {
@@ -510,7 +504,7 @@ class NettyAppsBase {
         }
         // Check if header is present
         if (!base64Data.startsWith('data:')) {
-            console.error('Provided data is not in base64 format (missing header)');
+            this.alertService.showError('Provided data is not in base64 format (missing header)');
             return;
         }
         const contentType = base64Data.split(';')[0].split(':')[1];
@@ -1602,6 +1596,14 @@ class NettyAgGridBase extends NettyAppsBase {
         }
         sessionStorage.setItem(this.searchValueName(), this.searchValue());
     }
+    async refreshData() {
+        try {
+            this.loadData();
+        }
+        catch (err) {
+            this.alertService.showError(err);
+        }
+    }
     /**
      * Update a single row in the grid
      * @param rowData The updated row data
@@ -1613,7 +1615,7 @@ class NettyAgGridBase extends NettyAppsBase {
         const field = idField || this.pkFieldName();
         const id = rowData[field];
         if (id === undefined || id === null) {
-            this.loadData();
+            this.refreshData();
             return;
         }
         let rowNode = this.gridApi.getRowNode(id.toString());
@@ -1628,8 +1630,9 @@ class NettyAgGridBase extends NettyAppsBase {
         }
         if (rowNode) {
             rowNode.setData(rowData);
-            const params = { rowNodes: [rowNode], force: true, suppressFlash: false, };
+            const params = { rowNodes: [rowNode], force: true, suppressFlash: false };
             this.gridApi.refreshCells(params);
+            this.recordList.update(currentList => currentList.map(item => item[field] === id ? rowData : item));
         }
         else {
             this.loadData(); // Reload all data if row not found
@@ -1936,7 +1939,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 
 ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
     ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule, SetFilterModule, MultiFilterModule, TextFilterModule, NumberFilterModule, DateFilterModule]);
-// AgGrid Dark Mode Row Style
 class NettyAgGridListBase extends NettyAgGridBase {
     // ********************************************
     // *** INPUTS                               ***
@@ -2115,14 +2117,6 @@ class NettyAgGridListBase extends NettyAgGridBase {
             error: (err) => this.alertService.showError('@dataLoadFailed', err),
         });
     }
-    async refreshData() {
-        try {
-            this.loadData();
-        }
-        catch (err) {
-            this.alertService.showError(err);
-        }
-    }
     async deleteSelected() {
         if (!this.gridApi)
             return;
@@ -2306,12 +2300,7 @@ class NettyAgGridListFilterBase extends NettyAgGridListBase {
      * Triggers the filter component to refresh its data
      */
     refreshFilterData() {
-        let value = this.filterRefreshTrigger();
-        if (value > 10000) {
-            value = 0;
-        }
-        value++;
-        this.filterRefreshTrigger.set(value);
+        this.filterRefreshTrigger.update(val => val > 10000 ? 1 : val + 1);
     }
     onReverseIsFilterValid() {
         this.isFilterValid.update((a) => !a);
@@ -2375,14 +2364,6 @@ class NettyAgGridLogBase extends NettyAgGridBase {
             error: (err) => this.alertService.showError('@dataLoadFailed', err),
         });
     }
-    async refreshData() {
-        try {
-            this.loadData();
-        }
-        catch (err) {
-            this.alertService.showError(err);
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridLogBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyAgGridLogBase, isStandalone: true, selector: "ntybase-ag-grid-log-base", host: { attributes: { "ntybase-id": "NettyAgGridLogBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
@@ -2593,7 +2574,7 @@ class NettyAgGridSaveBase extends NettyAppsBase {
                 this.closeSidenav();
                 this.alertService.showSuccess('@recordCreatedSuccessfully');
             },
-            error: (err) => console.error('@creationFailed:', err),
+            error: (err) => this.alertService.showError('@creationFailed:', err),
         });
     }
     /**
@@ -2607,7 +2588,7 @@ class NettyAgGridSaveBase extends NettyAppsBase {
         this.nettyAppsProxy.update(updateData).subscribe({
             next: (updatedRecord) => {
                 this.initializeFormData(updatedRecord);
-                this.commonService.notifyUpdate('Item', 'update', updatedRecord);
+                this.commonService.notifyUpdate(this.recordType(), 'update', updatedRecord);
                 this.closeSidenav();
                 this.alertService.showSuccess('@recordUpdatedSuccessfully');
             },
@@ -2622,7 +2603,7 @@ class NettyAgGridSaveBase extends NettyAppsBase {
         let newRecord = this.createNewRecord();
         newRecord = await lastValueFrom(this.nettyAppsProxy.initRecord(newRecord))
             .catch((er) => {
-            console.error('@initRecordFailed:', er);
+            this.alertService.showError('@initRecordFailed:', er);
             return this.createNewRecord();
         });
         this.initializeFormData(newRecord);
@@ -2701,12 +2682,7 @@ class NettyAgGridSaveBase extends NettyAppsBase {
                 disableClose: true,
                 hasBackdrop: false,
             })
-                .afterClosed()
-                .subscribe((result) => {
-                if (result === 'saved') {
-                    //this.updateRowInGrid;
-                }
-            });
+                .afterClosed();
             return;
         }
         // Log control
@@ -3864,7 +3840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
         }] });
 
 class AuthBase {
-    // Inject dependencies
+    // Services
     router = inject(Router);
     route = inject(ActivatedRoute);
     environmentProxy = inject(EnvironmentProxy);
@@ -3873,8 +3849,6 @@ class AuthBase {
     urlHelperService = inject(UrlHelperService);
     onDestroy$ = new Subject();
     ngOnDestroy() {
-        //Called once, before the instance is destroyed.
-        //Add 'implements OnDestroy' to the class.
         this.onDestroy$.next();
         this.onDestroy$.complete();
     }
@@ -3980,7 +3954,7 @@ class Login extends AuthBase {
             }
         }
         catch (error) {
-            console.error('Error handling remember me:', error);
+            this.alertService.showError('Error handling remember me:', error);
         }
     }
     loadRememberedUsername() {
@@ -3995,7 +3969,7 @@ class Login extends AuthBase {
             }
         }
         catch (error) {
-            console.error('Error loading remembered username:', error);
+            this.alertService.showError('Error loading remembered username:', error);
         }
     }
     login() {
@@ -4340,15 +4314,7 @@ class ForgotPassword extends AuthBase {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ForgotPassword, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-forgot-password', imports: [
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatMenuModule,
-                        MatIconModule,
-                        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      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      novalidate\n    >\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\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        @if (updatePasswordForm.controls['newPassword'].invalid &&\n        updatePasswordForm.controls['newPassword'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\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        @if (updatePasswordForm.controls['newPasswordCheck'].invalid &&\n        updatePasswordForm.controls['newPasswordCheck'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\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    } @else {\n    <!-- Burada eski #loading template'inin i\u00E7eri\u011Fi direkt olarak kullan\u0131l\u0131yor -->\n    <div class=\"loading-spinner\">\n      <span>{{ '@updatingPassword' | translate }}</span>\n    </div>\n    }\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"] }]
+            args: [{ selector: 'ntybase-forgot-password', imports: [FormsModule, ReactiveFormsModule, MatMenuModule, MatIconModule, 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      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      novalidate\n    >\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\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        @if (updatePasswordForm.controls['newPassword'].invalid &&\n        updatePasswordForm.controls['newPassword'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\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        @if (updatePasswordForm.controls['newPasswordCheck'].invalid &&\n        updatePasswordForm.controls['newPasswordCheck'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\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    } @else {\n    <!-- Burada eski #loading template'inin i\u00E7eri\u011Fi direkt olarak kullan\u0131l\u0131yor -->\n    <div class=\"loading-spinner\">\n      <span>{{ '@updatingPassword' | translate }}</span>\n    </div>\n    }\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: () => [] });
 
 // text-image.service.ts
@@ -4407,6 +4373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 
 class NettyBaseApp {
     i18nService = inject(I18nService);
+    alertService = inject(AlertService);
     async loadBaseTranslations() {
         try {
             const enUSBase = await import('./nettyapps-ntybase-en-USbase-DV4K7MNJ.mjs');
@@ -4415,7 +4382,7 @@ class NettyBaseApp {
             this.i18nService.addTranslations('Türkçe', trTRBase.default);
         }
         catch (error) {
-            console.error('Error loading base translations in component:', error);
+            this.alertService.showError('Error loading base translations in component:', error);
             throw error;
         }
     }
@@ -4561,6 +4528,7 @@ class NettyMenuService {
     http = inject(HttpClient);
     environmentProxy = inject(EnvironmentProxy);
     i18nService = inject(I18nService);
+    alertService = inject(AlertService);
     menuName = signal('', ...(ngDevMode ? [{ debugName: "menuName" }] : []));
     menu = signal(null, ...(ngDevMode ? [{ debugName: "menu" }] : []));
     setMenuName(name) {
@@ -4582,7 +4550,7 @@ class NettyMenuService {
         this.http.get(functionUrl).subscribe({
             next: (data) => this.menu.set(data),
             error: (err) => {
-                console.error('Failed to fetch menu:', err);
+                this.alertService.showError('Failed to fetch menu:', err);
                 this.menu.set(null);
             },
         });