@nettyapps/ntybase 21.1.37 → 21.1.39

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,152 @@ 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 { 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 } 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 * as XLSX from 'xlsx';
-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';
 
-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',
@@ -546,55 +271,456 @@ class NettyAppsBase {
         if (fileData == null) {
             return;
         }
-        if (fileName == null) {
-            return;
+        if (fileName == null) {
+            return;
+        }
+        // Create a Blob from the Text
+        const blob = new Blob([fileData], { type: 'text/plain' });
+        // Create a download link
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        document.body.appendChild(a);
+        a.style.display = 'none';
+        a.href = url;
+        a.download = fileName ?? 'filename';
+        // Trigger the download
+        a.click();
+        // Clean up
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+    }
+    /**
+     * Download file where the data is provided as blob
+     * @param data - Array Buffer data
+     * @param type - type of the document.
+     */
+    downloadBlobFile(data, type, fileName) {
+        let blob = new Blob([data], { type: type });
+        let downloadLink = document.createElement('a');
+        downloadLink.href = window.URL.createObjectURL(blob);
+        downloadLink.setAttribute('download', fileName);
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+        downloadLink.parentNode?.removeChild(downloadLink);
+    }
+    // ---------------------------------
+    // --- INTERFACE IMPLEMENTATIONS ---
+    // ---------------------------------
+    onDestroy$ = new Subject();
+    ngOnDestroy() {
+        //Called once, before the instance is destroyed.
+        //Add 'implements OnDestroy' to the class.
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAppsBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAppsBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
+        }], ctorParameters: () => [], propDecorators: { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
+
+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);
         }
-        // Create a Blob from the Text
-        const blob = new Blob([fileData], { type: 'text/plain' });
-        // Create a download link
-        const url = window.URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        document.body.appendChild(a);
-        a.style.display = 'none';
-        a.href = url;
-        a.download = fileName ?? 'filename';
-        // Trigger the download
-        a.click();
-        // Clean up
-        window.URL.revokeObjectURL(url);
-        document.body.removeChild(a);
+        return true;
     }
-    /**
-     * Download file where the data is provided as blob
-     * @param data - Array Buffer data
-     * @param type - type of the document.
-     */
-    downloadBlobFile(data, type, fileName) {
-        let blob = new Blob([data], { type: type });
-        let downloadLink = document.createElement('a');
-        downloadLink.href = window.URL.createObjectURL(blob);
-        downloadLink.setAttribute('download', fileName);
-        document.body.appendChild(downloadLink);
-        downloadLink.click();
-        downloadLink.parentNode?.removeChild(downloadLink);
+    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;
+            }
+        }
     }
-    // ---------------------------------
-    // --- INTERFACE IMPLEMENTATIONS ---
-    // ---------------------------------
-    onDestroy$ = new Subject();
-    ngOnDestroy() {
-        //Called once, before the instance is destroyed.
-        //Add 'implements OnDestroy' to the class.
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
+    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: NettyAppsBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAppsBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
+    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: NettyAppsBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CheckboxRenderer, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
-        }], ctorParameters: () => [], propDecorators: { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
+            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 {
     /**
@@ -1280,12 +1406,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 +1419,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';
@@ -1775,169 +1901,23 @@ class NettyAgGridBase extends NettyAppsBase {
         }
         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 }] }] } });
-
-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$2.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);
-        }
+            "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: 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: [""] });
+    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: CheckboxRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridBase, 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: '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]);
@@ -2064,110 +2044,437 @@ class NettyAgGridListBase extends NettyAgGridBase {
         if (savedMode !== null) {
             this.openInPopup.set(JSON.parse(savedMode) === true);
         }
-        this.translateService.onLangChange.subscribe(() => {
-            this.setAgGridTranslations();
+        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;
+                }
+            }
+        });
+        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 (currentPref?.endsWith('_isEmbedded')) {
+                    this.preferenceType.set(currentPref.replace('_isEmbedded', ''));
+                }
+                if (currentSearch?.endsWith('_isEmbedded')) {
+                    this.searchValueName.set(currentSearch.replace('_isEmbedded', ''));
+                }
+            }
+        });
+    }
+    // *********************************************************
+    // *** 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);
+        }
+    }
+    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: 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 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();
+            });
+        }
+    }
+    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();
+        });
+    }
+    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: ExcelImportBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-excel-import-base', imports: [], template: `` }]
+        }] });
+
+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: Ntybase, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-ntybase', standalone: false, template: `
+    <p>
+      ntybase works!
+    </p>
+  ` }]
+        }] });
+
+const credentialsKey = 'credentials';
+class CredentialsService {
+    _credentials = null;
+    constructor() {
+        const savedCredentials = sessionStorage.getItem(credentialsKey) ||
+            localStorage.getItem(credentialsKey);
+        if (savedCredentials) {
+            this._credentials = JSON.parse(savedCredentials);
+        }
+    }
+    /**
+     * Checks is the user is authenticated.
+     * @return True if the user is authenticated.
+     */
+    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);
+        }
+    }
+    /** Get Credentials
+     *
+     * @returns
+     */
+    getCredentials() {
+        let _credentialsString = sessionStorage.getItem(credentialsKey);
+        if (_credentialsString == null || _credentialsString == '') {
+            _credentialsString = localStorage.getItem(credentialsKey);
+        }
+        return JSON.parse(_credentialsString ?? '');
+    }
+    /** Get the token if available otherwise return empty string
+     *
+     * @returns
+     */
+    getToken() {
+        try {
+            let _credentials = this.getCredentials();
+            return _credentials.token;
+        }
+        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 });
+        }
+        let parameters = urlParts[1].split('&');
+        return this.router.navigate([urlParts[0]], {
+            queryParams: {
+                parameters: parameters[0]?.replace('parameters=', '') ?? '',
+                type: parameters[1]?.replace('type=', '') ?? '',
+            },
+            replaceUrl: true,
         });
-        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;
@@ -2727,45 +3034,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
             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 ExcelImportBase extends NettyAgGridListBase {
-    dataList = [];
-    wopts = { bookType: 'xlsx', type: 'array' };
-    fileName = 'PayrollJournalTrans.xlsx';
-    isDataValidated = false;
-    /*******************************
-     *** EXCEL UPLOAD FUNCTIONS  ***
-     *******************************/
-    onFileChange(evt) {
-        /* wire up file reader */
-        const target = evt.target;
-        if (target.files.length !== 1) {
-            throw new Error('Cannot use multiple files');
-        }
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            /* read workbook */
-            const bstr = e.target.result;
-            const wb = XLSX.read(bstr, { type: 'binary' });
-            /* grab first sheet */
-            const wsname = wb.SheetNames[0];
-            const ws = wb.Sheets[wsname];
-            /* save data */
-            this.dataList = XLSX.utils.sheet_to_json(ws, { header: 1 });
-            console.log('dataList:', this.dataList);
-        };
-        reader.readAsBinaryString(target.files[0]);
-    }
-    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: ExcelImportBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-excel-import-base', imports: [], template: `` }]
-        }] });
+                type: ViewChild,
+                args: ['saveForm']
+            }] } });
 
 class RangeDateTimeFilter {
     params;
@@ -3565,7 +3836,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'], {
@@ -3599,7 +3870,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'], {
@@ -3692,7 +3963,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':
@@ -3756,7 +4027,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 +
@@ -3780,7 +4051,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 +
@@ -3819,7 +4090,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 +
@@ -4176,7 +4447,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 +
@@ -4365,29 +4636,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-C1t7F-R0.mjs');
-            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-BXQ_UTZY.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);
@@ -4559,238 +4807,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 }] }] } });
-
-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);
-    }
-}
-
 // converters.ts
 // Sayı dönüştürücü (hem . hem , destekler)
 const toNumber = (v) => {