@nettyapps/ntybase 21.1.38 → 21.1.40

package/fesm2022/nettyapps-ntybase.mjs

@@ -1,14 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, inject, NgModule, signal, input, computed, effect, output, afterRenderEffect, linkedSignal, ViewChild, model, Input, InjectionToken, Optional, Inject } from '@angular/core';
-import * as i1$3 from '@angular/common/http';
-import { HttpErrorResponse, HttpResponse, HTTP_INTERCEPTORS, HttpClient, HttpHeaders } from '@angular/common/http';
-import { of, throwError, Subject, lastValueFrom, map, catchError as catchError$1, finalize, take as take$1, takeUntil } from 'rxjs';
-import { catchError, map as map$1, take, finalize as finalize$1 } from 'rxjs/operators';
-import { Router, ActivatedRoute } from '@angular/router';
-import * as i2$1 from '@nettyapps/ntycontract';
-import { EnvironmentProxy, injectNettyStandardProxy, injectNettyStandardLogProxy, injectNettyStandardFilterProxy } from '@nettyapps/ntycontract';
-import { DatePipe, CommonModule, Location, DecimalPipe } from '@angular/common';
+import { inject, Component, Injectable, signal, input, computed, effect, model, output, afterRenderEffect, NgModule, linkedSignal, ViewChild, Input, InjectionToken, Optional, Inject } from '@angular/core';
 import { Buffer } from 'buffer';
+import { Subject, lastValueFrom, map, catchError, throwError, of, finalize, take as take$1, takeUntil } from 'rxjs';
 import * as i1 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i3 from '@angular/material/divider';
@@ -19,420 +12,155 @@ import * as i1$2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import * as i1$5 from '@angular/common';
+import { CommonModule, DatePipe, Location, DecimalPipe } from '@angular/common';
 import { Title } from '@angular/platform-browser';
-import { Mutex } from 'async-mutex';
-import { themeQuartz, StatusBarModule, ClipboardModule, ExcelExportModule, ColumnMenuModule, ContextMenuModule, CellSelectionModule, RowSelectionModule, SetFilterModule, MultiFilterModule } from 'ag-grid-enterprise';
-import { toSignal } from '@angular/core/rxjs-interop';
+import * as i2$2 from '@nettyapps/ntycontract';
+import { injectNettyStandardFilterProxy, EnvironmentProxy, injectNettyStandardProxy, injectNettyStandardLogProxy } from '@nettyapps/ntycontract';
+import { I18nService } from '@nettyapps/ntyi18n';
+import { ExcelLogViewer as ExcelLogViewer$1 } from '@nettyapps/ntyux';
+import { Router, ActivatedRoute } from '@angular/router';
 import { ModuleRegistry, AllCommunityModule, ClientSideRowModelModule, HighlightChangesModule, TextFilterModule, NumberFilterModule, DateFilterModule } from 'ag-grid-community';
-import * as i2$2 from '@angular/material/tooltip';
+import { themeQuartz, StatusBarModule, ClipboardModule, ExcelExportModule, ColumnMenuModule, ContextMenuModule, CellSelectionModule, RowSelectionModule, SetFilterModule, MultiFilterModule } from 'ag-grid-enterprise';
+import * as i2$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i2$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import { ExcelLogViewer } from '@nettyapps/ntyux';
-import { I18nService } from '@nettyapps/ntyi18n';
+import * as i1$3 from '@angular/common/http';
+import { HttpClient, HttpErrorResponse, HttpResponse, HTTP_INTERCEPTORS, HttpHeaders } from '@angular/common/http';
+import { Mutex } from 'async-mutex';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { catchError as catchError$1, map as map$1, take, finalize as finalize$1 } from 'rxjs/operators';
 import * as i1$4 from '@angular/forms';
 import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i3$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { AgGridAngular } from 'ag-grid-angular';
+import { NettyUIButton, NettyUIFilterButton } from '@nettyapps/ntyui';
 
-class Ntybase {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: Ntybase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: Ntybase, isStandalone: false, selector: "lib-ntybase", ngImport: i0, template: `
-    <p>
-      ntybase works!
-    </p>
-  `, isInline: true, styles: [""] });
+class ConfirmDialog {
+    dialogRef = inject((MatDialogRef));
+    data = inject(MAT_DIALOG_DATA);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ConfirmDialog, isStandalone: true, selector: "ntybase-confirm-dialog", ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: Ntybase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ConfirmDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ntybase', standalone: false, template: `
-    <p>
-      ntybase works!
-    </p>
-  ` }]
+            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"] }]
         }] });
 
-const credentialsKey = 'credentials';
-class CredentialsService {
-    _credentials = null;
-    constructor() {
-        const savedCredentials = sessionStorage.getItem(credentialsKey) ||
-            localStorage.getItem(credentialsKey);
-        if (savedCredentials) {
-            this._credentials = JSON.parse(savedCredentials);
-        }
+class ErrorAlert {
+    dialogRef = inject((MatDialogRef));
+    data = inject(MAT_DIALOG_DATA);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ErrorAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ErrorAlert, isStandalone: true, selector: "ntybase-error-alert", ngImport: i0, template: "<div class=\"error-dialog-container\">\n  <div class=\"header\">\n    <mat-icon color=\"error\">error_outline</mat-icon>\n    <h2 class=\"error-title\">{{ data.title }}</h2>\n  </div>\n\n  <div class=\"error-content\">\n    <p>{{ data.message }}</p>\n  </div>\n\n  <mat-dialog-actions class=\"dialog-actions\">\n    <button mat-flat-button [mat-dialog-close]=\"true\" class=\"btn-ok\">\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".error-dialog-container{padding:40px 32px;text-align:center;min-width:380px;max-width:450px;background:var(--mat-sys-primary);border-radius:20px;box-shadow:0 15px 35px #00000012}.error-dialog-container .header{display:flex;flex-direction:column;align-items:center;gap:12px}.error-dialog-container .header mat-icon{font-size:52px;width:52px;height:52px;color:var(--mat-sys-inverse-primary);margin-bottom:8px}.error-dialog-container .header .error-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--mat-sys-surface);letter-spacing:-.02em}.error-dialog-container .error-content{margin:24px 0 32px;font-size:1rem;line-height:1.6;color:var(--mat-sys-surface)}.error-dialog-container .dialog-actions{display:flex;justify-content:center;padding:0;margin:0}.error-dialog-container .btn-ok{min-width:120px;padding:12px 24px;font-weight:600;font-size:1rem;border-radius:10px;background:var(--mat-sys-inverse-primary);color:var(--mat-sys-primary);border:none;cursor:pointer;transition:all .2s ease}.error-dialog-container .btn-ok:hover{background:var(--mat-sys-inverse-primary);opacity:.9;box-shadow:0 5px 15px #0000001a}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ErrorAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-error-alert', imports: [MatDialogModule, MatIconModule, CommonModule, TranslateModule], template: "<div class=\"error-dialog-container\">\n  <div class=\"header\">\n    <mat-icon color=\"error\">error_outline</mat-icon>\n    <h2 class=\"error-title\">{{ data.title }}</h2>\n  </div>\n\n  <div class=\"error-content\">\n    <p>{{ data.message }}</p>\n  </div>\n\n  <mat-dialog-actions class=\"dialog-actions\">\n    <button mat-flat-button [mat-dialog-close]=\"true\" class=\"btn-ok\">\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".error-dialog-container{padding:40px 32px;text-align:center;min-width:380px;max-width:450px;background:var(--mat-sys-primary);border-radius:20px;box-shadow:0 15px 35px #00000012}.error-dialog-container .header{display:flex;flex-direction:column;align-items:center;gap:12px}.error-dialog-container .header mat-icon{font-size:52px;width:52px;height:52px;color:var(--mat-sys-inverse-primary);margin-bottom:8px}.error-dialog-container .header .error-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--mat-sys-surface);letter-spacing:-.02em}.error-dialog-container .error-content{margin:24px 0 32px;font-size:1rem;line-height:1.6;color:var(--mat-sys-surface)}.error-dialog-container .dialog-actions{display:flex;justify-content:center;padding:0;margin:0}.error-dialog-container .btn-ok{min-width:120px;padding:12px 24px;font-weight:600;font-size:1rem;border-radius:10px;background:var(--mat-sys-inverse-primary);color:var(--mat-sys-primary);border:none;cursor:pointer;transition:all .2s ease}.error-dialog-container .btn-ok:hover{background:var(--mat-sys-inverse-primary);opacity:.9;box-shadow:0 5px 15px #0000001a}\n"] }]
+        }] });
+
+// alert.service.ts
+class AlertService {
+    snackBar;
+    dialog;
+    translate;
+    constructor(snackBar, dialog, translate) {
+        this.snackBar = snackBar;
+        this.dialog = dialog;
+        this.translate = translate;
     }
-    /**
-     * Checks is the user is authenticated.
-     * @return True if the user is authenticated.
-     */
-    isAuthenticated() {
-        return !!this.credentials;
+    // For simple notifications
+    showAlert(message, action, duration = 3000) {
+        const actionText = action ? action : '@btnOK';
+        this.snackBar.open(this.translate.instant(message), this.translate.instant(actionText), { duration });
     }
-    /**
-     * Gets the user credentials.
-     * @return The user credentials or null if the user is not authenticated.
-     */
-    get credentials() {
-        return this._credentials;
+    showWarning(message, action, duration = 3000) {
+        const actionText = action ? action : '@btnOK';
+        this.snackBar.open(this.translate.instant(message), this.translate.instant(actionText), { duration });
     }
-    get token() {
-        return this._credentials?.token ?? null;
+    // For confirmation dialogs
+    showConfirm(message) {
+        return new Promise((resolve) => {
+            const dialogRef = this.dialog.open(ConfirmDialog, {
+                width: 'auto',
+                height: 'auto',
+                data: {
+                    message: message,
+                    title: '@confirmation',
+                },
+            });
+            dialogRef.afterClosed().subscribe((result) => {
+                resolve(!!result);
+            });
+        });
     }
-    /**
-     * Sets the user credentials.
-     * The credentials may be persisted across sessions by setting the `remember` parameter to true.
-     * Otherwise, the credentials are only persisted for the current session.
-     * @param credentials The user credentials.
-     * @param remember True to remember credentials across sessions.
-     */
-    setCredentials(credentials, remember) {
-        this._credentials = credentials || null;
-        if (credentials) {
-            const storage = remember ? localStorage : sessionStorage;
-            storage.setItem(credentialsKey, JSON.stringify(credentials));
-        }
-        else {
-            sessionStorage.removeItem(credentialsKey);
-            localStorage.removeItem(credentialsKey);
-        }
+    // For success notifications
+    showSuccess(message, duration = 3000) {
+        this.snackBar.open(this.translate.instant(message), this.translate.instant('@btnOK'), {
+            duration,
+            panelClass: ['success-snackbar'],
+            horizontalPosition: 'right',
+            verticalPosition: 'bottom',
+        });
     }
-    /** Get Credentials
-     *
-     * @returns
-     */
-    getCredentials() {
-        let _credentialsString = sessionStorage.getItem(credentialsKey);
-        if (_credentialsString == null || _credentialsString == '') {
-            _credentialsString = localStorage.getItem(credentialsKey);
-        }
-        return JSON.parse(_credentialsString ?? '');
+    /**
+       * Displays an error dialog with flexible parameters.
+       * Intelligently extracts meaningful C# error messages or falls back to a translation key.
+       * * Supported usages:
+       * - showError('@fallbackKey', err)
+       * - showError(err)
+       * - showError(err, '@fallbackKey')
+       * - showError('@fallbackKey')
+       */
+    showError(arg1, arg2, customComponent = ErrorAlert, width = 'auto', height = 'auto') {
+        const isArg1Str = typeof arg1 === 'string';
+        const fallbackKey = isArg1Str ? arg1 : (typeof arg2 === 'string' ? arg2 : '');
+        const errorObj = isArg1Str ? arg2 : arg1;
+        // Open the Dialog
+        return new Promise((resolve) => {
+            this.dialog.open(customComponent, {
+                width, height, maxWidth: '95vw',
+                data: {
+                    message: this.getErrorMessage(errorObj, fallbackKey),
+                    title: this.translate.instant('@errorOccurred'),
+                },
+            }).afterClosed().subscribe(() => resolve());
+        });
     }
-    /** Get the token if available otherwise return empty string
-     *
-     * @returns
-     */
-    getToken() {
-        try {
-            let _credentials = this.getCredentials();
-            return _credentials.token;
+    getErrorMessage(errorObj, fallbackKey) {
+        if (!errorObj) {
+            return fallbackKey ? this.translate.instant(fallbackKey) : this.translate.instant('@errorOccurred');
         }
-        catch (error) {
-            return '';
+        const data = errorObj.error ?? errorObj;
+        const isStr = typeof data === 'string';
+        const backendMessage = isStr ? data : (data?.message || data?.details || JSON.stringify(data));
+        const isMeaningful = isStr ? !data.startsWith('<') : !!(data?.message || data?.details);
+        if (fallbackKey) {
+            return isMeaningful ? backendMessage : this.translate.instant(fallbackKey);
         }
+        return backendMessage;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, deps: [{ token: i1$2.MatSnackBar }, { token: i1.MatDialog }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: i1.MatDialog }, { type: i1$1.TranslateService }] });
 
-class UrlHelperService {
-    router = inject(Router);
-    cleanUrl(url) {
-        let result = url
-            .replace('/mfalogin?redirect=', '')
-            .replace('/mfalogin?redirect=', '')
-            .replace('/mfalogin?redirect=', '')
-            .replace('/login?redirect=', '')
-            .replace('/login?redirect=', '')
-            .replace('/login?redirect=', '')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%25', 'g'), '%')
-            .replace(new RegExp('%22', 'g'), '"')
-            .replace(new RegExp('%3F', 'g'), '?')
-            .replace(new RegExp('%3D', 'g'), '=')
-            .replace(new RegExp('%2F', 'g'), '/')
-            .replace(new RegExp('%26', 'g'), '&')
-            .replace(new RegExp('/mfalogin?redirect=', 'g'), '')
-            .replace(new RegExp('/login?redirect=', 'g'), '');
-        console.log('url:', url);
-        console.log('result:', result);
-        // return url;
-        return result;
-    }
-    navigate(url) {
-        let urlParts = url.split('?');
-        if (urlParts.length == 1) {
-            return this.router.navigate(urlParts, { replaceUrl: true });
-        }
-        let parameters = urlParts[1].split('&');
-        return this.router.navigate([urlParts[0]], {
-            queryParams: {
-                parameters: parameters[0]?.replace('parameters=', '') ?? '',
-                type: parameters[1]?.replace('type=', '') ?? '',
-            },
-            replaceUrl: true,
-        });
+class PageTitle {
+    title = signal('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    setTitle(newTitle) {
+        this.title.set(newTitle);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class AuthenticationInterceptor {
-    router = inject(Router);
-    credentialsService = inject(CredentialsService);
-    environmentProxy = inject(EnvironmentProxy);
-    urlHelperService = inject(UrlHelperService);
-    intercept(req, next) {
-        if (req.headers.get('No-Auth') == 'True')
-            return next.handle(req.clone());
-        let token = this.credentialsService.token;
-        if (token != null) {
-            let appName = this.environmentProxy.getApplicationName();
-            const clonedreq = req.clone({
-                headers: req.headers.set('Authorization', 'Bearer ' + token),
-                // .set("NettyAppName",appName)
-            });
-            return next.handle(clonedreq).pipe(catchError((error) => {
-                if (error instanceof HttpErrorResponse && error.status === 401) {
-                    // Handle 401 error, e.g., navigate to the login page
-                    this.router.navigate(['/login'], {
-                        queryParams: {
-                            redirect: this.urlHelperService.cleanUrl(this.router.url),
-                        },
-                        replaceUrl: true,
-                    });
-                    // Return an observable with a successful response
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                if (error instanceof HttpErrorResponse && error.status === 403) {
-                    this.router.navigate(['/forbidden'], {
-                        state: { attemptedUrl: this.router.url }, // Orijinal URL'i state olarak geçme
-                    });
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                if (error instanceof HttpErrorResponse && error.status === 428) {
-                    // Handle 428 error, e.g., navigate to the login page
-                    this.router.navigate(['/mfalogin'], {
-                        queryParams: {
-                            redirect: this.urlHelperService.cleanUrl(this.router.url),
-                        },
-                        replaceUrl: true,
-                    });
-                    // Return an observable with a successful response
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                // For other errors, re-throw the error to propagate it further
-                return throwError(() => error);
-            }));
-        }
-        else {
-            return next.handle(req.clone()).pipe(catchError((error) => {
-                if (error instanceof HttpErrorResponse && error.status === 401) {
-                    // Handle 401 error, e.g., navigate to the login page
-                    this.router.navigate(['/login'], {
-                        queryParams: {
-                            redirect: this.urlHelperService.cleanUrl(this.router.url),
-                        },
-                        replaceUrl: true,
-                    });
-                    // Return an observable with a successful response
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                if (error instanceof HttpErrorResponse && error.status === 403) {
-                    this.router.navigate(['/forbidden'], {
-                        state: { attemptedUrl: this.router.url }, // Orijinal URL'i state olarak geçme
-                    });
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                if (error instanceof HttpErrorResponse && error.status === 428) {
-                    // Handle 428 error, e.g., navigate to the login page
-                    this.router.navigate(['/mfalogin'], {
-                        queryParams: {
-                            redirect: this.urlHelperService.cleanUrl(this.router.url),
-                        },
-                        replaceUrl: true,
-                    });
-                    // Return an observable with a successful response
-                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
-                }
-                // For other errors, re-throw the error to propagate it further
-                return throwError(() => error);
-            }));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor, decorators: [{
-            type: Injectable
-        }] });
-
-class CanDeactivateGuard {
-    canDeactivate(component) {
-        return component.canDeactivate ? component.canDeactivate() : true;
-    }
-}
-
-class NtybaseModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, declarations: [Ntybase], exports: [Ntybase] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, providers: [
-            {
-                provide: HTTP_INTERCEPTORS,
-                useClass: AuthenticationInterceptor,
-                multi: true,
-            },
-            [CanDeactivateGuard],
-            DatePipe,
-        ] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [Ntybase],
-                    imports: [],
-                    exports: [Ntybase],
-                    providers: [
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: AuthenticationInterceptor,
-                            multi: true,
-                        },
-                        [CanDeactivateGuard],
-                        DatePipe,
-                    ],
-                }]
-        }] });
-
-class ConfirmDialog {
-    dialogRef = inject((MatDialogRef));
-    data = inject(MAT_DIALOG_DATA);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ConfirmDialog, isStandalone: true, selector: "ntybase-confirm-dialog", ngImport: i0, 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"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
-}
-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"] }]
-        }] });
-
-class ErrorAlert {
-    dialogRef = inject((MatDialogRef));
-    data = inject(MAT_DIALOG_DATA);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ErrorAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ErrorAlert, isStandalone: true, selector: "ntybase-error-alert", ngImport: i0, template: "<div class=\"error-dialog-container\">\n  <div class=\"header\">\n    <mat-icon color=\"error\">error_outline</mat-icon>\n    <h2 class=\"error-title\">{{ data.title }}</h2>\n  </div>\n\n  <div class=\"error-content\">\n    <p>{{ data.message }}</p>\n  </div>\n\n  <mat-dialog-actions class=\"dialog-actions\">\n    <button mat-flat-button [mat-dialog-close]=\"true\" class=\"btn-ok\">\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".error-dialog-container{padding:40px 32px;text-align:center;min-width:380px;max-width:450px;background:var(--mat-sys-primary);border-radius:20px;box-shadow:0 15px 35px #00000012}.error-dialog-container .header{display:flex;flex-direction:column;align-items:center;gap:12px}.error-dialog-container .header mat-icon{font-size:52px;width:52px;height:52px;color:var(--mat-sys-inverse-primary);margin-bottom:8px}.error-dialog-container .header .error-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--mat-sys-surface);letter-spacing:-.02em}.error-dialog-container .error-content{margin:24px 0 32px;font-size:1rem;line-height:1.6;color:var(--mat-sys-surface)}.error-dialog-container .dialog-actions{display:flex;justify-content:center;padding:0;margin:0}.error-dialog-container .btn-ok{min-width:120px;padding:12px 24px;font-weight:600;font-size:1rem;border-radius:10px;background:var(--mat-sys-inverse-primary);color:var(--mat-sys-primary);border:none;cursor:pointer;transition:all .2s ease}.error-dialog-container .btn-ok:hover{background:var(--mat-sys-inverse-primary);opacity:.9;box-shadow:0 5px 15px #0000001a}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ErrorAlert, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-error-alert', imports: [MatDialogModule, MatIconModule, CommonModule, TranslateModule], template: "<div class=\"error-dialog-container\">\n  <div class=\"header\">\n    <mat-icon color=\"error\">error_outline</mat-icon>\n    <h2 class=\"error-title\">{{ data.title }}</h2>\n  </div>\n\n  <div class=\"error-content\">\n    <p>{{ data.message }}</p>\n  </div>\n\n  <mat-dialog-actions class=\"dialog-actions\">\n    <button mat-flat-button [mat-dialog-close]=\"true\" class=\"btn-ok\">\n      {{'@btnOK' | translate}}\n    </button>\n  </mat-dialog-actions>\n</div>\n", styles: [".error-dialog-container{padding:40px 32px;text-align:center;min-width:380px;max-width:450px;background:var(--mat-sys-primary);border-radius:20px;box-shadow:0 15px 35px #00000012}.error-dialog-container .header{display:flex;flex-direction:column;align-items:center;gap:12px}.error-dialog-container .header mat-icon{font-size:52px;width:52px;height:52px;color:var(--mat-sys-inverse-primary);margin-bottom:8px}.error-dialog-container .header .error-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--mat-sys-surface);letter-spacing:-.02em}.error-dialog-container .error-content{margin:24px 0 32px;font-size:1rem;line-height:1.6;color:var(--mat-sys-surface)}.error-dialog-container .dialog-actions{display:flex;justify-content:center;padding:0;margin:0}.error-dialog-container .btn-ok{min-width:120px;padding:12px 24px;font-weight:600;font-size:1rem;border-radius:10px;background:var(--mat-sys-inverse-primary);color:var(--mat-sys-primary);border:none;cursor:pointer;transition:all .2s ease}.error-dialog-container .btn-ok:hover{background:var(--mat-sys-inverse-primary);opacity:.9;box-shadow:0 5px 15px #0000001a}\n"] }]
-        }] });
-
-// alert.service.ts
-class AlertService {
-    snackBar;
-    dialog;
-    translate;
-    constructor(snackBar, dialog, translate) {
-        this.snackBar = snackBar;
-        this.dialog = dialog;
-        this.translate = translate;
-    }
-    // For simple notifications
-    showAlert(message, action, duration = 3000) {
-        const actionText = action ? action : '@btnOK';
-        this.snackBar.open(this.translate.instant(message), this.translate.instant(actionText), { duration });
-    }
-    showWarning(message, action, duration = 3000) {
-        const actionText = action ? action : '@btnOK';
-        this.snackBar.open(this.translate.instant(message), this.translate.instant(actionText), { duration });
-    }
-    // For confirmation dialogs
-    showConfirm(message) {
-        return new Promise((resolve) => {
-            const dialogRef = this.dialog.open(ConfirmDialog, {
-                width: 'auto',
-                height: 'auto',
-                data: {
-                    message: message,
-                    title: '@confirmation',
-                },
-            });
-            dialogRef.afterClosed().subscribe((result) => {
-                resolve(!!result);
-            });
-        });
-    }
-    // For success notifications
-    showSuccess(message, duration = 3000) {
-        this.snackBar.open(this.translate.instant(message), this.translate.instant('@btnOK'), {
-            duration,
-            panelClass: ['success-snackbar'],
-            horizontalPosition: 'right',
-            verticalPosition: 'bottom',
-        });
-    }
-    /**
-       * Displays an error dialog with flexible parameters.
-       * Intelligently extracts meaningful C# error messages or falls back to a translation key.
-       * * Supported usages:
-       * - showError('@fallbackKey', err)
-       * - showError(err)
-       * - showError(err, '@fallbackKey')
-       * - showError('@fallbackKey')
-       */
-    showError(arg1, arg2, customComponent = ErrorAlert, width = 'auto', height = 'auto') {
-        const isArg1Str = typeof arg1 === 'string';
-        const fallbackKey = isArg1Str ? arg1 : (typeof arg2 === 'string' ? arg2 : '');
-        const errorObj = isArg1Str ? arg2 : arg1;
-        // Open the Dialog
-        return new Promise((resolve) => {
-            this.dialog.open(customComponent, {
-                width, height, maxWidth: '95vw',
-                data: {
-                    message: this.getErrorMessage(errorObj, fallbackKey),
-                    title: this.translate.instant('@errorOccurred'),
-                },
-            }).afterClosed().subscribe(() => resolve());
-        });
-    }
-    getErrorMessage(errorObj, fallbackKey) {
-        if (!errorObj) {
-            return fallbackKey ? this.translate.instant(fallbackKey) : this.translate.instant('@errorOccurred');
-        }
-        const data = errorObj.error ?? errorObj;
-        const isStr = typeof data === 'string';
-        const backendMessage = isStr ? data : (data?.message || data?.details || JSON.stringify(data));
-        const isMeaningful = isStr ? !data.startsWith('<') : !!(data?.message || data?.details);
-        if (fallbackKey) {
-            return isMeaningful ? backendMessage : this.translate.instant(fallbackKey);
-        }
-        return backendMessage;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, deps: [{ token: i1$2.MatSnackBar }, { token: i1.MatDialog }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AlertService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: i1.MatDialog }, { type: i1$1.TranslateService }] });
-
-class PageTitle {
-    title = signal('', ...(ngDevMode ? [{ debugName: "title" }] : []));
-    setTitle(newTitle) {
-        this.title.set(newTitle);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PageTitle, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -596,31 +324,432 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
             args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
         }], ctorParameters: () => [], propDecorators: { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
 
-class NettyHelper {
-    /**
-     * Returns null if fields are equal otherwise return second field
-     * @param firstField
-     * @param secondField
-     * @returns
-     */
-    static difference(firstField, secondField) {
-        if (firstField != secondField) {
-            return secondField;
-        }
-        return null;
-    }
-    /**
-     * Returns null if fields are equal otherwise return second field
-     * @param firstField
-     * @param secondField
-     * @param format
-     * @returns
-     */
-    static dateDifference(firstField, secondField, format) {
-        let culture = localStorage.getItem('languageApiCode') ?? 'tr-TR';
-        let datePipe = new DatePipe(culture);
-        if (datePipe.transform(firstField, format) !=
-            datePipe.transform(secondField, format)) {
+class NettyAppsFilterBase extends NettyAppsBase {
+    // *********************************************************
+    // *** Input / Output                                    ***
+    // *********************************************************
+    isFilterExpanded = model(true, ...(ngDevMode ? [{ debugName: "isFilterExpanded" }] : []));
+    filteredRecords = output();
+    filterSelectionChanged = output();
+    refresh = input(0, ...(ngDevMode ? [{ debugName: "refresh" }] : []));
+    fileName = input('nettyapps_', ...(ngDevMode ? [{ debugName: "fileName" }] : []));
+    // *********************************************************
+    // *** Service                                           ***
+    // *********************************************************
+    filterProxy = injectNettyStandardFilterProxy(this.componentName());
+    // *********************************************************
+    // *** Signals                                           ***
+    // *********************************************************
+    currentItem = signal(this.createNewFilter(), ...(ngDevMode ? [{ debugName: "currentItem" }] : []));
+    // *********************************************************
+    // *** Constructor                                       ***
+    // *********************************************************
+    constructor() {
+        super();
+        effect(() => {
+            if (this.refresh() > 0) {
+                this.onApply();
+            }
+        });
+    }
+    // *********************************************************
+    // *** Functions                                         ***
+    // *********************************************************
+    async ngOnInit() {
+        this.afterOnInit();
+    }
+    onApply() {
+        this.filterSelectionChanged.emit(this.currentItem());
+        this.filterProxy.selectFilter(this.currentItem()).subscribe({
+            next: (result) => {
+                this.filteredRecords.emit(result);
+                this.isFilterExpanded.set(false);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    onReset() {
+        this.filterProxy.initFilter().subscribe({
+            next: (filter) => {
+                this.currentItem.set(filter);
+                this.filterSelectionChanged.emit(this.currentItem());
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    onExport() {
+        this.filterSelectionChanged.emit(this.currentItem());
+        this.filterProxy.downloadXLS(this.currentItem()).subscribe({
+            next: (response) => {
+                this.downloadBlobFile(response, 'application/zip', this.translateService.instant('@00000072') + '.zip');
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    async afterOnInit() { }
+    // *****************************************
+    // *** Logging Functions                 ***
+    // *****************************************
+    logInputs(message) {
+        if (!message || message.length < 1) {
+            message = 'NettyAppsFilterBase - Inputs log';
+        }
+        const inputs = {
+            "isFilterExpanded": this.isFilterExpanded(),
+            "refresh": this.refresh(),
+            "fileName": this.fileName(),
+        };
+        console.log(message, inputs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsFilterBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAppsFilterBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { isFilterExpanded: { classPropertyName: "isFilterExpanded", publicName: "isFilterExpanded", isSignal: true, isRequired: false, transformFunction: null }, refresh: { classPropertyName: "refresh", publicName: "refresh", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isFilterExpanded: "isFilterExpandedChange", filteredRecords: "filteredRecords", filterSelectionChanged: "filterSelectionChanged" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsFilterBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
+        }], ctorParameters: () => [], propDecorators: { isFilterExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFilterExpanded", required: false }] }, { type: i0.Output, args: ["isFilterExpandedChange"] }], filteredRecords: [{ type: i0.Output, args: ["filteredRecords"] }], filterSelectionChanged: [{ type: i0.Output, args: ["filterSelectionChanged"] }], refresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "refresh", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }] } });
+
+class NettyBaseApp {
+    i18nService = inject(I18nService);
+    alertService = inject(AlertService);
+    async loadBaseTranslations() {
+        try {
+            const enUSBase = await import('./nettyapps-ntybase-en-USbase-Bl-neyoj.mjs');
+            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-CO4HBOmj.mjs');
+            this.i18nService.addTranslations('English', enUSBase.default);
+            this.i18nService.addTranslations('Türkçe', trTRBase.default);
+        }
+        catch (error) {
+            this.alertService.showError('Error loading base translations in component:', error);
+            throw error;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyBaseApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyBaseApp, isStandalone: true, selector: "ntybase-netty-base-app", ngImport: i0, template: "", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyBaseApp, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-netty-base-app', imports: [], template: "" }]
+        }] });
+
+class ParseLog {
+    rowIndex = 0; // Excel line no (1-based)
+    message = ""; // Error or info message (fallback)
+    level = "INFO";
+    messageKey; // i18n translation key
+    messageParams; // parameters for translation
+    init() {
+        this.rowIndex = 0;
+        this.message = "";
+        this.level = "INFO";
+        this.messageKey = undefined;
+        this.messageParams = undefined;
+    }
+    compare(other) { return this; }
+    getPK() { return this.rowIndex; }
+    setPK(pk) { this.rowIndex = pk; }
+}
+
+class ExcelParserError extends Error {
+    key;
+    params;
+    constructor(key, params) {
+        super(key);
+        this.key = key;
+        this.params = params;
+        this.name = 'ExcelParserError';
+    }
+}
+class ExcelParser {
+    mappings;
+    constructor(mappings) {
+        this.mappings = mappings;
+    }
+    async parse(file, options) {
+        // PERFORMANS: XLSX library only loads at parse time!
+        const XLSX = await import('xlsx');
+        const sheetIndex = options?.sheetIndex ?? 0;
+        const headerRowIndex = options?.headerRowIndex ?? 0; // 0-based
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                try {
+                    const data = new Uint8Array(e.target?.result);
+                    const workbook = XLSX.read(data, { type: 'array' });
+                    if (!workbook.SheetNames[sheetIndex]) {
+                        throw new ExcelParserError('@EXCEL_PARSER.sheetNotFound', { index: sheetIndex });
+                    }
+                    const sheetName = workbook.SheetNames[sheetIndex];
+                    const sheet = workbook.Sheets[sheetName];
+                    const rows = XLSX.utils.sheet_to_json(sheet, { header: 1 });
+                    const logs = [];
+                    const result = [];
+                    // Skip headerline
+                    const dataRows = rows.slice(headerRowIndex + 1);
+                    dataRows.forEach((row, i) => {
+                        // Skip empty lines
+                        if (!row || row.length === 0)
+                            return;
+                        const obj = {};
+                        let hasError = false;
+                        const actualRowIndex = headerRowIndex + i + 2; // Excel line no (1-based)
+                        this.mappings.forEach(m => {
+                            let rawValue = row[m.index];
+                            if ((rawValue === undefined || rawValue === null || rawValue === '') && m.defaultValue !== undefined) {
+                                rawValue = m.defaultValue;
+                                logs.push(Object.assign(new ParseLog(), {
+                                    rowIndex: actualRowIndex,
+                                    message: `Boş alan için default değer atandı: ${String(m.prop)}`,
+                                    level: 'INFO',
+                                    messageKey: '@EXCEL_PARSER.defaultValueSet',
+                                    messageParams: { prop: String(m.prop) }
+                                }));
+                            }
+                            if (m.required && (rawValue === undefined || rawValue === null || rawValue === '')) {
+                                logs.push(Object.assign(new ParseLog(), {
+                                    rowIndex: actualRowIndex,
+                                    message: `Zorunlu alan boş: ${String(m.prop)}`,
+                                    level: 'ERROR',
+                                    messageKey: '@EXCEL_PARSER.requiredFieldMissing',
+                                    messageParams: { prop: String(m.prop) }
+                                }));
+                                hasError = true;
+                            }
+                            try {
+                                obj[m.prop] = m.converter ? m.converter(rawValue) : rawValue;
+                            }
+                            catch (err) {
+                                logs.push(Object.assign(new ParseLog(), {
+                                    rowIndex: actualRowIndex,
+                                    message: `Tip dönüşüm hatası: ${String(m.prop)} -> ${rawValue}`,
+                                    level: 'ERROR',
+                                    messageKey: '@EXCEL_PARSER.conversionError',
+                                    messageParams: { prop: String(m.prop), value: rawValue }
+                                }));
+                                hasError = true;
+                            }
+                        });
+                        if (!hasError) {
+                            result.push(obj);
+                        }
+                        else {
+                            logs.push(Object.assign(new ParseLog(), {
+                                rowIndex: actualRowIndex,
+                                message: `Satır atlandı`,
+                                level: 'WARN',
+                                messageKey: '@EXCEL_PARSER.rowSkipped'
+                            }));
+                        }
+                    });
+                    resolve({ data: result, logs });
+                }
+                catch (error) {
+                    reject(error);
+                }
+            };
+            reader.onerror = () => reject(reader.error);
+            reader.readAsArrayBuffer(file);
+        });
+    }
+    async generateSampleExcel(options) {
+        const sampleCount = options?.sampleCount ?? 5;
+        const fileName = (options?.fileName ?? 'sample-import.xlsx').endsWith('.xlsx')
+            ? (options?.fileName ?? 'sample-import.xlsx')
+            : `${options?.fileName}.xlsx`;
+        const sheetName = (options?.sheetName ?? 'Sample').substring(0, 15);
+        const XLSX = await import('xlsx');
+        // Header row: property names according to column order
+        const headers = this.mappings.map(m => m.headerName || String(m.prop));
+        const rows = [];
+        for (let i = 1; i <= sampleCount; i++) {
+            const row = this.mappings.map(m => {
+                if (m.sampleValue !== undefined) {
+                    // Use sampleValue if it exists
+                    return typeof m.sampleValue === 'function'
+                        ? m.sampleValue(i) // if it's a function, generate value based on index
+                        : m.sampleValue; // if it's a constant value, use it directly
+                }
+            });
+            rows.push(row);
+        }
+        const worksheet = XLSX.utils.aoa_to_sheet([headers, ...rows]);
+        const workbook = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
+        XLSX.writeFile(workbook, fileName);
+    }
+}
+
+class ButtonRenderer {
+    params = null;
+    label = '';
+    type = '';
+    toggleValue = null;
+    editValid = false;
+    historyValid = false;
+    lineValid = false;
+    popupSelectValid = false;
+    popupEditValid = false;
+    toggleValid = false;
+    toggle_icon = '';
+    none = false;
+    addValid = false;
+    deleteValid = false;
+    agInit(params) {
+        this.params = params;
+        this.type = this.params.type || null;
+        this.label = this.params.label || null;
+        this.toggleValue = this.params.value || null;
+        switch (this.toggleValue) {
+            case true:
+                this.toggle_icon = 'select_check_box';
+                break;
+            case false:
+                this.toggle_icon = 'check_box_outline_blank';
+                break;
+            default:
+                this.toggle_icon = '';
+                break;
+        }
+        this.resetValids();
+        switch (this.type.toLowerCase().trim()) {
+            case 'edit':
+                this.editValid = true;
+                break;
+            case 'log':
+                this.historyValid = true;
+                break;
+            case 'line':
+                this.lineValid = true;
+                break;
+            case 'popupselect':
+                this.popupSelectValid = true;
+                break;
+            case 'toggle':
+                this.toggleValid = true;
+                break;
+            case 'none':
+                this.none = true;
+                break;
+            case 'add':
+                this.addValid = true;
+                break;
+            case 'delete':
+                this.deleteValid = true;
+                break;
+            default:
+                this.popupEditValid = true;
+                break;
+        }
+    }
+    /** Refresh the display
+     *
+     * @param params
+     * @returns
+     */
+    refresh(params) {
+        return false;
+    }
+    resetValids() {
+        this.editValid = false;
+        this.historyValid = false;
+        this.lineValid = false;
+        this.popupSelectValid = false;
+        this.popupEditValid = false;
+        this.toggleValid = false;
+    }
+    onClick(event) {
+        if (this.params.onClick instanceof Function) {
+            // put anything into params u want pass into parents component
+            const params = {
+                event: event,
+                rowData: this.params.node.data,
+                type: this.type,
+                // ...something
+            };
+            this.params.onClick(params);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ButtonRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ButtonRenderer, isStandalone: true, selector: "ntybase-button-renderer", host: { attributes: { "ntybase-id": "ButtonRenderer" } }, ngImport: i0, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ButtonRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-button-renderer', imports: [MatIconModule, MatTooltipModule, MatMenuModule], host: { 'ntybase-id': 'ButtonRenderer' }, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"] }]
+        }] });
+
+class CheckboxRenderer {
+    params = null;
+    label = '';
+    type = '';
+    supportClick = false;
+    checked = null;
+    agInit(params) {
+        this.onProcess(params);
+    }
+    refresh(params) {
+        if (params != null) {
+            this.onProcess(params);
+        }
+        return true;
+    }
+    onProcess(params) {
+        this.params = params;
+        this.checked = this.params.value ?? false;
+        this.type = this.params.type || null;
+        this.label = this.params.label || null;
+        if (this.type != null) {
+            if (this.type.toLowerCase().trim() == 'click') {
+                this.supportClick = true;
+            }
+        }
+    }
+    onClick(event) {
+        this.checked = !this.checked;
+        if (this.params.onClick instanceof Function) {
+            // put anything into params u want pass into parents component
+            const params = {
+                event: event,
+                rowData: this.params.node.data,
+                type: this.type,
+                checked: this.checked,
+                // ...something
+            };
+            this.params.onClick(params);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CheckboxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: CheckboxRenderer, isStandalone: true, selector: "ntybase-checkbox-renderer", host: { attributes: { "ntybase-id": "CheckboxRenderer" } }, ngImport: i0, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CheckboxRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-checkbox-renderer', imports: [], host: { 'ntybase-id': 'CheckboxRenderer' }, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n" }]
+        }] });
+
+class NettyHelper {
+    /**
+     * Returns null if fields are equal otherwise return second field
+     * @param firstField
+     * @param secondField
+     * @returns
+     */
+    static difference(firstField, secondField) {
+        if (firstField != secondField) {
+            return secondField;
+        }
+        return null;
+    }
+    /**
+     * Returns null if fields are equal otherwise return second field
+     * @param firstField
+     * @param secondField
+     * @param format
+     * @returns
+     */
+    static dateDifference(firstField, secondField, format) {
+        let culture = localStorage.getItem('languageApiCode') ?? 'tr-TR';
+        let datePipe = new DatePipe(culture);
+        if (datePipe.transform(firstField, format) !=
+            datePipe.transform(secondField, format)) {
             return secondField;
         }
         return null;
@@ -1280,12 +1409,12 @@ class SysfunctionProxy {
         securityDto.formCode = formCode;
         securityDto.application = this.environmentProxy.getApplicationName();
         let call$ = this.http.post(sysFunctionsURL, securityDto);
-        return call$.pipe(map((result) => result), catchError$1((error) => {
+        return call$.pipe(map((result) => result), catchError((error) => {
             let errorMessage = error.message; //.error.title;
             return throwError(() => new Error(errorMessage ?? ''));
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SysfunctionProxy, deps: [{ token: i1$3.HttpClient }, { token: i2$1.EnvironmentProxy }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SysfunctionProxy, deps: [{ token: i1$3.HttpClient }, { token: i2$2.EnvironmentProxy }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SysfunctionProxy, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SysfunctionProxy, decorators: [{
@@ -1293,7 +1422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i2$1.EnvironmentProxy }] });
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i2$2.EnvironmentProxy }] });
 
 class NettyAgGridBase extends NettyAppsBase {
     FILTER_MODE_KEY = 'nettyapps_filter_mode';
@@ -1681,81 +1810,327 @@ class NettyAgGridBase extends NettyAppsBase {
             });
             updateRowSelection({ mode: 'multiRow', checkboxes: true, headerCheckbox: true });
         }
-        if (this._isPopupValid() == true) {
-            this.columnDefs().pop();
-            this.columnDefs().shift();
-            if (this._isPopupFilterValid() == true) {
-                if (this.allowEdit()) {
-                    this.columnDefs().unshift({
-                        headerName: '', sortable: false, resizable: false, filter: false,
-                        minWidth: 50, maxWidth: 50, suppressSizeToFit: true, cellRenderer: 'buttonRenderer',
-                        cellRendererParams: {
-                            onClick: this.onBtnClick?.bind(this),
-                            label: this.translateService.instant('@Update'),
-                            type: 'popupEdit',
-                        },
-                    });
-                    updateRowSelection({ mode: 'multiRow', checkboxes: true });
+        if (this._isPopupValid() == true) {
+            this.columnDefs().pop();
+            this.columnDefs().shift();
+            if (this._isPopupFilterValid() == true) {
+                if (this.allowEdit()) {
+                    this.columnDefs().unshift({
+                        headerName: '', sortable: false, resizable: false, filter: false,
+                        minWidth: 50, maxWidth: 50, suppressSizeToFit: true, cellRenderer: 'buttonRenderer',
+                        cellRendererParams: {
+                            onClick: this.onBtnClick?.bind(this),
+                            label: this.translateService.instant('@Update'),
+                            type: 'popupEdit',
+                        },
+                    });
+                    updateRowSelection({ mode: 'multiRow', checkboxes: true });
+                }
+                else {
+                    this.columnDefs().unshift({
+                        headerName: '', sortable: false, resizable: false, filter: false,
+                        minWidth: 50, maxWidth: 50, suppressSizeToFit: true, cellStyle: { 'padding-top': '5px' }
+                    });
+                    updateRowSelection({ mode: 'multiRow', checkboxes: true });
+                }
+            }
+            else {
+                if (this.allowEdit() == false) {
+                    this.columnDefs().unshift({
+                        headerName: '', sortable: false, resizable: false, filter: false, minWidth: 50,
+                        maxWidth: 50, suppressSizeToFit: true, cellRenderer: 'buttonRenderer',
+                        cellRendererParams: {
+                            onClick: this.onBtnClick?.bind(this),
+                            label: this.translateService.instant('@Update'),
+                            type: 'popupEdit',
+                        },
+                    });
+                    updateRowSelection({ mode: 'singleRow', checkboxes: true });
+                }
+                if (this.readOnly()) {
+                    this.columnDefs().unshift({
+                        headerName: this.translateService.instant('@select'), sortable: false, resizable: false,
+                        filter: false, minWidth: 80, maxWidth: 80, suppressSizeToFit: true,
+                        cellRenderer: 'buttonRenderer', cellStyle: { 'margin-top': '8px' },
+                        cellRendererParams: {
+                            onClick: this.onBtnClick?.bind(this),
+                            label: this.translateService.instant('@select'),
+                            type: 'popupSelect',
+                        },
+                    });
+                    updateRowSelection({ mode: 'singleRow', checkboxes: false });
+                }
+            }
+        }
+    }
+    // ---------------------------------------------
+    // --- Functions to Show / Hide Grid Columns ---
+    // ---------------------------------------------    
+    onShowHideColumns() {
+        this.gridColumnsVisible.update((a) => !a);
+        this.initAgGrid();
+    }
+    isHidden(isEmbeddedHide, isVisibleHide) {
+        const isEmbedded = this._isEmbedded();
+        const isVisibleSwitchOn = this.gridColumnsVisible();
+        if (isVisibleHide && !isVisibleSwitchOn)
+            return true;
+        if (isEmbeddedHide && isEmbedded)
+            return true;
+        return false;
+    }
+    // *****************************************
+    // *** Logging Functions                 ***
+    // *****************************************
+    logInputs(message) {
+        if (!message || message.length < 1) {
+            message = 'agGridBase - Inputs log';
+        }
+        const inputs = {
+            "popupFilterValid": this.popupFilterValid(),
+            "_isPopupFilterValid": this._isPopupFilterValid(),
+            "popupValid": this.popupValid(),
+            "_isPopupValid": this._isPopupValid(),
+            "componantParameterGUID": this.componantParameterGUID(),
+            "componantParameterType": this.componantParameterType(),
+            "embedded": this.embedded(),
+            "_isEmbedded": this._isEmbedded(),
+        };
+        console.log(message, inputs);
+    }
+    logAuthentication(message) {
+        if (!message || message.length < 1) {
+            message = 'agGridBase - Authentication log';
+        }
+        const inputs = {
+            "authenticationList": this.authenticationList,
+            "accessRightsProcessed": this.accessRightsProcessed(),
+            "readOnly": this.readOnly(),
+            "allowAdd": this.allowAdd(),
+            "allowEdit": this.allowEdit(),
+            "allowDelete": this.allowDelete(),
+            "allowLog": this.allowLog(),
+            "allowRead": this.allowRead(),
+        };
+        console.log(message, inputs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridBase, isStandalone: true, selector: "ntybase-ag-grid-base", inputs: { popupFilterValid: { classPropertyName: "popupFilterValid", publicName: "popupFilterValid", isSignal: true, isRequired: false, transformFunction: null }, popupValid: { classPropertyName: "popupValid", publicName: "popupValid", isSignal: true, isRequired: false, transformFunction: null }, componantParameterGUID: { classPropertyName: "componantParameterGUID", publicName: "componantParameterGUID", isSignal: true, isRequired: false, transformFunction: null }, componantParameterType: { classPropertyName: "componantParameterType", publicName: "componantParameterType", isSignal: true, isRequired: false, transformFunction: null }, agGridSelectionMode: { classPropertyName: "agGridSelectionMode", publicName: "agGridSelectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementSelect: "onElementSelect", selectedElement: "selectedElement" }, host: { attributes: { "ntybase-id": "NettyAgGridBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-ag-grid-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridBase' } }]
+        }], ctorParameters: () => [], propDecorators: { popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", required: false }] }], componantParameterGUID: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterGUID", required: false }] }], componantParameterType: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterType", required: false }] }], onElementSelect: [{ type: i0.Output, args: ["onElementSelect"] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }], agGridSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "agGridSelectionMode", required: false }] }] } });
+
+ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
+    ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule, SetFilterModule, MultiFilterModule, TextFilterModule, NumberFilterModule, DateFilterModule]);
+class NettyAgGridListBase extends NettyAgGridBase {
+    // ********************************************
+    // *** INPUTS                               ***
+    // ********************************************
+    // Services
+    router = inject(Router);
+    dialog = inject(MatDialog);
+    openInPopup = signal(false, ...(ngDevMode ? [{ debugName: "openInPopup" }] : [])); // true: Open add / edit component in popup
+    // ---------------------------------------------------
+    // --- RECORD LIST                                 ---
+    // ---------------------------------------------------
+    nettyAppsProxy = injectNettyStandardProxy(this.componentName());
+    /**
+     * Component initialization lifecycle hook
+     */
+    async ngOnInit() {
+        this.nettyAppsProxy.setURLPath(this.componentName());
+        await this.setAccessRights(false);
+        const savedSearchValue = sessionStorage.getItem(this.searchValueName());
+        if (savedSearchValue) {
+            this.searchValue.set(savedSearchValue);
+        }
+        this.loadData();
+        // Load user grid preferences
+        await this.nettyAgGridService.copyGridUserPereferenceToLocal(this.preferenceType());
+        await this.AfterOnInit();
+    }
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        const navigationExtras = {
+            queryParams: {
+                parameters: JSON.stringify(parameters),
+                ...(type && { type }),
+                isNewTab: isNewTab || undefined,
+            },
+            queryParamsHandling: 'merge',
+        };
+        if (isNewTab) {
+            const fullUrl = this.router
+                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
+                .toString();
+            window.open(fullUrl, '_blank');
+            return;
+        }
+        if (isPopup && dialogComponent) {
+            this.dialog
+                .open(dialogComponent, {
+                data: {
+                    parameters: parameters,
+                    mode: type || 'edit',
+                    embedded: true,
+                },
+                maxWidth: '100vw',
+                disableClose: true,
+                hasBackdrop: false,
+            })
+                .afterClosed()
+                .subscribe((result) => {
+                if (result === 'saved') {
+                    this.updateRowInGrid;
+                }
+            });
+            return;
+        }
+        // Log control
+        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
+            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
+            return;
+        }
+        // In all other cases, open the side menu
+        this.router
+            .navigate([
+            {
+                outlets: {
+                    primary: routePrefix,
+                    rightSidenav: [...routePrefix, ...rightSidenav],
+                },
+            },
+        ], navigationExtras)
+            .then(() => {
+            // Ensure sidenav is opened after navigation
+            this.commonService.toggleRightSidenav(true);
+        });
+    }
+    popupGotoURL(urlSegments) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        this.router.navigate([
+            {
+                outlets: {
+                    primary: [baseHref, ...urlSegments],
+                    rightSidenav: null,
+                },
+            },
+        ]);
+    }
+    toggleOpenMode() {
+        this.openInPopup.update(a => !a);
+        localStorage.setItem('openInPopup', JSON.stringify(this.openInPopup()));
+        const message = this.openInPopup() ? '@openInPopup' : '@openInSidenav';
+        this.alertService.showSuccess(message);
+    }
+    /**
+     * Listens for update events from CommonService and refreshes the grid accordingly.
+     * - For 'add' or 'update' actions: Updates the relevant row
+     * - For 'delete' action: Removes the row
+     * - Performs no action if:
+     *   - Grid API is not ready, or
+     *   - The update type doesn't match
+     */
+    constructor() {
+        super();
+        this.frameworkComponents = {
+            buttonRenderer: ButtonRenderer,
+            checkboxRenderer: CheckboxRenderer,
+        };
+        const savedMode = localStorage.getItem('openInPopup');
+        if (savedMode !== null) {
+            this.openInPopup.set(JSON.parse(savedMode) === true);
+        }
+        this.translateService.onLangChange.subscribe(() => {
+            this.setAgGridTranslations();
+        });
+        effect(() => {
+            const update = this.commonService.updates();
+            if (!update || !this.gridApi)
+                return;
+            if (update.type === this.getEntityType?.()) {
+                switch (update.action) {
+                    case 'add':
+                    case 'update':
+                        this.updateRowInGrid(update.data, this.pkFieldName());
+                        break;
                 }
-                else {
-                    this.columnDefs().unshift({
-                        headerName: '', sortable: false, resizable: false, filter: false,
-                        minWidth: 50, maxWidth: 50, suppressSizeToFit: true, cellStyle: { 'padding-top': '5px' }
-                    });
-                    updateRowSelection({ mode: 'multiRow', checkboxes: true });
+            }
+        });
+        effect(() => { this.onElementSelect.emit(this.selectedRows()); });
+        // Manage filter expanded state
+        effect(() => {
+            this._isEmbedded();
+            this.initAgGrid();
+        });
+        effect(() => {
+            const isEmbedded = this._isEmbedded();
+            const currentPref = this.preferenceType();
+            const currentSearch = this.searchValueName();
+            if (isEmbedded) {
+                if (currentPref && !currentPref.endsWith('_isEmbedded')) {
+                    this.preferenceType.set(`${currentPref}_isEmbedded`);
+                }
+                if (currentSearch && !currentSearch.endsWith('_isEmbedded')) {
+                    this.searchValueName.set(`${currentSearch}_isEmbedded`);
                 }
             }
             else {
-                if (this.allowEdit() == false) {
-                    this.columnDefs().unshift({
-                        headerName: '', sortable: false, resizable: false, filter: false, minWidth: 50,
-                        maxWidth: 50, suppressSizeToFit: true, cellRenderer: 'buttonRenderer',
-                        cellRendererParams: {
-                            onClick: this.onBtnClick?.bind(this),
-                            label: this.translateService.instant('@Update'),
-                            type: 'popupEdit',
-                        },
-                    });
-                    updateRowSelection({ mode: 'singleRow', checkboxes: true });
+                if (currentPref?.endsWith('_isEmbedded')) {
+                    this.preferenceType.set(currentPref.replace('_isEmbedded', ''));
                 }
-                if (this.readOnly()) {
-                    this.columnDefs().unshift({
-                        headerName: this.translateService.instant('@select'), sortable: false, resizable: false,
-                        filter: false, minWidth: 80, maxWidth: 80, suppressSizeToFit: true,
-                        cellRenderer: 'buttonRenderer', cellStyle: { 'margin-top': '8px' },
-                        cellRendererParams: {
-                            onClick: this.onBtnClick?.bind(this),
-                            label: this.translateService.instant('@select'),
-                            type: 'popupSelect',
-                        },
-                    });
-                    updateRowSelection({ mode: 'singleRow', checkboxes: false });
+                if (currentSearch?.endsWith('_isEmbedded')) {
+                    this.searchValueName.set(currentSearch.replace('_isEmbedded', ''));
                 }
             }
-        }
+        });
     }
-    // ---------------------------------------------
-    // --- Functions to Show / Hide Grid Columns ---
-    // ---------------------------------------------    
-    onShowHideColumns() {
-        this.gridColumnsVisible.update((a) => !a);
-        this.initAgGrid();
+    // *********************************************************
+    // *** Data Management Functions                         ***
+    // ********************************************************* 
+    loadData() {
+        this.nettyAppsProxy.select(this.record).subscribe({
+            next: (data) => {
+                this.setData(data, false);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
     }
-    isHidden(isEmbeddedHide, isVisibleHide) {
-        const isEmbedded = this._isEmbedded();
-        const isVisibleSwitchOn = this.gridColumnsVisible();
-        if (isVisibleHide && !isVisibleSwitchOn)
-            return true;
-        if (isEmbeddedHide && isEmbedded)
-            return true;
-        return false;
+    async deleteSelected() {
+        if (!this.gridApi)
+            return;
+        const selectedNodes = this.gridApi.getSelectedNodes();
+        if (selectedNodes.length === 0) {
+            await this.alertService.showAlert('@pleaseSelectRowToDelete');
+            return;
+        }
+        const confirmed = await this.alertService.showConfirm('@confirmDeleteSelectedRecords');
+        if (confirmed) {
+            const selectedRows = selectedNodes.map((node) => node.data);
+            this.deleteRows(selectedRows);
+        }
+    }
+    deleteRows(rows) {
+        this.nettyAppsProxy.deleteList(rows).subscribe({
+            next: () => {
+                this.gridApi.applyTransaction({ remove: rows });
+                this.alertService.showSuccess('@recordDeletedSuccessfully');
+            },
+            error: (err) => this.alertService.showError(err),
+        });
     }
     // *****************************************
     // *** Logging Functions                 ***
     // *****************************************
     logInputs(message) {
         if (!message || message.length < 1) {
-            message = 'agGridBase - Inputs log';
+            message = 'AgGridListBase - Inputs log';
         }
         const inputs = {
             "popupFilterValid": this.popupFilterValid(),
@@ -1769,405 +2144,340 @@ class NettyAgGridBase extends NettyAppsBase {
         };
         console.log(message, inputs);
     }
-    logAuthentication(message) {
-        if (!message || message.length < 1) {
-            message = 'agGridBase - Authentication log';
-        }
-        const inputs = {
-            "authenticationList": this.authenticationList,
-            "accessRightsProcessed": this.accessRightsProcessed(),
-            "readOnly": this.readOnly(),
-            "allowAdd": this.allowAdd(),
-            "allowEdit": this.allowEdit(),
-            "allowDelete": this.allowDelete(),
-            "allowLog": this.allowLog(),
-            "allowRead": this.allowRead(),
-        };
-        console.log(message, inputs);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridBase, isStandalone: true, selector: "ntybase-ag-grid-base", inputs: { popupFilterValid: { classPropertyName: "popupFilterValid", publicName: "popupFilterValid", isSignal: true, isRequired: false, transformFunction: null }, popupValid: { classPropertyName: "popupValid", publicName: "popupValid", isSignal: true, isRequired: false, transformFunction: null }, componantParameterGUID: { classPropertyName: "componantParameterGUID", publicName: "componantParameterGUID", isSignal: true, isRequired: false, transformFunction: null }, componantParameterType: { classPropertyName: "componantParameterType", publicName: "componantParameterType", isSignal: true, isRequired: false, transformFunction: null }, agGridSelectionMode: { classPropertyName: "agGridSelectionMode", publicName: "agGridSelectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementSelect: "onElementSelect", selectedElement: "selectedElement" }, host: { attributes: { "ntybase-id": "NettyAgGridBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyAgGridListBase, isStandalone: true, selector: "ntybase-ag-grid-list-base", host: { attributes: { "ntybase-id": "NettyAgGridListBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListBase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-ag-grid-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridBase' } }]
-        }], ctorParameters: () => [], propDecorators: { popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", required: false }] }], componantParameterGUID: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterGUID", required: false }] }], componantParameterType: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterType", required: false }] }], onElementSelect: [{ type: i0.Output, args: ["onElementSelect"] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }], agGridSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "agGridSelectionMode", required: false }] }] } });
+            args: [{ selector: 'ntybase-ag-grid-list-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridListBase' } }]
+        }], ctorParameters: () => [] });
 
-class ButtonRenderer {
-    params = null;
-    label = '';
-    type = '';
-    toggleValue = null;
-    editValid = false;
-    historyValid = false;
-    lineValid = false;
-    popupSelectValid = false;
-    popupEditValid = false;
-    toggleValid = false;
-    toggle_icon = '';
-    none = false;
-    addValid = false;
-    deleteValid = false;
-    agInit(params) {
-        this.params = params;
-        this.type = this.params.type || null;
-        this.label = this.params.label || null;
-        this.toggleValue = this.params.value || null;
-        switch (this.toggleValue) {
-            case true:
-                this.toggle_icon = 'select_check_box';
-                break;
-            case false:
-                this.toggle_icon = 'check_box_outline_blank';
-                break;
-            default:
-                this.toggle_icon = '';
-                break;
-        }
-        this.resetValids();
-        switch (this.type.toLowerCase().trim()) {
-            case 'edit':
-                this.editValid = true;
-                break;
-            case 'log':
-                this.historyValid = true;
-                break;
-            case 'line':
-                this.lineValid = true;
-                break;
-            case 'popupselect':
-                this.popupSelectValid = true;
-                break;
-            case 'toggle':
-                this.toggleValid = true;
-                break;
-            case 'none':
-                this.none = true;
-                break;
-            case 'add':
-                this.addValid = true;
-                break;
-            case 'delete':
-                this.deleteValid = true;
-                break;
-            default:
-                this.popupEditValid = true;
-                break;
-        }
-    }
-    /** Refresh the display
-     *
-     * @param params
-     * @returns
-     */
-    refresh(params) {
-        return false;
-    }
-    resetValids() {
-        this.editValid = false;
-        this.historyValid = false;
-        this.lineValid = false;
-        this.popupSelectValid = false;
-        this.popupEditValid = false;
-        this.toggleValid = false;
-    }
-    onClick(event) {
-        if (this.params.onClick instanceof Function) {
-            // put anything into params u want pass into parents component
-            const params = {
-                event: event,
-                rowData: this.params.node.data,
-                type: this.type,
-                // ...something
-            };
-            this.params.onClick(params);
+class ExcelImportBase extends NettyAgGridListBase {
+    isFileSelectionHidden = signal(false, ...(ngDevMode ? [{ debugName: "isFileSelectionHidden" }] : []));
+    isFileValid = signal(false, ...(ngDevMode ? [{ debugName: "isFileValid" }] : []));
+    logs = signal([], ...(ngDevMode ? [{ debugName: "logs" }] : []));
+    hasLogs = computed(() => this.logs().length > 0, ...(ngDevMode ? [{ debugName: "hasLogs" }] : []));
+    logDialog = inject(MatDialog);
+    parser = new ExcelParser([]);
+    // override methods
+    onBtnClick(e) { }
+    loadData() { }
+    // Methods
+    onFilesSelected(evt) {
+        const files = Array.isArray(evt) ? evt : evt.target.files;
+        if (!files || files.length !== 1) {
+            return;
+        }
+        const file = files[0];
+        if (file) {
+            this.recordList.set([]);
+            this.logs.set([]);
+            this.parser.parse(file).then(result => {
+                this.recordList.set(result.data);
+                this.logs.set(result.logs);
+                this.isFileSelectionHidden.set(true);
+                if (result.logs.length > 0)
+                    this.showLogs();
+            });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ButtonRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ButtonRenderer, isStandalone: true, selector: "ntybase-button-renderer", host: { attributes: { "ntybase-id": "ButtonRenderer" } }, ngImport: i0, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }] });
+    downloadSampleExcel() {
+        this.parser.generateSampleExcel();
+    }
+    showLogs() {
+        const dialogRef = this.logDialog.open(ExcelLogViewer$1, {
+            height: '70%',
+            width: '90%',
+            maxWidth: '100vw',
+            maxHeight: '100vh'
+        });
+        dialogRef.componentInstance.setParseData(this.logs());
+        dialogRef.componentInstance.selectedElement.subscribe((element) => {
+            dialogRef.close();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelImportBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ExcelImportBase, isStandalone: true, selector: "ntybase-excel-import-base", usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ButtonRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelImportBase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-button-renderer', imports: [MatIconModule, MatTooltipModule, MatMenuModule], host: { 'ntybase-id': 'ButtonRenderer' }, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"] }]
+            args: [{ selector: 'ntybase-excel-import-base', imports: [], template: `` }]
         }] });
 
-class CheckboxRenderer {
-    params = null;
-    label = '';
-    type = '';
-    supportClick = false;
-    checked = null;
-    agInit(params) {
-        this.onProcess(params);
-    }
-    refresh(params) {
-        if (params != null) {
-            this.onProcess(params);
-        }
-        return true;
-    }
-    onProcess(params) {
-        this.params = params;
-        this.checked = this.params.value ?? false;
-        this.type = this.params.type || null;
-        this.label = this.params.label || null;
-        if (this.type != null) {
-            if (this.type.toLowerCase().trim() == 'click') {
-                this.supportClick = true;
-            }
-        }
-    }
-    onClick(event) {
-        this.checked = !this.checked;
-        if (this.params.onClick instanceof Function) {
-            // put anything into params u want pass into parents component
-            const params = {
-                event: event,
-                rowData: this.params.node.data,
-                type: this.type,
-                checked: this.checked,
-                // ...something
-            };
-            this.params.onClick(params);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CheckboxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: CheckboxRenderer, isStandalone: true, selector: "ntybase-checkbox-renderer", host: { attributes: { "ntybase-id": "CheckboxRenderer" } }, ngImport: i0, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n", styles: [""] });
+class Ntybase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: Ntybase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: Ntybase, isStandalone: false, selector: "lib-ntybase", ngImport: i0, template: `
+    <p>
+      ntybase works!
+    </p>
+  `, isInline: true, styles: [""] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CheckboxRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: Ntybase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-checkbox-renderer', imports: [], host: { 'ntybase-id': 'CheckboxRenderer' }, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n" }]
+            args: [{ selector: 'lib-ntybase', standalone: false, template: `
+    <p>
+      ntybase works!
+    </p>
+  ` }]
         }] });
 
-ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
-    ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule, SetFilterModule, MultiFilterModule, TextFilterModule, NumberFilterModule, DateFilterModule]);
-class NettyAgGridListBase extends NettyAgGridBase {
-    // ********************************************
-    // *** INPUTS                               ***
-    // ********************************************
-    // Services
-    router = inject(Router);
-    dialog = inject(MatDialog);
-    openInPopup = signal(false, ...(ngDevMode ? [{ debugName: "openInPopup" }] : [])); // true: Open add / edit component in popup
-    // ---------------------------------------------------
-    // --- RECORD LIST                                 ---
-    // ---------------------------------------------------
-    nettyAppsProxy = injectNettyStandardProxy(this.componentName());
+const credentialsKey = 'credentials';
+class CredentialsService {
+    _credentials = null;
+    constructor() {
+        const savedCredentials = sessionStorage.getItem(credentialsKey) ||
+            localStorage.getItem(credentialsKey);
+        if (savedCredentials) {
+            this._credentials = JSON.parse(savedCredentials);
+        }
+    }
     /**
-     * Component initialization lifecycle hook
+     * Checks is the user is authenticated.
+     * @return True if the user is authenticated.
      */
-    async ngOnInit() {
-        this.nettyAppsProxy.setURLPath(this.componentName());
-        await this.setAccessRights(false);
-        const savedSearchValue = sessionStorage.getItem(this.searchValueName());
-        if (savedSearchValue) {
-            this.searchValue.set(savedSearchValue);
+    isAuthenticated() {
+        return !!this.credentials;
+    }
+    /**
+     * Gets the user credentials.
+     * @return The user credentials or null if the user is not authenticated.
+     */
+    get credentials() {
+        return this._credentials;
+    }
+    get token() {
+        return this._credentials?.token ?? null;
+    }
+    /**
+     * Sets the user credentials.
+     * The credentials may be persisted across sessions by setting the `remember` parameter to true.
+     * Otherwise, the credentials are only persisted for the current session.
+     * @param credentials The user credentials.
+     * @param remember True to remember credentials across sessions.
+     */
+    setCredentials(credentials, remember) {
+        this._credentials = credentials || null;
+        if (credentials) {
+            const storage = remember ? localStorage : sessionStorage;
+            storage.setItem(credentialsKey, JSON.stringify(credentials));
+        }
+        else {
+            sessionStorage.removeItem(credentialsKey);
+            localStorage.removeItem(credentialsKey);
         }
-        this.loadData();
-        // Load user grid preferences
-        await this.nettyAgGridService.copyGridUserPereferenceToLocal(this.preferenceType());
-        await this.AfterOnInit();
     }
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        const navigationExtras = {
-            queryParams: {
-                parameters: JSON.stringify(parameters),
-                ...(type && { type }),
-                isNewTab: isNewTab || undefined,
-            },
-            queryParamsHandling: 'merge',
-        };
-        if (isNewTab) {
-            const fullUrl = this.router
-                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
-                .toString();
-            window.open(fullUrl, '_blank');
-            return;
+    /** Get Credentials
+     *
+     * @returns
+     */
+    getCredentials() {
+        let _credentialsString = sessionStorage.getItem(credentialsKey);
+        if (_credentialsString == null || _credentialsString == '') {
+            _credentialsString = localStorage.getItem(credentialsKey);
         }
-        if (isPopup && dialogComponent) {
-            this.dialog
-                .open(dialogComponent, {
-                data: {
-                    parameters: parameters,
-                    mode: type || 'edit',
-                    embedded: true,
-                },
-                maxWidth: '100vw',
-                disableClose: true,
-                hasBackdrop: false,
-            })
-                .afterClosed()
-                .subscribe((result) => {
-                if (result === 'saved') {
-                    this.updateRowInGrid;
-                }
-            });
-            return;
+        return JSON.parse(_credentialsString ?? '');
+    }
+    /** Get the token if available otherwise return empty string
+     *
+     * @returns
+     */
+    getToken() {
+        try {
+            let _credentials = this.getCredentials();
+            return _credentials.token;
         }
-        // Log control
-        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
-            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
-            return;
+        catch (error) {
+            return '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CredentialsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class UrlHelperService {
+    router = inject(Router);
+    cleanUrl(url) {
+        let result = url
+            .replace('/mfalogin?redirect=', '')
+            .replace('/mfalogin?redirect=', '')
+            .replace('/mfalogin?redirect=', '')
+            .replace('/login?redirect=', '')
+            .replace('/login?redirect=', '')
+            .replace('/login?redirect=', '')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%25', 'g'), '%')
+            .replace(new RegExp('%22', 'g'), '"')
+            .replace(new RegExp('%3F', 'g'), '?')
+            .replace(new RegExp('%3D', 'g'), '=')
+            .replace(new RegExp('%2F', 'g'), '/')
+            .replace(new RegExp('%26', 'g'), '&')
+            .replace(new RegExp('/mfalogin?redirect=', 'g'), '')
+            .replace(new RegExp('/login?redirect=', 'g'), '');
+        console.log('url:', url);
+        console.log('result:', result);
+        // return url;
+        return result;
+    }
+    navigate(url) {
+        let urlParts = url.split('?');
+        if (urlParts.length == 1) {
+            return this.router.navigate(urlParts, { replaceUrl: true });
         }
-        // In all other cases, open the side menu
-        this.router
-            .navigate([
-            {
-                outlets: {
-                    primary: routePrefix,
-                    rightSidenav: [...routePrefix, ...rightSidenav],
-                },
+        let parameters = urlParts[1].split('&');
+        return this.router.navigate([urlParts[0]], {
+            queryParams: {
+                parameters: parameters[0]?.replace('parameters=', '') ?? '',
+                type: parameters[1]?.replace('type=', '') ?? '',
             },
-        ], navigationExtras)
-            .then(() => {
-            // Ensure sidenav is opened after navigation
-            this.commonService.toggleRightSidenav(true);
+            replaceUrl: true,
         });
     }
-    popupGotoURL(urlSegments) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        this.router.navigate([
-            {
-                outlets: {
-                    primary: [baseHref, ...urlSegments],
-                    rightSidenav: null,
-                },
-            },
-        ]);
-    }
-    toggleOpenMode() {
-        this.openInPopup.update(a => !a);
-        localStorage.setItem('openInPopup', JSON.stringify(this.openInPopup()));
-        const message = this.openInPopup() ? '@openInPopup' : '@openInSidenav';
-        this.alertService.showSuccess(message);
-    }
-    /**
-     * Listens for update events from CommonService and refreshes the grid accordingly.
-     * - For 'add' or 'update' actions: Updates the relevant row
-     * - For 'delete' action: Removes the row
-     * - Performs no action if:
-     *   - Grid API is not ready, or
-     *   - The update type doesn't match
-     */
-    constructor() {
-        super();
-        this.frameworkComponents = {
-            buttonRenderer: ButtonRenderer,
-            checkboxRenderer: CheckboxRenderer,
-        };
-        const savedMode = localStorage.getItem('openInPopup');
-        if (savedMode !== null) {
-            this.openInPopup.set(JSON.parse(savedMode) === true);
-        }
-        this.translateService.onLangChange.subscribe(() => {
-            this.setAgGridTranslations();
-        });
-        effect(() => {
-            const update = this.commonService.updates();
-            if (!update || !this.gridApi)
-                return;
-            if (update.type === this.getEntityType?.()) {
-                switch (update.action) {
-                    case 'add':
-                    case 'update':
-                        this.updateRowInGrid(update.data, this.pkFieldName());
-                        break;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AuthenticationInterceptor {
+    router = inject(Router);
+    credentialsService = inject(CredentialsService);
+    environmentProxy = inject(EnvironmentProxy);
+    urlHelperService = inject(UrlHelperService);
+    intercept(req, next) {
+        if (req.headers.get('No-Auth') == 'True')
+            return next.handle(req.clone());
+        let token = this.credentialsService.token;
+        if (token != null) {
+            let appName = this.environmentProxy.getApplicationName();
+            const clonedreq = req.clone({
+                headers: req.headers.set('Authorization', 'Bearer ' + token),
+                // .set("NettyAppName",appName)
+            });
+            return next.handle(clonedreq).pipe(catchError$1((error) => {
+                if (error instanceof HttpErrorResponse && error.status === 401) {
+                    // Handle 401 error, e.g., navigate to the login page
+                    this.router.navigate(['/login'], {
+                        queryParams: {
+                            redirect: this.urlHelperService.cleanUrl(this.router.url),
+                        },
+                        replaceUrl: true,
+                    });
+                    // Return an observable with a successful response
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-            }
-        });
-        effect(() => { this.onElementSelect.emit(this.selectedRows()); });
-        // Manage filter expanded state
-        effect(() => {
-            this._isEmbedded();
-            this.initAgGrid();
-        });
-        effect(() => {
-            const isEmbedded = this._isEmbedded();
-            const currentPref = this.preferenceType();
-            const currentSearch = this.searchValueName();
-            if (isEmbedded) {
-                if (currentPref && !currentPref.endsWith('_isEmbedded')) {
-                    this.preferenceType.set(`${currentPref}_isEmbedded`);
+                if (error instanceof HttpErrorResponse && error.status === 403) {
+                    this.router.navigate(['/forbidden'], {
+                        state: { attemptedUrl: this.router.url }, // Orijinal URL'i state olarak geçme
+                    });
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-                if (currentSearch && !currentSearch.endsWith('_isEmbedded')) {
-                    this.searchValueName.set(`${currentSearch}_isEmbedded`);
+                if (error instanceof HttpErrorResponse && error.status === 428) {
+                    // Handle 428 error, e.g., navigate to the login page
+                    this.router.navigate(['/mfalogin'], {
+                        queryParams: {
+                            redirect: this.urlHelperService.cleanUrl(this.router.url),
+                        },
+                        replaceUrl: true,
+                    });
+                    // Return an observable with a successful response
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-            }
-            else {
-                if (currentPref?.endsWith('_isEmbedded')) {
-                    this.preferenceType.set(currentPref.replace('_isEmbedded', ''));
+                // For other errors, re-throw the error to propagate it further
+                return throwError(() => error);
+            }));
+        }
+        else {
+            return next.handle(req.clone()).pipe(catchError$1((error) => {
+                if (error instanceof HttpErrorResponse && error.status === 401) {
+                    // Handle 401 error, e.g., navigate to the login page
+                    this.router.navigate(['/login'], {
+                        queryParams: {
+                            redirect: this.urlHelperService.cleanUrl(this.router.url),
+                        },
+                        replaceUrl: true,
+                    });
+                    // Return an observable with a successful response
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-                if (currentSearch?.endsWith('_isEmbedded')) {
-                    this.searchValueName.set(currentSearch.replace('_isEmbedded', ''));
+                if (error instanceof HttpErrorResponse && error.status === 403) {
+                    this.router.navigate(['/forbidden'], {
+                        state: { attemptedUrl: this.router.url }, // Orijinal URL'i state olarak geçme
+                    });
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-            }
-        });
-    }
-    // *********************************************************
-    // *** Data Management Functions                         ***
-    // ********************************************************* 
-    loadData() {
-        this.nettyAppsProxy.select(this.record).subscribe({
-            next: (data) => {
-                this.setData(data, false);
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
-    }
-    async deleteSelected() {
-        if (!this.gridApi)
-            return;
-        const selectedNodes = this.gridApi.getSelectedNodes();
-        if (selectedNodes.length === 0) {
-            await this.alertService.showAlert('@pleaseSelectRowToDelete');
-            return;
-        }
-        const confirmed = await this.alertService.showConfirm('@confirmDeleteSelectedRecords');
-        if (confirmed) {
-            const selectedRows = selectedNodes.map((node) => node.data);
-            this.deleteRows(selectedRows);
+                if (error instanceof HttpErrorResponse && error.status === 428) {
+                    // Handle 428 error, e.g., navigate to the login page
+                    this.router.navigate(['/mfalogin'], {
+                        queryParams: {
+                            redirect: this.urlHelperService.cleanUrl(this.router.url),
+                        },
+                        replaceUrl: true,
+                    });
+                    // Return an observable with a successful response
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
+                }
+                // For other errors, re-throw the error to propagate it further
+                return throwError(() => error);
+            }));
         }
     }
-    deleteRows(rows) {
-        this.nettyAppsProxy.deleteList(rows).subscribe({
-            next: () => {
-                this.gridApi.applyTransaction({ remove: rows });
-                this.alertService.showSuccess('@recordDeletedSuccessfully');
-            },
-            error: (err) => this.alertService.showError(err),
-        });
-    }
-    // *****************************************
-    // *** Logging Functions                 ***
-    // *****************************************
-    logInputs(message) {
-        if (!message || message.length < 1) {
-            message = 'AgGridListBase - Inputs log';
-        }
-        const inputs = {
-            "popupFilterValid": this.popupFilterValid(),
-            "_isPopupFilterValid": this._isPopupFilterValid(),
-            "popupValid": this.popupValid(),
-            "_isPopupValid": this._isPopupValid(),
-            "componantParameterGUID": this.componantParameterGUID(),
-            "componantParameterType": this.componantParameterType(),
-            "embedded": this.embedded(),
-            "_isEmbedded": this._isEmbedded(),
-        };
-        console.log(message, inputs);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AuthenticationInterceptor, decorators: [{
+            type: Injectable
+        }] });
+
+class CanDeactivateGuard {
+    canDeactivate(component) {
+        return component.canDeactivate ? component.canDeactivate() : true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyAgGridListBase, isStandalone: true, selector: "ntybase-ag-grid-list-base", host: { attributes: { "ntybase-id": "NettyAgGridListBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-ag-grid-list-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridListBase' } }]
-        }], ctorParameters: () => [] });
+
+class NtybaseModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, declarations: [Ntybase], exports: [Ntybase] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, providers: [
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: AuthenticationInterceptor,
+                multi: true,
+            },
+            [CanDeactivateGuard],
+            DatePipe,
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NtybaseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [Ntybase],
+                    imports: [],
+                    exports: [Ntybase],
+                    providers: [
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: AuthenticationInterceptor,
+                            multi: true,
+                        },
+                        [CanDeactivateGuard],
+                        DatePipe,
+                    ],
+                }]
+        }] });
 
 class Guid {
     value = this.empty;
@@ -2638,297 +2948,98 @@ class NettyAgGridSaveBase extends NettyAppsBase {
                 if (this.viewMode() === 'sidenav') {
                     this.commonService.toggleRightSidenav(true);
                 }
-            },
-            error: (err) => {
-                this.alertService.showError('@dataLoadFailed');
-                this.commonService.toggleRightSidenav(false);
-                // Redirect to user list on error in fullscreen mode
-                if (this.viewMode() === 'fullscreen') {
-                    const cleanPath = this.commonService.getCleanUrlPath();
-                    this.router.navigate([cleanPath]);
-                }
-            },
-        });
-    }
-    // ***************************************************
-    // *** gotoURL Methods                             ***
-    // ***************************************************
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        const navigationExtras = {
-            queryParams: {
-                parameters: JSON.stringify(parameters),
-                ...(type && { type }),
-                isNewTab: isNewTab || undefined,
-            },
-            queryParamsHandling: 'merge',
-        };
-        if (isNewTab) {
-            const fullUrl = this.router
-                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
-                .toString();
-            window.open(fullUrl, '_blank');
-            return;
-        }
-        if (isPopup && dialogComponent) {
-            this.dialog
-                .open(dialogComponent, {
-                data: {
-                    parameters: parameters,
-                    mode: type || 'edit',
-                    embedded: true,
-                },
-                maxWidth: '100vw',
-                disableClose: true,
-                hasBackdrop: false,
-            })
-                .afterClosed();
-            return;
-        }
-        // Log control
-        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
-            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
-            return;
-        }
-        // In all other cases, open the side menu
-        this.router
-            .navigate([
-            {
-                outlets: {
-                    primary: routePrefix,
-                    rightSidenav: [...routePrefix, ...rightSidenav],
-                },
-            },
-        ], navigationExtras)
-            .then(() => {
-            // Ensure sidenav is opened after navigation
-            this.commonService.toggleRightSidenav(true);
-        });
-    }
-    popupGotoURL(urlSegments) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        this.router.navigate([
-            {
-                outlets: {
-                    primary: [baseHref, ...urlSegments],
-                    rightSidenav: null,
-                },
-            },
-        ]);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-ag-grid-save-base', imports: [], template: `` }]
-        }], ctorParameters: () => [], propDecorators: { parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], saveForm: [{
-                type: ViewChild,
-                args: ['saveForm']
-            }] } });
-
-class ParseLog {
-    rowIndex = 0; // Excel line no (1-based)
-    message = ""; // Error or info message (fallback)
-    level = "INFO";
-    messageKey; // i18n translation key
-    messageParams; // parameters for translation
-    init() {
-        this.rowIndex = 0;
-        this.message = "";
-        this.level = "INFO";
-        this.messageKey = undefined;
-        this.messageParams = undefined;
-    }
-    compare(other) { return this; }
-    getPK() { return this.rowIndex; }
-    setPK(pk) { this.rowIndex = pk; }
-}
-
-class ExcelParserError extends Error {
-    key;
-    params;
-    constructor(key, params) {
-        super(key);
-        this.key = key;
-        this.params = params;
-        this.name = 'ExcelParserError';
-    }
-}
-class ExcelParser {
-    mappings;
-    constructor(mappings) {
-        this.mappings = mappings;
-    }
-    async parse(file, options) {
-        // PERFORMANS: XLSX library only loads at parse time!
-        const XLSX = await import('xlsx');
-        const sheetIndex = options?.sheetIndex ?? 0;
-        const headerRowIndex = options?.headerRowIndex ?? 0; // 0-based
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = (e) => {
-                try {
-                    const data = new Uint8Array(e.target?.result);
-                    const workbook = XLSX.read(data, { type: 'array' });
-                    if (!workbook.SheetNames[sheetIndex]) {
-                        throw new ExcelParserError('@EXCEL_PARSER.sheetNotFound', { index: sheetIndex });
-                    }
-                    const sheetName = workbook.SheetNames[sheetIndex];
-                    const sheet = workbook.Sheets[sheetName];
-                    const rows = XLSX.utils.sheet_to_json(sheet, { header: 1 });
-                    const logs = [];
-                    const result = [];
-                    // Skip headerline
-                    const dataRows = rows.slice(headerRowIndex + 1);
-                    dataRows.forEach((row, i) => {
-                        // Skip empty lines
-                        if (!row || row.length === 0)
-                            return;
-                        const obj = {};
-                        let hasError = false;
-                        const actualRowIndex = headerRowIndex + i + 2; // Excel line no (1-based)
-                        this.mappings.forEach(m => {
-                            let rawValue = row[m.index];
-                            if ((rawValue === undefined || rawValue === null || rawValue === '') && m.defaultValue !== undefined) {
-                                rawValue = m.defaultValue;
-                                logs.push(Object.assign(new ParseLog(), {
-                                    rowIndex: actualRowIndex,
-                                    message: `Boş alan için default değer atandı: ${String(m.prop)}`,
-                                    level: 'INFO',
-                                    messageKey: '@EXCEL_PARSER.defaultValueSet',
-                                    messageParams: { prop: String(m.prop) }
-                                }));
-                            }
-                            if (m.required && (rawValue === undefined || rawValue === null || rawValue === '')) {
-                                logs.push(Object.assign(new ParseLog(), {
-                                    rowIndex: actualRowIndex,
-                                    message: `Zorunlu alan boş: ${String(m.prop)}`,
-                                    level: 'ERROR',
-                                    messageKey: '@EXCEL_PARSER.requiredFieldMissing',
-                                    messageParams: { prop: String(m.prop) }
-                                }));
-                                hasError = true;
-                            }
-                            try {
-                                obj[m.prop] = m.converter ? m.converter(rawValue) : rawValue;
-                            }
-                            catch (err) {
-                                logs.push(Object.assign(new ParseLog(), {
-                                    rowIndex: actualRowIndex,
-                                    message: `Tip dönüşüm hatası: ${String(m.prop)} -> ${rawValue}`,
-                                    level: 'ERROR',
-                                    messageKey: '@EXCEL_PARSER.conversionError',
-                                    messageParams: { prop: String(m.prop), value: rawValue }
-                                }));
-                                hasError = true;
-                            }
-                        });
-                        if (!hasError) {
-                            result.push(obj);
-                        }
-                        else {
-                            logs.push(Object.assign(new ParseLog(), {
-                                rowIndex: actualRowIndex,
-                                message: `Satır atlandı`,
-                                level: 'WARN',
-                                messageKey: '@EXCEL_PARSER.rowSkipped'
-                            }));
-                        }
-                    });
-                    resolve({ data: result, logs });
-                }
-                catch (error) {
-                    reject(error);
-                }
-            };
-            reader.onerror = () => reject(reader.error);
-            reader.readAsArrayBuffer(file);
-        });
-    }
-    async generateSampleExcel(options) {
-        const sampleCount = options?.sampleCount ?? 5;
-        const fileName = (options?.fileName ?? 'sample-import.xlsx').endsWith('.xlsx')
-            ? (options?.fileName ?? 'sample-import.xlsx')
-            : `${options?.fileName}.xlsx`;
-        const sheetName = (options?.sheetName ?? 'Sample').substring(0, 15);
-        const XLSX = await import('xlsx');
-        // Header row: property names according to column order
-        const headers = this.mappings.map(m => m.headerName || String(m.prop));
-        const rows = [];
-        for (let i = 1; i <= sampleCount; i++) {
-            const row = this.mappings.map(m => {
-                if (m.sampleValue !== undefined) {
-                    // Use sampleValue if it exists
-                    return typeof m.sampleValue === 'function'
-                        ? m.sampleValue(i) // if it's a function, generate value based on index
-                        : m.sampleValue; // if it's a constant value, use it directly
+            },
+            error: (err) => {
+                this.alertService.showError('@dataLoadFailed');
+                this.commonService.toggleRightSidenav(false);
+                // Redirect to user list on error in fullscreen mode
+                if (this.viewMode() === 'fullscreen') {
+                    const cleanPath = this.commonService.getCleanUrlPath();
+                    this.router.navigate([cleanPath]);
                 }
-            });
-            rows.push(row);
-        }
-        const worksheet = XLSX.utils.aoa_to_sheet([headers, ...rows]);
-        const workbook = XLSX.utils.book_new();
-        XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
-        XLSX.writeFile(workbook, fileName);
+            },
+        });
     }
-}
-
-class ExcelImportBase extends NettyAgGridListBase {
-    isFileSelectionHidden = signal(false, ...(ngDevMode ? [{ debugName: "isFileSelectionHidden" }] : []));
-    isFileValid = signal(false, ...(ngDevMode ? [{ debugName: "isFileValid" }] : []));
-    logs = signal([], ...(ngDevMode ? [{ debugName: "logs" }] : []));
-    hasLogs = computed(() => this.logs().length > 0, ...(ngDevMode ? [{ debugName: "hasLogs" }] : []));
-    logDialog = inject(MatDialog);
-    parser = new ExcelParser([]);
-    // override methods
-    onBtnClick(e) { }
-    loadData() { }
-    // Methods
-    onFilesSelected(evt) {
-        const files = Array.isArray(evt) ? evt : evt.target.files;
-        if (!files || files.length !== 1) {
+    // ***************************************************
+    // *** gotoURL Methods                             ***
+    // ***************************************************
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        const navigationExtras = {
+            queryParams: {
+                parameters: JSON.stringify(parameters),
+                ...(type && { type }),
+                isNewTab: isNewTab || undefined,
+            },
+            queryParamsHandling: 'merge',
+        };
+        if (isNewTab) {
+            const fullUrl = this.router
+                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
+                .toString();
+            window.open(fullUrl, '_blank');
             return;
         }
-        const file = files[0];
-        if (file) {
-            this.recordList.set([]);
-            this.logs.set([]);
-            this.parser.parse(file).then(result => {
-                this.recordList.set(result.data);
-                this.logs.set(result.logs);
-                this.isFileSelectionHidden.set(true);
-                if (result.logs.length > 0)
-                    this.showLogs();
-            });
+        if (isPopup && dialogComponent) {
+            this.dialog
+                .open(dialogComponent, {
+                data: {
+                    parameters: parameters,
+                    mode: type || 'edit',
+                    embedded: true,
+                },
+                maxWidth: '100vw',
+                disableClose: true,
+                hasBackdrop: false,
+            })
+                .afterClosed();
+            return;
         }
-    }
-    downloadSampleExcel() {
-        this.parser.generateSampleExcel();
-    }
-    showLogs() {
-        const dialogRef = this.logDialog.open(ExcelLogViewer, {
-            height: '70%',
-            width: '90%',
-            maxWidth: '100vw',
-            maxHeight: '100vh'
-        });
-        dialogRef.componentInstance.setParseData(this.logs());
-        dialogRef.componentInstance.selectedElement.subscribe((element) => {
-            dialogRef.close();
+        // Log control
+        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
+            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
+            return;
+        }
+        // In all other cases, open the side menu
+        this.router
+            .navigate([
+            {
+                outlets: {
+                    primary: routePrefix,
+                    rightSidenav: [...routePrefix, ...rightSidenav],
+                },
+            },
+        ], navigationExtras)
+            .then(() => {
+            // Ensure sidenav is opened after navigation
+            this.commonService.toggleRightSidenav(true);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelImportBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ExcelImportBase, isStandalone: true, selector: "ntybase-excel-import-base", usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    popupGotoURL(urlSegments) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        this.router.navigate([
+            {
+                outlets: {
+                    primary: [baseHref, ...urlSegments],
+                    rightSidenav: null,
+                },
+            },
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelImportBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-excel-import-base', imports: [], template: `` }]
-        }] });
+            args: [{ selector: 'ntybase-ag-grid-save-base', imports: [], template: `` }]
+        }], ctorParameters: () => [], propDecorators: { parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], saveForm: [{
+                type: ViewChild,
+                args: ['saveForm']
+            }] } });
 
 class RangeDateTimeFilter {
     params;
@@ -3728,7 +3839,7 @@ const ntyAuthenticationInterceptor = (req, next) => {
             headers: req.headers.set('Authorization', 'Bearer ' + token)
             // .set("NettyAppName",appName)
         });
-        return next(clonedreq).pipe(catchError((error) => {
+        return next(clonedreq).pipe(catchError$1((error) => {
             if (error instanceof HttpErrorResponse && error.status === 401) {
                 // Handle 401 error, e.g., navigate to the login page
                 router.navigate(['/login'], {
@@ -3762,7 +3873,7 @@ const ntyAuthenticationInterceptor = (req, next) => {
         }));
     }
     else {
-        return next(req.clone()).pipe(catchError((error) => {
+        return next(req.clone()).pipe(catchError$1((error) => {
             if (error instanceof HttpErrorResponse && error.status === 401) {
                 // Handle 401 error, e.g., navigate to the login page
                 router.navigate(['/login'], {
@@ -3855,7 +3966,7 @@ class AuthenticationService {
             // Parse JWT
             this.credentialsService.setCredentials(data, context.remember);
             return data;
-        }), take(1), catchError((error) => {
+        }), take(1), catchError$1((error) => {
             let errorMessage = '';
             switch (error.status) {
                 case '404':
@@ -3919,7 +4030,7 @@ class AuthenticationService {
         });
         return mfaCodeCall$.pipe(map$1((message) => {
             return message;
-        }), take(1), catchError((error) => {
+        }), take(1), catchError$1((error) => {
             let errorMessage = '';
             errorMessage =
                 error.status +
@@ -3943,7 +4054,7 @@ class AuthenticationService {
         console.log('mfaCodeUrl', mfaCodeUrl);
         return resendMFACodeCall$.pipe(map$1((message) => {
             return message;
-        }), take(1), catchError((error) => {
+        }), take(1), catchError$1((error) => {
             let errorMessage = '';
             errorMessage =
                 error.status +
@@ -3982,7 +4093,7 @@ class AuthenticationService {
         // and saves the credentials into localstorage
         return loginCall$.pipe(map$1((message) => {
             return message;
-        }), take(1), catchError((error) => {
+        }), take(1), catchError$1((error) => {
             let errorMessage = '';
             errorMessage =
                 error.status +
@@ -4339,7 +4450,7 @@ class PasswordProxy {
         });
         return resertPasswordCall$.pipe(map((message) => {
             return message;
-        }), take$1(1), catchError$1((error) => {
+        }), take$1(1), catchError((error) => {
             let errorMessage = '';
             errorMessage =
                 error.status +
@@ -4528,29 +4639,6 @@ 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-Bl-neyoj.mjs');
-            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-CO4HBOmj.mjs');
-            this.i18nService.addTranslations('English', enUSBase.default);
-            this.i18nService.addTranslations('Türkçe', trTRBase.default);
-        }
-        catch (error) {
-            this.alertService.showError('Error loading base translations in component:', error);
-            throw error;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyBaseApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyBaseApp, isStandalone: true, selector: "ntybase-netty-base-app", ngImport: i0, template: "", styles: [""] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyBaseApp, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-netty-base-app', imports: [], template: "" }]
-        }] });
-
 class EnvironmentInfo {
     showNettyInfo = true;
     environmentProxy = inject(EnvironmentProxy);
@@ -4722,91 +4810,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 }]
         }] });
 
-class NettyAppsFilterBase extends NettyAppsBase {
-    // *********************************************************
-    // *** Input / Output                                    ***
-    // *********************************************************
-    isFilterExpanded = model(true, ...(ngDevMode ? [{ debugName: "isFilterExpanded" }] : []));
-    filteredRecords = output();
-    filterSelectionChanged = output();
-    refresh = input(0, ...(ngDevMode ? [{ debugName: "refresh" }] : []));
-    fileName = input('nettyapps_', ...(ngDevMode ? [{ debugName: "fileName" }] : []));
-    // *********************************************************
-    // *** Service                                           ***
-    // *********************************************************
-    filterProxy = injectNettyStandardFilterProxy(this.componentName());
-    // *********************************************************
-    // *** Signals                                           ***
-    // *********************************************************
-    currentItem = signal(this.createNewFilter(), ...(ngDevMode ? [{ debugName: "currentItem" }] : []));
-    // *********************************************************
-    // *** Constructor                                       ***
-    // *********************************************************
-    constructor() {
-        super();
-        effect(() => {
-            if (this.refresh() > 0) {
-                this.onApply();
-            }
-        });
-    }
-    // *********************************************************
-    // *** Functions                                         ***
-    // *********************************************************
-    async ngOnInit() {
-        this.afterOnInit();
-    }
-    onApply() {
-        this.filterSelectionChanged.emit(this.currentItem());
-        this.filterProxy.selectFilter(this.currentItem()).subscribe({
-            next: (result) => {
-                this.filteredRecords.emit(result);
-                this.isFilterExpanded.set(false);
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
-    }
-    onReset() {
-        this.filterProxy.initFilter().subscribe({
-            next: (filter) => {
-                this.currentItem.set(filter);
-                this.filterSelectionChanged.emit(this.currentItem());
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
-    }
-    onExport() {
-        this.filterSelectionChanged.emit(this.currentItem());
-        this.filterProxy.downloadXLS(this.currentItem()).subscribe({
-            next: (response) => {
-                this.downloadBlobFile(response, 'application/zip', this.translateService.instant('@00000072') + '.zip');
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
-    }
-    async afterOnInit() { }
-    // *****************************************
-    // *** Logging Functions                 ***
-    // *****************************************
-    logInputs(message) {
-        if (!message || message.length < 1) {
-            message = 'NettyAppsFilterBase - Inputs log';
-        }
-        const inputs = {
-            "isFilterExpanded": this.isFilterExpanded(),
-            "refresh": this.refresh(),
-            "fileName": this.fileName(),
-        };
-        console.log(message, inputs);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsFilterBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAppsFilterBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { isFilterExpanded: { classPropertyName: "isFilterExpanded", publicName: "isFilterExpanded", isSignal: true, isRequired: false, transformFunction: null }, refresh: { classPropertyName: "refresh", publicName: "refresh", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isFilterExpanded: "isFilterExpandedChange", filteredRecords: "filteredRecords", filterSelectionChanged: "filterSelectionChanged" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsFilterBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
-        }], ctorParameters: () => [], propDecorators: { isFilterExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFilterExpanded", required: false }] }, { type: i0.Output, args: ["isFilterExpandedChange"] }], filteredRecords: [{ type: i0.Output, args: ["filteredRecords"] }], filterSelectionChanged: [{ type: i0.Output, args: ["filterSelectionChanged"] }], refresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "refresh", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }] } });
-
 // converters.ts
 // Sayı dönüştürücü (hem . hem , destekler)
 const toNumber = (v) => {
@@ -4843,6 +4846,50 @@ const toEnum = (v, enumObj) => {
     return enumObj[key] ?? null;
 };
 
+//-------------------------------
+//| Generated by NettyWizard V2 |
+//-------------------------------
+class ExcelLogViewer extends NettyAgGridListBase {
+    /** Component Constructor */
+    constructor() {
+        super();
+    }
+    /** Get the rowId */
+    getRowId = (params) => params.data.rowIndex.toString();
+    /** Get the entity type for the component */
+    getEntityType = () => 'ParseLog';
+    pkFieldName() { return 'rowIndex'; }
+    loadData() { }
+    setParseData(data) {
+        data.forEach((item) => {
+            if (item.messageKey) {
+                item.message = this.translateService.instant(item.messageKey, item.messageParams);
+            }
+        });
+        super.setData(data);
+    }
+    /** Initialize Ag-Grid specific settings */
+    initAgGrid() {
+        this.excelStyles = this.nettyAgGridService.getExcelStyles();
+        this.columnDefs.set([
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.row'), field: 'rowIndex', cellClass: 'numberType', filter: this.customFilters() ? RangeNumberFilter : 'agNumberColumnFilter', type: "numericColumn", cellStyle: { textAlign: 'right' } },
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.message'), field: 'message', cellClass: 'text-format', filter: this.customFilters() ? RangeStringFilter : 'agSetColumnFilter', },
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.level'), field: 'level', cellClass: 'text-format', filter: this.customFilters() ? RangeStringFilter : 'agSetColumnFilter', },
+        ]);
+        this.initAgGrid_extension();
+    }
+    popupClose() {
+        super.popupClose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelLogViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ExcelLogViewer, isStandalone: true, selector: "app-excel-log-viewer", usesInheritance: true, ngImport: i0, template: "<div class='list-container'>\n    <div class='list-menu-button-bar'>\n        <ntyui-button type='menu' icon='settings_ethernet' [disableOnClick]='false' (clicked)='expandCollapse()' />\n        <ntyui-button type='menu' icon='regular_expression'\n            [toolTip]=\"(customFilters() ? '@customFilterActive' : '@defaultFilterActive') | translate\"\n            [disableOnClick]='true' [disableDuration]='0'\n            [ngClass]=\"{'custom-filter-mode': !customFilters(),'default-filter-mode': customFilters()}\"\n            (clicked)='toggleFilterMode()' />\n        <ntyui-filter-button icon='filter_alt' (isSearchOpen)=\"onFilterTextBoxVisibilityChange($event)\"\n            [searchValue]='searchValue()' (onSearch)='quickSearch($event)' />\n        <ntyui-button type='close' class='list-close-button' [toolTip]=\"'@close'|translate\" (clicked)='popupClose()' />\n    </div>\n    <div class='list-grid'>\n        <ag-grid-angular #agGrid class='ag-theme-balham grid-form-grid-full' [rowData]='recordList()'\n            [columnDefs]='columnDefs()' [gridOptions]='gridOptions' [rowSelection]='gridOptions.rowSelection'\n            [components]='frameworkComponents' [suppressAggFuncInHeader]='true' [enableCellTextSelection]='true'\n            (firstDataRendered)='onFirstDataRendered($event)' (columnMoved)='saveGrid($event)'\n            (columnVisible)='saveGrid($event)' (columnResized)='saveGrid($event)' (gridReady)='onGridReady($event)'\n            [statusBar]='statusBar'></ag-grid-angular>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: NettyUIButton, selector: "ntyui-button", inputs: ["icon", "isFilled", "menuReference", "disableOnClick", "disableDuration", "waitingText", "type", "toolTip"], outputs: ["clicked"] }, { kind: "component", type: NettyUIFilterButton, selector: "ntyui-filter-button", inputs: ["icon", "waitingText", "searchValue"], outputs: ["clicked", "onSearch", "isSearchOpen"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelLogViewer, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-excel-log-viewer', imports: [AgGridAngular, CommonModule, FormsModule, NettyUIButton, NettyUIFilterButton,
+                        FormsModule, TranslateModule], template: "<div class='list-container'>\n    <div class='list-menu-button-bar'>\n        <ntyui-button type='menu' icon='settings_ethernet' [disableOnClick]='false' (clicked)='expandCollapse()' />\n        <ntyui-button type='menu' icon='regular_expression'\n            [toolTip]=\"(customFilters() ? '@customFilterActive' : '@defaultFilterActive') | translate\"\n            [disableOnClick]='true' [disableDuration]='0'\n            [ngClass]=\"{'custom-filter-mode': !customFilters(),'default-filter-mode': customFilters()}\"\n            (clicked)='toggleFilterMode()' />\n        <ntyui-filter-button icon='filter_alt' (isSearchOpen)=\"onFilterTextBoxVisibilityChange($event)\"\n            [searchValue]='searchValue()' (onSearch)='quickSearch($event)' />\n        <ntyui-button type='close' class='list-close-button' [toolTip]=\"'@close'|translate\" (clicked)='popupClose()' />\n    </div>\n    <div class='list-grid'>\n        <ag-grid-angular #agGrid class='ag-theme-balham grid-form-grid-full' [rowData]='recordList()'\n            [columnDefs]='columnDefs()' [gridOptions]='gridOptions' [rowSelection]='gridOptions.rowSelection'\n            [components]='frameworkComponents' [suppressAggFuncInHeader]='true' [enableCellTextSelection]='true'\n            (firstDataRendered)='onFirstDataRendered($event)' (columnMoved)='saveGrid($event)'\n            (columnVisible)='saveGrid($event)' (columnResized)='saveGrid($event)' (gridReady)='onGridReady($event)'\n            [statusBar]='statusBar'></ag-grid-angular>\n    </div>\n</div>" }]
+        }], ctorParameters: () => [] });
+
 /*
  * Public API Surface of ntybase
  */
@@ -4851,5 +4898,5 @@ const toEnum = (v, enumObj) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ErrorAlert, ExcelImportBase, ExcelParser, ExcelParserError, ForgotPassword, Guid, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridListBase, NettyAgGridListFilterBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyAppsFilterBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, NtyLoadingService, Ntybase, NtybaseModule, PageTitle, ParseLog, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor, toBoolean, toDate, toEnum, toNumber, toUpperString };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ErrorAlert, ExcelImportBase, ExcelLogViewer, ExcelParser, ExcelParserError, ForgotPassword, Guid, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridListBase, NettyAgGridListFilterBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyAppsFilterBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, NtyLoadingService, Ntybase, NtybaseModule, PageTitle, ParseLog, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor, toBoolean, toDate, toEnum, toNumber, toUpperString };
 //# sourceMappingURL=nettyapps-ntybase.mjs.map