@nettyapps/ntybase 21.1.39 → 21.1.41

package/fesm2022/nettyapps-ntybase.mjs

@@ -12,12 +12,12 @@ import * as i1$2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import * as i1$4 from '@angular/common';
 import { CommonModule, DatePipe, Location, DecimalPipe } from '@angular/common';
 import { Title } from '@angular/platform-browser';
 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 { themeQuartz, StatusBarModule, ClipboardModule, ExcelExportModule, ColumnMenuModule, ContextMenuModule, CellSelectionModule, RowSelectionModule, SetFilterModule, MultiFilterModule } from 'ag-grid-enterprise';
@@ -29,9 +29,11 @@ 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 * as i1$5 from '@angular/forms';
+import { FormsModule, FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { AgGridAngular } from 'ag-grid-angular';
+import { NettyUIButton, NettyUIFilterButton } from '@nettyapps/ntyui';
 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';
@@ -2149,1397 +2151,1409 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
             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 '';
-        }
+class RangeNumberFilter {
+    params;
+    filterText = '';
+    conditions = [];
+    agInit(params) {
+        this.params = params;
     }
-    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;
+    onFilterTextChanged(event) {
+        this.filterText = event.target.value;
+        this.parseFilterText();
+        this.params.filterChangedCallback();
     }
-    navigate(url) {
-        let urlParts = url.split('?');
-        if (urlParts.length == 1) {
-            return this.router.navigate(urlParts, { replaceUrl: true });
+    parseFilterText() {
+        this.conditions = [];
+        if (!this.filterText.trim()) {
+            return;
         }
-        let parameters = urlParts[1].split('&');
-        return this.router.navigate([urlParts[0]], {
-            queryParams: {
-                parameters: parameters[0]?.replace('parameters=', '') ?? '',
-                type: parameters[1]?.replace('type=', '') ?? '',
-            },
-            replaceUrl: true,
-        });
-    }
-    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' } }));
-                }
-                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' } }));
+        const parts = this.filterText
+            .split(',')
+            .map((part) => part.trim())
+            .filter((part) => part !== '');
+        for (const part of parts) {
+            // Hariç tutma kontrolü (! ile başlıyor mu)
+            if (part.startsWith('!')) {
+                const excludePart = part.substring(1).trim();
+                // Hariç tutma için aralık kontrolü
+                if (excludePart.includes('..')) {
+                    const rangeParts = excludePart.split('..');
+                    if (rangeParts.length === 2) {
+                        const minStr = rangeParts[0].trim();
+                        const maxStr = rangeParts[1].trim();
+                        // !..10 formatı (max hariç)
+                        if (minStr === '' && maxStr !== '') {
+                            const max = Number(maxStr);
+                            if (!isNaN(max)) {
+                                this.conditions.push({
+                                    type: 'exclude',
+                                    min: -Infinity,
+                                    max: max,
+                                });
+                            }
+                        }
+                        // !10.. formatı (min hariç)
+                        else if (minStr !== '' && maxStr === '') {
+                            const min = Number(minStr);
+                            if (!isNaN(min)) {
+                                this.conditions.push({
+                                    type: 'exclude',
+                                    min: min,
+                                    max: Infinity,
+                                });
+                            }
+                        }
+                        // !min..max formatı (aralık hariç)
+                        else if (minStr !== '' && maxStr !== '') {
+                            const min = Number(minStr);
+                            const max = Number(maxStr);
+                            if (!isNaN(min) && !isNaN(max)) {
+                                this.conditions.push({
+                                    type: 'exclude',
+                                    min: Math.min(min, max),
+                                    max: Math.max(min, max),
+                                });
+                            }
+                        }
+                    }
                 }
-                // 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' } }));
+                else {
+                    // Tek değer hariç tutma
+                    const value = Number(excludePart);
+                    if (!isNaN(value)) {
+                        this.conditions.push({
+                            type: 'exclude',
+                            value: value,
+                        });
+                    }
                 }
-                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' } }));
+            }
+            // Aralık kontrolü (.. içeriyor mu)
+            else if (part.includes('..')) {
+                const rangeParts = part.split('..');
+                if (rangeParts.length === 2) {
+                    const minStr = rangeParts[0].trim();
+                    const maxStr = rangeParts[1].trim();
+                    // ..10 formatı (max belirtilmiş)
+                    if (minStr === '' && maxStr !== '') {
+                        const max = Number(maxStr);
+                        if (!isNaN(max)) {
+                            this.conditions.push({
+                                type: 'range',
+                                min: -Infinity,
+                                max: max,
+                            });
+                        }
+                    }
+                    // 10.. formatı (min belirtilmiş)
+                    else if (minStr !== '' && maxStr === '') {
+                        const min = Number(minStr);
+                        if (!isNaN(min)) {
+                            this.conditions.push({
+                                type: 'range',
+                                min: min,
+                                max: Infinity,
+                            });
+                        }
+                    }
+                    // min..max formatı
+                    else if (minStr !== '' && maxStr !== '') {
+                        const min = Number(minStr);
+                        const max = Number(maxStr);
+                        if (!isNaN(min) && !isNaN(max)) {
+                            this.conditions.push({
+                                type: 'range',
+                                min: Math.min(min, max),
+                                max: Math.max(min, max),
+                            });
+                        }
+                    }
                 }
-                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,
+            }
+            else {
+                // Tek değer kontrolü
+                const value = Number(part);
+                if (!isNaN(value)) {
+                    this.conditions.push({
+                        type: 'value',
+                        value: value,
                     });
-                    // 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 Guid {
-    value = this.empty;
-    constructor(value) {
-        if (value) {
-            if (Guid.isValid(value)) {
-                this.value = value;
             }
         }
     }
-    static newGuid() {
-        return new Guid('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-            const r = (Math.random() * 16) | 0;
-            const v = c == 'x' ? r : (r & 0x3) | 0x8;
-            return v.toString(16);
-        }));
-    }
-    /**
-     * return all zeros '00000000-0000-0000-0000-000000000000'
-     */
-    static get empty() {
-        return '00000000-0000-0000-0000-000000000000';
-    }
-    get empty() {
-        return Guid.empty;
-    }
-    static isValid(str) {
-        const validRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/i;
-        return validRegex.test(str);
-    }
-    toString() {
-        return this.value;
-    }
-    toJSON() {
-        return this.value;
-    }
-    /**
-     * True is guid is empty or not valid
-     * @param str
-     * @returns
-     */
-    static isNullOrEmpty(str) {
-        if (str == null || str == undefined || str.trim() == '' || str == Guid.empty) {
-            return true;
-        }
-        if (!Guid.isValid(str)) {
+    doesFilterPass(params) {
+        const cellValue = this.params.getValue(params.node);
+        // Eğer filtre yoksa tüm satırları göster
+        if (this.conditions.length === 0) {
             return true;
         }
-        return false;
-    }
-    /**
-     * True if the guid is valid and not all zeros (empty)
-     * @param str
-     * @returns
-     */
-    static isValidAndNotEmpty(str) {
-        return !Guid.isNullOrEmpty(str);
-    }
-    /**
-     * Return empty guid if the given guid is not valid
-     * @param guid
-     * @returns
-     */
-    static emptyWhenNull(guid) {
-        if (Guid.isValidAndNotEmpty(guid)) {
-            return guid;
+        // Hücre değeri null/undefined ise veya sayı değilse filtrele
+        if (cellValue == null || typeof cellValue !== 'number') {
+            return false;
         }
-        return Guid.empty;
-    }
-}
-
-ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
-    ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule,]);
-// AgGrid Dark Mode Row Style
-class NettyAgGridListFilterBase extends NettyAgGridListBase {
-    // ********************************************
-    // *** INPUTS                               ***
-    // ********************************************
-    // Filter section
-    displayFilter = input(true, ...(ngDevMode ? [{ debugName: "displayFilter" }] : [])); // Does the component display it's filter section when embadded
-    _displayFilter = computed(() => this.displayFilter() ?? true, ...(ngDevMode ? [{ debugName: "_displayFilter" }] : [])); // Computed version of displayFilter to prevent undefined
-    isFilterValid = signal(true, ...(ngDevMode ? [{ debugName: "isFilterValid" }] : [])); // Can the filter be used
-    isFilterExpanded = linkedSignal({ ...(ngDevMode ? { debugName: "isFilterExpanded" } : {}), // Is the filter component expanded
-        source: () => ({
-            embedded: this._isEmbedded(),
-            displayFilter: this._displayFilter(),
-            valid: this.isFilterValid(),
-        }),
-        computation: (s) => {
-            if (s.embedded || !s.displayFilter)
-                return false;
-            return s.valid;
-        } });
-    filterRefreshTrigger = signal(0, ...(ngDevMode ? [{ debugName: "filterRefreshTrigger" }] : []));
-    constructor() {
-        super();
-        effect(() => {
-            if (this.hasValidValue(this.parameterGUID())) {
-                this.isFilterExpanded.set(false);
-                this.setFilter();
-                this.loadData();
+        // VİRGÜL OR MANTIĞI: Koşullardan herhangi biri sağlanıyorsa true döndür
+        const passesAnyCondition = this.conditions.some((condition) => {
+            if (condition.type === 'range' &&
+                condition.min !== undefined &&
+                condition.max !== undefined) {
+                // Aralık koşulu: değer aralık içinde olmalı
+                return cellValue >= condition.min && cellValue <= condition.max;
             }
-        });
-    }
-    async ngOnInit() {
-        await super.ngOnInit();
-    }
-    // *********************************************************
-    // *** Data Management Functions                         ***
-    // ********************************************************* 
-    loadData() {
-        if (Guid.isNullOrEmpty(this.parameterGUID())) {
-            this.setData([], true);
-            return;
-        }
-        this.nettyAppsProxy.select(this.record).subscribe({
-            next: (data) => {
-                this.setData(data, false);
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
-    }
-    async refreshData() {
-        try {
-            this.refreshFilterData();
-        }
-        catch (err) {
-            this.alertService.showError(err);
-        }
-    }
-    /**
-     * Triggers the filter component to refresh its data
-     */
-    refreshFilterData() {
-        this.filterRefreshTrigger.update(val => val > 10000 ? 1 : val + 1);
+            else if (condition.type === 'value' && condition.value !== undefined) {
+                // Değer koşulu: değer eşit olmalı
+                return cellValue === condition.value;
+            }
+            else if (condition.type === 'exclude') {
+                if (condition.value !== undefined) {
+                    // Tek değer hariç tutma: değer eşit olmamalı
+                    return cellValue !== condition.value;
+                }
+                else if (condition.min !== undefined && condition.max !== undefined) {
+                    // Aralık hariç tutma: değer aralık dışında olmalı
+                    return !(cellValue >= condition.min && cellValue <= condition.max);
+                }
+            }
+            return false;
+        });
+        return passesAnyCondition;
     }
-    onReverseIsFilterValid() {
-        this.isFilterValid.update((a) => !a);
+    isFilterActive() {
+        return this.conditions.length > 0;
     }
-    // *****************************************
-    // *** Logging Functions                 ***
-    // *****************************************
-    logInputs(message) {
-        if (!message || message.length < 1) {
-            message = 'AgGridListFilterBase - Inputs log';
+    getModel() {
+        if (this.isFilterActive()) {
+            return {
+                filterType: 'custom',
+                filterText: this.filterText,
+                conditions: this.conditions,
+            };
         }
-        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(),
-            "displayFilter": this.displayFilter(),
-            "_displayFilter": this._displayFilter(),
-            "isFilterValid": this.isFilterValid(),
-            "isFilterExpanded": this.isFilterExpanded(),
-        };
-        console.log(message, inputs);
+        return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListFilterBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridListFilterBase, isStandalone: true, selector: "ntybase-ag-grid-list-filter-base", inputs: { displayFilter: { classPropertyName: "displayFilter", publicName: "displayFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ntybase-id": "NettyAgGridListFilterBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListFilterBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-ag-grid-list-filter-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridListFilterBase' } }]
-        }], ctorParameters: () => [], propDecorators: { displayFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFilter", required: false }] }] } });
-
-class NettyAgGridLogBase extends NettyAgGridBase {
-    // ---------------------------------------------------
-    // --- RECORD LIST                                 ---
-    // ---------------------------------------------------
-    nettyAppsProxy = injectNettyStandardLogProxy(this.componentName());
-    /**
-     * Component initialization lifecycle hook
-     */
-    async ngOnInit() {
-        this.nettyAppsProxy.setURLPath(this.componentName());
-        await this.setAccessRights(true);
-        const savedSearchValue = sessionStorage.getItem(this.searchValueName());
-        if (savedSearchValue) {
-            this.searchValue.set(savedSearchValue);
+    setModel(model) {
+        if (model && model.filterText) {
+            this.filterText = model.filterText;
+            this.conditions = model.conditions || [];
+        }
+        else {
+            this.filterText = '';
+            this.conditions = [];
         }
-        this.loadData();
-        // Load user grid preferences
-        await this.nettyAgGridService.copyGridUserPereferenceToLocal(this.preferenceType());
-        await this.AfterOnInit();
-    }
-    loadData() {
-        this.nettyAppsProxy.selectLog(this.record).subscribe({
-            next: (data) => {
-                this.setData(data, false);
-            },
-            error: (err) => this.alertService.showError('@dataLoadFailed', err),
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridLogBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyAgGridLogBase, isStandalone: true, selector: "ntybase-ag-grid-log-base", host: { attributes: { "ntybase-id": "NettyAgGridLogBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeNumberFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeNumberFilter, isStandalone: true, selector: "ntybase-range-number-filter", host: { attributes: { "ntybase-id": "RangeNumberFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@numberFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@numberFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\"\n      >{{ '@formats' | translate }}:</strong\n    >\n\n    <div class=\"custom-filter__format\">\n      {{ '@closedRange' | translate }}:\n      <code>min..max</code>\n      <span class=\"custom-filter__example\">(0..5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrGreater' | translate }}:\n      <code>min..</code>\n      <span class=\"custom-filter__example\">(5..)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrLess' | translate }}:\n      <code>..max</code>\n      <span class=\"custom-filter__example\">(..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleValue' | translate }}:\n      <code>number</code>\n      <span class=\"custom-filter__example\">(10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exclusion' | translate }}:\n      <code>!number</code>\n      <span class=\"custom-filter__example\">(!5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@rangeExclusion' | translate }}:\n      <code>!min..max</code>\n      <span class=\"custom-filter__example\">(!5..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,range</code>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ 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: NettyAgGridLogBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeNumberFilter, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-ag-grid-log-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridLogBase' } }]
+            args: [{ selector: 'ntybase-range-number-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeNumberFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@numberFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@numberFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\"\n      >{{ '@formats' | translate }}:</strong\n    >\n\n    <div class=\"custom-filter__format\">\n      {{ '@closedRange' | translate }}:\n      <code>min..max</code>\n      <span class=\"custom-filter__example\">(0..5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrGreater' | translate }}:\n      <code>min..</code>\n      <span class=\"custom-filter__example\">(5..)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrLess' | translate }}:\n      <code>..max</code>\n      <span class=\"custom-filter__example\">(..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleValue' | translate }}:\n      <code>number</code>\n      <span class=\"custom-filter__example\">(10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exclusion' | translate }}:\n      <code>!number</code>\n      <span class=\"custom-filter__example\">(!5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@rangeExclusion' | translate }}:\n      <code>!min..max</code>\n      <span class=\"custom-filter__example\">(!5..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,range</code>\n    </div>\n  </div>\n</div>\n" }]
         }] });
 
-class NettyAgGridSaveBase extends NettyAppsBase {
-    // Services
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    commonService = inject(CommonService);
-    environment = inject(EnvironmentProxy);
-    dialog = inject(MatDialog);
-    viewMode = signal('sidenav', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-    // Input signals
-    parameters = input('', ...(ngDevMode ? [{ debugName: "parameters" }] : []));
-    // ---------------------------------------------------
-    // --- RECORD LIST                                 ---
-    // ---------------------------------------------------
-    nettyAppsProxy = injectNettyStandardProxy('');
-    recordType = signal('', ...(ngDevMode ? [{ debugName: "recordType" }] : []));
-    currentItem = signal({}, ...(ngDevMode ? [{ debugName: "currentItem" }] : []));
-    initialItem = {};
-    // Form tracking
-    formChanged = false;
-    saveForm;
-    // Dialog related properties
-    dialogRef = inject((MatDialogRef), { optional: true });
-    dialogData = inject(MAT_DIALOG_DATA, { optional: true });
-    constructor() {
-        super();
-        effect(() => {
-            this.parameters();
-            this.loadDetailData();
-        });
-    }
-    // Controls the visibility of additional editable fields (e.g., password, extra settings)
-    // When true, certain input fields become visible for editing
-    updateValid = signal(false, ...(ngDevMode ? [{ debugName: "updateValid" }] : []));
-    setUpdateValid(value) {
-        this.updateValid.set(value);
+class RangeStringFilter {
+    params;
+    filterText = '';
+    conditions = [];
+    agInit(params) {
+        this.params = params;
     }
-    /**
-     * Initialize parameters. This method is called in ngOnInit or constructor
-     */
-    initParameters(urlPath) {
-        this.nettyAppsProxy.setURLPath(urlPath);
-        this.recordType.set(urlPath);
+    onFilterTextChanged(event) {
+        this.filterText = event.target.value;
+        this.parseFilterText();
+        this.params.filterChangedCallback();
     }
-    /**
-     * Determine view mode based on current route
-     */
-    determineViewMode() {
-        if (this.embedded() || this.dialogData?.embedded) {
-            this.viewMode.set('dialog');
-        }
-        else if (this.router.url.includes('(rightSidenav:')) {
-            this.viewMode.set('sidenav');
+    parseFilterText() {
+        this.conditions = [];
+        if (!this.filterText.trim()) {
+            return;
         }
-        else {
-            this.viewMode.set('fullscreen');
+        const parts = this.filterText
+            .split(',')
+            .map((part) => part.trim())
+            .filter((part) => part !== '');
+        for (const part of parts) {
+            // "!" ile başlayan olumsuz koşul kontrolü
+            if (part.startsWith('!')) {
+                const positiveCondition = part.slice(1);
+                const positiveParsed = this.parseSingleCondition(positiveCondition);
+                if (positiveParsed) {
+                    this.conditions.push({
+                        type: 'not',
+                        condition: positiveParsed,
+                    });
+                }
+                continue;
+            }
+            const parsedCondition = this.parseSingleCondition(part);
+            if (parsedCondition) {
+                this.conditions.push(parsedCondition);
+            }
         }
     }
-    /**
-     * Set data to the form while preserving any unsaved changes
-     * @param item - Data object of type T to populate the form
-     */
-    initializeFormData(item) {
-        // Merge incoming data with current form state to preserve unsaved changes
-        const currentItem = this.currentItem();
-        const updatedItem = { ...currentItem, ...item };
-        // Create a new instance using the factory method
-        const newItem = this.createItemInstance(updatedItem);
-        this.currentItem.set(newItem);
-        // Update initial item reference for change detection
-        this.initialItem = this.createItemInstance(updatedItem);
-        // Reset form changed flag
-        this.formChanged = false;
-    }
-    /**
-     * @param data - Data to populate the new instance
-     */
-    createItemInstance(data) {
-        const instance = this.createNewRecord();
-        Object.assign(instance, data);
-        return instance;
-    }
-    /**
-     * Check for form changes
-     */
-    ngDoCheck() {
-        this.formChanged = !this.isEqual(this.currentItem(), this.initialItem);
-    }
-    isEqual(item1, item2) {
-        return JSON.stringify(item1) === JSON.stringify(item2);
-    }
-    /**
-     * Check if can deactivate component
-     */
-    async canDeactivate() {
-        if (this.formChanged) {
-            const confirmed = await this.alertService.showConfirm('@unsavedChangesConfirm');
-            if (!confirmed) {
-                return false;
+    parseSingleCondition(condition) {
+        // Regex kontrolü ($$ ile başlıyorsa)
+        if (condition.startsWith('$$')) {
+            const regexPattern = condition.slice(2);
+            if (regexPattern) {
+                return {
+                    type: 'regex',
+                    pattern: regexPattern,
+                };
             }
-            return true;
         }
-        return true;
-    }
-    getGuidFromParameters() {
-        if (this.viewMode() === 'dialog' && this.dialogData) {
-            return this.dialogData.parameters || '';
+        // Aralık kontrolü (.. içeriyor mu) - ama $$.. şeklinde değilse
+        if (condition.includes('..') && !condition.startsWith('$$')) {
+            const rangeParts = condition.split('..');
+            if (rangeParts.length === 2) {
+                const start = rangeParts[0].trim();
+                const end = rangeParts[1].trim();
+                if (start && end) {
+                    return {
+                        type: 'range',
+                        start: start.toLowerCase(),
+                        end: end.toLowerCase(),
+                    };
+                }
+            }
         }
-        if (this.parameters()) {
-            try {
-                return JSON.parse(this.parameters());
+        // Tek karakter kontrolü (? ile)
+        else if (condition.includes('?') && !condition.startsWith('$$')) {
+            // Eğer sadece normal karakterler varsa (özel karakter yoksa) exact match
+            const hasSpecialChars = condition.includes('*') ||
+                condition.includes('?') ||
+                condition.includes('..');
+            if (!hasSpecialChars) {
+                return {
+                    type: 'exact',
+                    value: condition.toLowerCase(),
+                };
             }
-            catch (e) {
-                return this.parameters();
+            // ? karakteri içeriyorsa singleChar kontrolü
+            const value = condition.toLowerCase();
+            if (value) {
+                return {
+                    type: 'singleChar',
+                    value: value,
+                };
             }
         }
-        return '';
-    }
-    /**
-     * Close sidenav or navigate back
-     */
-    async closeSidenav() {
-        const canDeactivate = await this.canDeactivate();
-        if (canDeactivate) {
-            if (this.viewMode() === 'dialog' && this.dialogRef) {
-                this.dialogRef.close('saved');
+        // Başlangıç kontrolü (* sonunda)
+        else if (condition.endsWith('*') &&
+            !condition.startsWith('*') &&
+            !condition.startsWith('$$')) {
+            const value = condition.slice(0, -1).toLowerCase();
+            if (value) {
+                return {
+                    type: 'startsWith',
+                    value: value,
+                };
             }
-            else if (this.viewMode() === 'sidenav') {
-                this.formChanged = false;
-                this.commonService.clearOutlet();
+        }
+        // Bitiş kontrolü (* başında)
+        else if (condition.startsWith('*') &&
+            !condition.endsWith('*') &&
+            !condition.startsWith('$$')) {
+            const value = condition.slice(1).toLowerCase();
+            if (value) {
+                return {
+                    type: 'endsWith',
+                    value: value,
+                };
             }
-            else {
-                const cleanPath = this.commonService.getCleanUrlPath();
-                this.router.navigate([cleanPath]);
+        }
+        // İçeren kontrolü (* ile başlayıp * ile bitiyorsa)
+        else if (condition.startsWith('*') &&
+            condition.endsWith('*') &&
+            !condition.startsWith('$$')) {
+            const value = condition.slice(1, -1).toLowerCase();
+            if (value) {
+                return {
+                    type: 'contains',
+                    value: value,
+                };
             }
         }
-    }
-    /**
-     * Back button clicked
-     */
-    async backClicked() {
-        const canDeactivate = await this.canDeactivate();
-        if (canDeactivate) {
-            if (this.viewMode() === 'dialog' && this.dialogRef) {
-                this.dialogRef.close('back');
+        // Normal exact match (hiçbir özel karakter yoksa)
+        else if (!condition.startsWith('$$') &&
+            !condition.includes('*') &&
+            !condition.includes('?') &&
+            !condition.includes('..')) {
+            const value = condition.toLowerCase();
+            if (value) {
+                return {
+                    type: 'exact',
+                    value: value,
+                };
             }
-            else {
-                this.commonService.goBack();
+        }
+        // Normal içeren kontrolü (varsayılan) - regex değilse
+        else if (!condition.startsWith('$$')) {
+            const value = condition.toLowerCase();
+            if (value) {
+                return {
+                    type: 'contains',
+                    value: value,
+                };
             }
         }
+        return null;
     }
-    validateSaveRecord(recordGUID) {
-        if (this.saveForm && this.saveForm.invalid) {
-            Object.keys(this.saveForm.controls).forEach((key) => {
-                const control = this.saveForm.controls[key];
-                control.markAsTouched();
-                control.markAsDirty();
-            });
-            this.alertService.showError('@pleaseFillRequiredFields');
-            return false;
+    doesFilterPass(params) {
+        const field = this.params.colDef.field;
+        if (!field)
+            return true;
+        const cellValue = params.data
+            ? String(params.data[field] || '').toLowerCase()
+            : '';
+        // Eğer filtre yoksa tüm satırları göster
+        if (this.conditions.length === 0) {
+            return true;
         }
-        // First check if there are any visual form changes
-        if (!this.formChanged && recordGUID) {
-            this.alertService.showAlert('@noChangesDetected');
-            // if (this.closeAfterSave()) {
-            //   this.closeSidenav();
-            // }
+        // Hücre değeri boşsa filtrele
+        if (!cellValue) {
             return false;
         }
-        return true;
+        // VİRGÜL OR MANTIĞI: Koşullardan herhangi biri sağlanıyorsa true döndür
+        return this.conditions.some((condition) => {
+            const conditionResult = this.checkSingleCondition(cellValue, condition);
+            return condition.type === 'not' ? !conditionResult : conditionResult;
+        });
     }
-    /**
-     * Save data to API
-     * Handles both create and update operations based on record existence
-     */
-    saveRecord() {
-        if (!this.validateSaveRecord(this.currentItem().getPK())) {
-            return;
+    checkSingleCondition(cellValue, condition) {
+        switch (condition.type) {
+            case 'contains':
+                return condition.value ? cellValue.includes(condition.value) : false;
+            case 'startsWith':
+                return condition.value ? cellValue.startsWith(condition.value) : false;
+            case 'endsWith':
+                return condition.value ? cellValue.endsWith(condition.value) : false;
+            case 'exact':
+                return condition.value ? cellValue === condition.value : false;
+            case 'range':
+                if (condition.start && condition.end) {
+                    return cellValue >= condition.start && cellValue <= condition.end;
+                }
+                return false;
+            case 'singleChar':
+                if (condition.value) {
+                    // ? karakterini herhangi bir karakter olarak değerlendir
+                    const pattern = condition.value;
+                    if (cellValue.length !== pattern.length) {
+                        return false;
+                    }
+                    // Her karakteri tek tek kontrol et
+                    for (let i = 0; i < pattern.length; i++) {
+                        const patternChar = pattern[i];
+                        const cellChar = cellValue[i];
+                        // Eğer pattern'de ? değilse ve karakterler eşleşmiyorsa false
+                        if (patternChar !== '?' && patternChar !== cellChar) {
+                            return false;
+                        }
+                    }
+                    return true;
+                }
+                return false;
+            case 'regex':
+                if (condition.pattern) {
+                    try {
+                        const regex = new RegExp(condition.pattern, 'i'); // case-insensitive
+                        return regex.test(cellValue);
+                    }
+                    catch (e) {
+                        // Geçersiz regex patterni durumunda false döndür
+                        console.warn('Geçersiz regex patterni:', condition.pattern);
+                        return false;
+                    }
+                }
+                return false;
+            case 'not':
+                return this.checkSingleCondition(cellValue, condition.condition);
+            default:
+                return false;
         }
-        if (this.currentItem().getPK()) {
-            this.updateRecord();
+    }
+    isFilterActive() {
+        return this.conditions.length > 0;
+    }
+    getModel() {
+        if (this.isFilterActive()) {
+            return {
+                filterType: 'custom',
+                filterText: this.filterText,
+                conditions: this.conditions,
+            };
+        }
+        return null;
+    }
+    setModel(model) {
+        if (model && model.filterText) {
+            this.filterText = model.filterText;
+            this.conditions = model.conditions || [];
+        }
+        else {
+            this.filterText = '';
+            this.conditions = [];
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeStringFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeStringFilter, isStandalone: true, selector: "ntybase-range-string-filter", host: { attributes: { "ntybase-id": "RangeStringFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@stringFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@stringFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exactMatch' | translate }}:\n      <code>text</code>\n      <span class=\"custom-filter__example\">(ahmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@startsWith' | translate }}:\n      <code>text*</code>\n      <span class=\"custom-filter__example\">(ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@endsWith' | translate }}:\n      <code>*text</code>\n      <span class=\"custom-filter__example\">(*metin)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@contains' | translate }}:\n      <code>*text*</code>\n      <span class=\"custom-filter__example\">(*ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(ali..veli)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@singleCharacter' | translate }}:\n      </span>\n      <code>?em</code>\n      <span class=\"custom-filter__example\">\n        (?em = 3 characters, 2nd and 3rd letters \"em\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@multipleCharacters' | translate }}:\n      </span>\n      <code>???in</code>\n      <span class=\"custom-filter__example\">\n        (5 characters, last 2 letters \"in\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@not' | translate }}:\n      <code>!condition</code>\n      <span class=\"custom-filter__example\">(!*ahmet*, !?hmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@regex' | translate }}:\n      <code>$$pattern</code>\n      <span class=\"custom-filter__example\">($$^[A-Z].*, $$a.*b)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,*end,$$pattern</code>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ 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: RangeStringFilter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-range-string-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeStringFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@stringFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@stringFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exactMatch' | translate }}:\n      <code>text</code>\n      <span class=\"custom-filter__example\">(ahmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@startsWith' | translate }}:\n      <code>text*</code>\n      <span class=\"custom-filter__example\">(ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@endsWith' | translate }}:\n      <code>*text</code>\n      <span class=\"custom-filter__example\">(*metin)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@contains' | translate }}:\n      <code>*text*</code>\n      <span class=\"custom-filter__example\">(*ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(ali..veli)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@singleCharacter' | translate }}:\n      </span>\n      <code>?em</code>\n      <span class=\"custom-filter__example\">\n        (?em = 3 characters, 2nd and 3rd letters \"em\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@multipleCharacters' | translate }}:\n      </span>\n      <code>???in</code>\n      <span class=\"custom-filter__example\">\n        (5 characters, last 2 letters \"in\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@not' | translate }}:\n      <code>!condition</code>\n      <span class=\"custom-filter__example\">(!*ahmet*, !?hmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@regex' | translate }}:\n      <code>$$pattern</code>\n      <span class=\"custom-filter__example\">($$^[A-Z].*, $$a.*b)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,*end,$$pattern</code>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+//-------------------------------
+//| Generated by NettyWizard V2 |
+//-------------------------------
+class ExcelLogViewer extends NettyAgGridListBase {
+    /** Component Constructor */
+    constructor() {
+        super();
+    }
+    /** Get the rowId */
+    getRowId = (params) => params.data.rowIndex.toString();
+    /** Get the entity type for the component */
+    getEntityType = () => 'ParseLog';
+    pkFieldName() { return 'rowIndex'; }
+    loadData() { }
+    setParseData(data) {
+        data.forEach((item) => {
+            if (item.messageKey) {
+                item.message = this.translateService.instant(item.messageKey, item.messageParams);
+            }
+        });
+        super.setData(data);
+    }
+    /** Initialize Ag-Grid specific settings */
+    initAgGrid() {
+        this.excelStyles = this.nettyAgGridService.getExcelStyles();
+        this.columnDefs.set([
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.row'), field: 'rowIndex', cellClass: 'numberType', filter: this.customFilters() ? RangeNumberFilter : 'agNumberColumnFilter', type: "numericColumn", cellStyle: { textAlign: 'right' } },
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.message'), field: 'message', cellClass: 'text-format', filter: this.customFilters() ? RangeStringFilter : 'agSetColumnFilter', },
+            { headerName: this.translateService.instant('@EXCEL_PARSER_LOG.level'), field: 'level', cellClass: 'text-format', filter: this.customFilters() ? RangeStringFilter : 'agSetColumnFilter', },
+        ]);
+        this.initAgGrid_extension();
+    }
+    popupClose() {
+        super.popupClose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelLogViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ExcelLogViewer, isStandalone: true, selector: "app-excel-log-viewer", usesInheritance: true, ngImport: i0, template: "<div class='list-container'>\n    <div class='list-menu-button-bar'>\n        <ntyui-button type='menu' icon='settings_ethernet' [disableOnClick]='false' (clicked)='expandCollapse()' />\n        <ntyui-button type='menu' icon='regular_expression'\n            [toolTip]=\"(customFilters() ? '@customFilterActive' : '@defaultFilterActive') | translate\"\n            [disableOnClick]='true' [disableDuration]='0'\n            [ngClass]=\"{'custom-filter-mode': !customFilters(),'default-filter-mode': customFilters()}\"\n            (clicked)='toggleFilterMode()' />\n        <ntyui-filter-button icon='filter_alt' (isSearchOpen)=\"onFilterTextBoxVisibilityChange($event)\"\n            [searchValue]='searchValue()' (onSearch)='quickSearch($event)' />\n        <ntyui-button type='close' class='list-close-button' [toolTip]=\"'@close'|translate\" (clicked)='popupClose()' />\n    </div>\n    <div class='list-grid'>\n        <ag-grid-angular #agGrid class='ag-theme-balham grid-form-grid-full' [rowData]='recordList()'\n            [columnDefs]='columnDefs()' [gridOptions]='gridOptions' [rowSelection]='gridOptions.rowSelection'\n            [components]='frameworkComponents' [suppressAggFuncInHeader]='true' [enableCellTextSelection]='true'\n            (firstDataRendered)='onFirstDataRendered($event)' (columnMoved)='saveGrid($event)'\n            (columnVisible)='saveGrid($event)' (columnResized)='saveGrid($event)' (gridReady)='onGridReady($event)'\n            [statusBar]='statusBar'></ag-grid-angular>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: NettyUIButton, selector: "ntyui-button", inputs: ["icon", "isFilled", "menuReference", "disableOnClick", "disableDuration", "waitingText", "type", "toolTip"], outputs: ["clicked"] }, { kind: "component", type: NettyUIFilterButton, selector: "ntyui-filter-button", inputs: ["icon", "waitingText", "searchValue"], outputs: ["clicked", "onSearch", "isSearchOpen"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ExcelLogViewer, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-excel-log-viewer', imports: [AgGridAngular, CommonModule, FormsModule, NettyUIButton, NettyUIFilterButton,
+                        FormsModule, TranslateModule], template: "<div class='list-container'>\n    <div class='list-menu-button-bar'>\n        <ntyui-button type='menu' icon='settings_ethernet' [disableOnClick]='false' (clicked)='expandCollapse()' />\n        <ntyui-button type='menu' icon='regular_expression'\n            [toolTip]=\"(customFilters() ? '@customFilterActive' : '@defaultFilterActive') | translate\"\n            [disableOnClick]='true' [disableDuration]='0'\n            [ngClass]=\"{'custom-filter-mode': !customFilters(),'default-filter-mode': customFilters()}\"\n            (clicked)='toggleFilterMode()' />\n        <ntyui-filter-button icon='filter_alt' (isSearchOpen)=\"onFilterTextBoxVisibilityChange($event)\"\n            [searchValue]='searchValue()' (onSearch)='quickSearch($event)' />\n        <ntyui-button type='close' class='list-close-button' [toolTip]=\"'@close'|translate\" (clicked)='popupClose()' />\n    </div>\n    <div class='list-grid'>\n        <ag-grid-angular #agGrid class='ag-theme-balham grid-form-grid-full' [rowData]='recordList()'\n            [columnDefs]='columnDefs()' [gridOptions]='gridOptions' [rowSelection]='gridOptions.rowSelection'\n            [components]='frameworkComponents' [suppressAggFuncInHeader]='true' [enableCellTextSelection]='true'\n            (firstDataRendered)='onFirstDataRendered($event)' (columnMoved)='saveGrid($event)'\n            (columnVisible)='saveGrid($event)' (columnResized)='saveGrid($event)' (gridReady)='onGridReady($event)'\n            [statusBar]='statusBar'></ag-grid-angular>\n    </div>\n</div>" }]
+        }], ctorParameters: () => [] });
+
+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;
         }
-        this.insertRecord();
+        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();
     }
-    /**
-     * Create new record
-     */
-    insertRecord() {
-        const createData = {};
-        const currentItem = this.currentItem();
-        Object.keys(currentItem).forEach((key) => {
-            if (currentItem[key] !== undefined && currentItem[key] !== null && currentItem[key] !== '') {
-                createData[key] = currentItem[key];
-            }
+    showLogs() {
+        const dialogRef = this.logDialog.open(ExcelLogViewer, {
+            height: '70%',
+            width: '90%',
+            maxWidth: '100vw',
+            maxHeight: '100vh'
         });
-        this.nettyAppsProxy.insert(createData).subscribe({
-            next: (newRecord) => {
-                this.initializeFormData(newRecord);
-                this.commonService.notifyUpdate(this.recordType(), 'add', newRecord);
-                this.closeSidenav();
-                this.alertService.showSuccess('@recordCreatedSuccessfully');
-            },
-            error: (err) => this.alertService.showError('@creationFailed', err),
+        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);
+        }
+    }
     /**
-     * Update record
+     * Checks is the user is authenticated.
+     * @return True if the user is authenticated.
      */
-    updateRecord() {
-        const changes = this.initialItem.compare(this.currentItem());
-        const updateData = this.createNewRecord();
-        Object.assign(updateData, changes);
-        updateData.setPK(this.currentItem().getPK());
-        this.nettyAppsProxy.update(updateData).subscribe({
-            next: (updatedRecord) => {
-                this.initializeFormData(updatedRecord);
-                this.commonService.notifyUpdate(this.recordType(), 'update', updatedRecord);
-                this.closeSidenav();
-                this.alertService.showSuccess('@recordUpdatedSuccessfully');
-            },
-            error: (err) => this.alertService.showError('@updateFailed', err),
-        });
+    isAuthenticated() {
+        return !!this.credentials;
     }
     /**
-     * Create new record
+     * Gets the user credentials.
+     * @return The user credentials or null if the user is not authenticated.
      */
-    async createNewData() {
-        // If no GUID provided, initialize a new record
-        let newRecord = this.createNewRecord();
-        newRecord = await lastValueFrom(this.nettyAppsProxy.initRecord(newRecord))
-            .catch((er) => {
-            this.alertService.showError('@initRecordFailed:', er);
-            return this.createNewRecord();
-        });
-        this.initializeFormData(newRecord);
-        this.updateValid.set(true);
+    get credentials() {
+        return this._credentials;
+    }
+    get token() {
+        return this._credentials?.token ?? null;
     }
     /**
-     * Load data from API based on GUID
-     * Handles both new record creation and existing record editing
-     * guid - Unique identifier of the record
+     * 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.
      */
-    async loadDetailData() {
-        const guid = this.getGuidFromParameters();
-        if (!guid) {
-            await this.createNewData();
-            return;
+    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);
         }
-        // Fetch existing record from API
-        this.nettyAppsProxy.selectGUID(guid).subscribe({
-            next: (data) => {
-                const record = this.createItemInstance(data);
-                if (!record || !record.getPK()) {
-                    this.alertService.showError('@recordNotFound');
-                    const cleanPath = this.commonService.getCleanUrlPath();
-                    this.router.navigate([cleanPath]);
-                    return;
-                }
-                this.initializeFormData(record);
-                this.alertService.showSuccess('@dataLoadSuccess');
-                // Ensure sidenav is visible when in sidenav mode
-                if (this.viewMode() === 'sidenav') {
-                    this.commonService.toggleRightSidenav(true);
-                }
-            },
-            error: (err) => {
-                this.alertService.showError('@dataLoadFailed');
-                this.commonService.toggleRightSidenav(false);
-                // Redirect to user list on error in fullscreen mode
-                if (this.viewMode() === 'fullscreen') {
-                    const cleanPath = this.commonService.getCleanUrlPath();
-                    this.router.navigate([cleanPath]);
-                }
-            },
-        });
     }
-    // ***************************************************
-    // *** gotoURL Methods                             ***
-    // ***************************************************
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        const navigationExtras = {
-            queryParams: {
-                parameters: JSON.stringify(parameters),
-                ...(type && { type }),
-                isNewTab: isNewTab || undefined,
-            },
-            queryParamsHandling: 'merge',
-        };
-        if (isNewTab) {
-            const fullUrl = this.router
-                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
-                .toString();
-            window.open(fullUrl, '_blank');
-            return;
+    /** Get Credentials
+     *
+     * @returns
+     */
+    getCredentials() {
+        let _credentialsString = sessionStorage.getItem(credentialsKey);
+        if (_credentialsString == null || _credentialsString == '') {
+            _credentialsString = localStorage.getItem(credentialsKey);
         }
-        if (isPopup && dialogComponent) {
-            this.dialog
-                .open(dialogComponent, {
-                data: {
-                    parameters: parameters,
-                    mode: type || 'edit',
-                    embedded: true,
-                },
-                maxWidth: '100vw',
-                disableClose: true,
-                hasBackdrop: false,
-            })
-                .afterClosed();
-            return;
+        return JSON.parse(_credentialsString ?? '');
+    }
+    /** Get the token if available otherwise return empty string
+     *
+     * @returns
+     */
+    getToken() {
+        try {
+            let _credentials = this.getCredentials();
+            return _credentials.token;
         }
-        // Log control
-        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
-            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
-            return;
+        catch (error) {
+            return '';
         }
-        // In all other cases, open the side menu
-        this.router
-            .navigate([
-            {
-                outlets: {
-                    primary: routePrefix,
-                    rightSidenav: [...routePrefix, ...rightSidenav],
-                },
-            },
-        ], navigationExtras)
-            .then(() => {
-            // Ensure sidenav is opened after navigation
-            this.commonService.toggleRightSidenav(true);
-        });
     }
-    popupGotoURL(urlSegments) {
-        const baseHref = this.environment.getBaseHref().endsWith('/')
-            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
-            : this.environment.getBaseHref();
-        this.router.navigate([
-            {
-                outlets: {
-                    primary: [baseHref, ...urlSegments],
-                    rightSidenav: null,
-                },
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: 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,
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    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: NettyAgGridSaveBase, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-ag-grid-save-base', imports: [], template: `` }]
-        }], ctorParameters: () => [], propDecorators: { parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], saveForm: [{
-                type: ViewChild,
-                args: ['saveForm']
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UrlHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
-class RangeDateTimeFilter {
-    params;
-    filterText = '';
-    conditions = [];
-    // Dil servisini inject edin
-    i18nService = inject(I18nService);
-    translateService = inject(TranslateService);
-    // Türkçe ve İngilizce özel anahtar kelimeler
-    specialKeywords = {
-        today: 'today',
-        bugün: 'today',
-        yesterday: 'yesterday',
-        dün: 'yesterday',
-        thisweek: 'thisWeek',
-        'bu hafta': 'thisWeek',
-        thismonth: 'thisMonth',
-        'bu ay': 'thisMonth',
-    };
-    agInit(params) {
-        this.params = params;
-    }
-    onFilterTextChanged(event) {
-        this.filterText = event.target.value;
-        this.parseFilterText();
-        this.params.filterChangedCallback();
-    }
-    parseFilterText() {
-        this.conditions = [];
-        if (!this.filterText.trim()) {
-            return;
-        }
-        // Virgülle ayrılmış parçaları al ve temizle
-        const parts = this.filterText
-            .split(',')
-            .map((part) => part.trim())
-            .filter((part) => part !== '');
-        for (const part of parts) {
-            // Aralık kontrolü (.. içeriyor mu) - ÖNCE aralık kontrolü yap
-            if (part.includes('..')) {
-                const rangeParts = part.split('..');
-                if (rangeParts.length === 2) {
-                    const startStr = rangeParts[0].trim();
-                    const endStr = rangeParts[1].trim();
-                    const startDate = this.parseDateForRange(startStr, false);
-                    const endDate = this.parseDateForRange(endStr, true);
-                    if (startDate && endDate) {
-                        // Tarihleri doğru sırala (küçükten büyüğe)
-                        const sortedStart = startDate < endDate ? startDate : endDate;
-                        const sortedEnd = startDate < endDate ? endDate : startDate;
-                        this.conditions.push({
-                            type: 'range',
-                            start: sortedStart,
-                            end: sortedEnd,
-                        });
-                    }
+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' } }));
                 }
-            }
-            else {
-                // Özel anahtar kelime kontrolü (Türkçe ve İngilizce)
-                const normalizedPart = part.toLowerCase();
-                if (this.specialKeywords[normalizedPart]) {
-                    this.conditions.push({
-                        type: 'special',
-                        special: this.specialKeywords[normalizedPart],
+                if (error instanceof HttpErrorResponse && error.status === 403) {
+                    this.router.navigate(['/forbidden'], {
+                        state: { attemptedUrl: this.router.url }, // Orijinal URL'i state olarak geçme
                     });
-                    continue;
+                    return of(new HttpResponse({ status: 200, body: { message: 'Success' } }));
                 }
-                // Tek tarih kontrolü
-                const date = this.parseDate(part);
-                if (date) {
-                    this.conditions.push({
-                        type: 'date',
-                        date: date,
+                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' } }));
                 }
-            }
-        }
-    }
-    parseDateForRange(dateString, isEndDate) {
-        if (!dateString)
-            return null;
-        // Özel anahtar kelimeler için tarih dönüşümü
-        const normalizedString = dateString.toLowerCase();
-        if (this.specialKeywords[normalizedString]) {
-            const specialType = this.specialKeywords[normalizedString];
-            const range = this.getSpecialDateRange(specialType);
-            return isEndDate ? range.end : range.start;
+                // For other errors, re-throw the error to propagate it further
+                return throwError(() => error);
+            }));
         }
-        return this.parseDate(dateString);
-    }
-    // Mevcut dili kontrol eden yardımcı metod
-    isTurkish() {
-        const currentLang = this.i18nService.language.toLowerCase();
-        return (currentLang === 'tr' ||
-            currentLang === 'türkçe' ||
-            currentLang === 'tr-tr');
-    }
-    parseDate(dateString) {
-        if (!dateString)
-            return null;
-        // Mevcut dile göre formatları belirle
-        const isTurkish = this.isTurkish();
-        // Tarih formatları - ÖNCE saat içeren formatlar
-        const formats = [
-            // ISO format: YYYY-AA-GG SS:DD (her dilde aynı)
-            /^(\d{4})-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{2})$/,
-            // Dile göre formatlar
-            ...(isTurkish
-                ? [
-                    // Türkçe format: GG.AA.YYYY SS:DD (., /, - ile)
-                    /^(\d{1,2})[\.\/-](\d{1,2})[\.\/-](\d{4}) (\d{1,2}):(\d{2})$/,
-                    // Türkçe format: GG.AA.YYYY (., /, - ile)
-                    /^(\d{1,2})[\.\/-](\d{1,2})[\.\/-](\d{4})$/,
-                ]
-                : [
-                    // İngilizce/USA format: AA/GG/YYYY SS:DD (/, ., - ile)
-                    /^(\d{1,2})[\/\.-](\d{1,2})[\/\.-](\d{4}) (\d{1,2}):(\d{2})$/,
-                    // İngilizce/USA format: AA/GG/YYYY (/, ., - ile)
-                    /^(\d{1,2})[\/\.-](\d{1,2})[\/\.-](\d{4})$/,
-                ]),
-            // Sadece tarih formatları (saat yok)
-            /^(\d{4})-(\d{1,2})-(\d{1,2})$/, // YYYY-AA-GG (ISO)
-        ];
-        for (const format of formats) {
-            const match = dateString.match(format);
-            if (match) {
-                let year, month, day, hours = 0, minutes = 0;
-                if (format === formats[0]) {
-                    // ISO: YYYY-AA-GG SS:DD
-                    year = parseInt(match[1], 10);
-                    month = parseInt(match[2], 10) - 1;
-                    day = parseInt(match[3], 10);
-                    hours = parseInt(match[4], 10);
-                    minutes = parseInt(match[5], 10);
-                }
-                else if (isTurkish && format === formats[1]) {
-                    // Türkçe: GG.AA.YYYY SS:DD
-                    day = parseInt(match[1], 10);
-                    month = parseInt(match[2], 10) - 1;
-                    year = parseInt(match[3], 10);
-                    hours = parseInt(match[4], 10);
-                    minutes = parseInt(match[5], 10);
-                }
-                else if (!isTurkish && format === formats[1]) {
-                    // İngilizce: AA/GG/YYYY SS:DD
-                    month = parseInt(match[1], 10) - 1;
-                    day = parseInt(match[2], 10);
-                    year = parseInt(match[3], 10);
-                    hours = parseInt(match[4], 10);
-                    minutes = parseInt(match[5], 10);
-                }
-                else if (isTurkish && format === formats[2]) {
-                    // Türkçe: GG.AA.YYYY
-                    day = parseInt(match[1], 10);
-                    month = parseInt(match[2], 10) - 1;
-                    year = parseInt(match[3], 10);
-                }
-                else if (!isTurkish && format === formats[2]) {
-                    // İngilizce: AA/GG/YYYY
-                    month = parseInt(match[1], 10) - 1;
-                    day = parseInt(match[2], 10);
-                    year = parseInt(match[3], 10);
-                }
-                else if (format === formats[3]) {
-                    // ISO: YYYY-AA-GG
-                    year = parseInt(match[1], 10);
-                    month = parseInt(match[2], 10) - 1;
-                    day = parseInt(match[3], 10);
+        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' } }));
                 }
-                else {
-                    continue;
+                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' } }));
                 }
-                // Tarih geçerlilik kontrolü
-                const date = new Date(year, month, day, hours, minutes);
-                if (date.getFullYear() === year &&
-                    date.getMonth() === month &&
-                    date.getDate() === day &&
-                    date.getHours() === hours &&
-                    date.getMinutes() === minutes) {
-                    return date;
+                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);
+            }));
         }
-        return null;
     }
-    getSpecialDateRange(special) {
-        const now = new Date();
-        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-        switch (special) {
-            case 'today':
-                const tomorrow = new Date(today);
-                tomorrow.setDate(tomorrow.getDate() + 1);
-                return { start: today, end: tomorrow };
-            case 'yesterday':
-                const yesterday = new Date(today);
-                yesterday.setDate(yesterday.getDate() - 1);
-                const yesterdayEnd = new Date(yesterday);
-                yesterdayEnd.setDate(yesterdayEnd.getDate() + 1);
-                return { start: yesterday, end: yesterdayEnd };
-            case 'thisWeek':
-                const startOfWeek = new Date(today);
-                startOfWeek.setDate(today.getDate() - today.getDay());
-                const endOfWeek = new Date(startOfWeek);
-                endOfWeek.setDate(startOfWeek.getDate() + 7);
-                return { start: startOfWeek, end: endOfWeek };
-            case 'thisMonth':
-                const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-                const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1);
-                return { start: startOfMonth, end: endOfMonth };
-            default:
-                return { start: today, end: today };
+    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 Guid {
+    value = this.empty;
+    constructor(value) {
+        if (value) {
+            if (Guid.isValid(value)) {
+                this.value = value;
+            }
         }
     }
-    doesFilterPass(params) {
-        const field = this.params.colDef.field;
-        if (!field)
-            return true;
-        const cellValue = params.data ? params.data[field] : null;
-        // Eğer filtre yoksa tüm satırları göster
-        if (this.conditions.length === 0) {
+    static newGuid() {
+        return new Guid('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+            const r = (Math.random() * 16) | 0;
+            const v = c == 'x' ? r : (r & 0x3) | 0x8;
+            return v.toString(16);
+        }));
+    }
+    /**
+     * return all zeros '00000000-0000-0000-0000-000000000000'
+     */
+    static get empty() {
+        return '00000000-0000-0000-0000-000000000000';
+    }
+    get empty() {
+        return Guid.empty;
+    }
+    static isValid(str) {
+        const validRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/i;
+        return validRegex.test(str);
+    }
+    toString() {
+        return this.value;
+    }
+    toJSON() {
+        return this.value;
+    }
+    /**
+     * True is guid is empty or not valid
+     * @param str
+     * @returns
+     */
+    static isNullOrEmpty(str) {
+        if (str == null || str == undefined || str.trim() == '' || str == Guid.empty) {
             return true;
         }
-        // Hücre değeri null/undefined ise filtrele
-        if (!cellValue) {
-            return false;
-        }
-        // Hücre değerini Date'e dönüştür
-        let cellDate;
-        if (cellValue instanceof Date) {
-            cellDate = cellValue;
-        }
-        else if (typeof cellValue === 'string') {
-            // String ise Date'e parse et
-            cellDate = new Date(cellValue);
-            if (isNaN(cellDate.getTime())) {
-                return false; // Geçersiz tarih
-            }
+        if (!Guid.isValid(str)) {
+            return true;
         }
-        else {
-            return false; // Desteklenmeyen tip
+        return false;
+    }
+    /**
+     * True if the guid is valid and not all zeros (empty)
+     * @param str
+     * @returns
+     */
+    static isValidAndNotEmpty(str) {
+        return !Guid.isNullOrEmpty(str);
+    }
+    /**
+     * Return empty guid if the given guid is not valid
+     * @param guid
+     * @returns
+     */
+    static emptyWhenNull(guid) {
+        if (Guid.isValidAndNotEmpty(guid)) {
+            return guid;
         }
-        const cellTime = cellDate.getTime();
-        // Koşullardan herhangi birini sağlıyor mu kontrol et
-        return this.conditions.some((condition) => {
-            switch (condition.type) {
-                case 'date':
-                    if (!condition.date)
-                        return false;
-                    const conditionTime = condition.date.getTime();
-                    const nextDay = new Date(condition.date);
-                    nextDay.setDate(nextDay.getDate() + 1);
-                    return cellTime >= conditionTime && cellTime < nextDay.getTime();
-                case 'range':
-                    if (!condition.start || !condition.end)
-                        return false;
-                    const startTime = condition.start.getTime();
-                    const endTime = condition.end.getTime();
-                    return cellTime >= startTime && cellTime < endTime;
-                case 'special':
-                    if (!condition.special)
-                        return false;
-                    const range = this.getSpecialDateRange(condition.special);
-                    return (cellTime >= range.start.getTime() && cellTime < range.end.getTime());
-                default:
-                    return false;
+        return Guid.empty;
+    }
+}
+
+ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
+    ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule,]);
+// AgGrid Dark Mode Row Style
+class NettyAgGridListFilterBase extends NettyAgGridListBase {
+    // ********************************************
+    // *** INPUTS                               ***
+    // ********************************************
+    // Filter section
+    displayFilter = input(true, ...(ngDevMode ? [{ debugName: "displayFilter" }] : [])); // Does the component display it's filter section when embadded
+    _displayFilter = computed(() => this.displayFilter() ?? true, ...(ngDevMode ? [{ debugName: "_displayFilter" }] : [])); // Computed version of displayFilter to prevent undefined
+    isFilterValid = signal(true, ...(ngDevMode ? [{ debugName: "isFilterValid" }] : [])); // Can the filter be used
+    isFilterExpanded = linkedSignal({ ...(ngDevMode ? { debugName: "isFilterExpanded" } : {}), // Is the filter component expanded
+        source: () => ({
+            embedded: this._isEmbedded(),
+            displayFilter: this._displayFilter(),
+            valid: this.isFilterValid(),
+        }),
+        computation: (s) => {
+            if (s.embedded || !s.displayFilter)
+                return false;
+            return s.valid;
+        } });
+    filterRefreshTrigger = signal(0, ...(ngDevMode ? [{ debugName: "filterRefreshTrigger" }] : []));
+    constructor() {
+        super();
+        effect(() => {
+            if (this.hasValidValue(this.parameterGUID())) {
+                this.isFilterExpanded.set(false);
+                this.setFilter();
+                this.loadData();
             }
         });
     }
-    isFilterActive() {
-        return this.conditions.length > 0;
-    }
-    getModel() {
-        if (this.isFilterActive()) {
-            return {
-                filterType: 'custom',
-                filterText: this.filterText,
-                conditions: this.conditions,
-            };
+    async ngOnInit() {
+        await super.ngOnInit();
+    }
+    // *********************************************************
+    // *** Data Management Functions                         ***
+    // ********************************************************* 
+    loadData() {
+        if (Guid.isNullOrEmpty(this.parameterGUID())) {
+            this.setData([], true);
+            return;
+        }
+        this.nettyAppsProxy.select(this.record).subscribe({
+            next: (data) => {
+                this.setData(data, false);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    async refreshData() {
+        try {
+            this.refreshFilterData();
+        }
+        catch (err) {
+            this.alertService.showError(err);
         }
-        return null;
     }
-    setModel(model) {
-        if (model && model.filterText) {
-            this.filterText = model.filterText;
-            this.parseFilterText(); // Modelden set ederken koşulları tekrar parse et
+    /**
+     * Triggers the filter component to refresh its data
+     */
+    refreshFilterData() {
+        this.filterRefreshTrigger.update(val => val > 10000 ? 1 : val + 1);
+    }
+    onReverseIsFilterValid() {
+        this.isFilterValid.update((a) => !a);
+    }
+    // *****************************************
+    // *** Logging Functions                 ***
+    // *****************************************
+    logInputs(message) {
+        if (!message || message.length < 1) {
+            message = 'AgGridListFilterBase - Inputs log';
         }
-        else {
-            this.filterText = '';
-            this.conditions = [];
+        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(),
+            "displayFilter": this.displayFilter(),
+            "_displayFilter": this._displayFilter(),
+            "isFilterValid": this.isFilterValid(),
+            "isFilterExpanded": this.isFilterExpanded(),
+        };
+        console.log(message, inputs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListFilterBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridListFilterBase, isStandalone: true, selector: "ntybase-ag-grid-list-filter-base", inputs: { displayFilter: { classPropertyName: "displayFilter", publicName: "displayFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ntybase-id": "NettyAgGridListFilterBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridListFilterBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-ag-grid-list-filter-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridListFilterBase' } }]
+        }], ctorParameters: () => [], propDecorators: { displayFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFilter", required: false }] }] } });
+
+class NettyAgGridLogBase extends NettyAgGridBase {
+    // ---------------------------------------------------
+    // --- RECORD LIST                                 ---
+    // ---------------------------------------------------
+    nettyAppsProxy = injectNettyStandardLogProxy(this.componentName());
+    /**
+     * Component initialization lifecycle hook
+     */
+    async ngOnInit() {
+        this.nettyAppsProxy.setURLPath(this.componentName());
+        await this.setAccessRights(true);
+        const savedSearchValue = sessionStorage.getItem(this.searchValueName());
+        if (savedSearchValue) {
+            this.searchValue.set(savedSearchValue);
         }
+        this.loadData();
+        // Load user grid preferences
+        await this.nettyAgGridService.copyGridUserPereferenceToLocal(this.preferenceType());
+        await this.AfterOnInit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeDateTimeFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeDateTimeFilter, isStandalone: true, selector: "ntybase-range-date-time-filter", host: { attributes: { "ntybase-id": "RangeDateTimeFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@dateTimeFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@dateTimeFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(today..yesterday)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleDate' | translate }}:\n      <code>YYYY-MM-DD</code>\n      <span class=\"custom-filter__example\">(2024-05-15)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@dateTime' | translate }}:\n      <code>YYYY-MM-DD HH:MM</code>\n      <span class=\"custom-filter__example\">(2024-05-15 14:30)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>date1,date2,start..end</code>\n    </div>\n\n    <strong class=\"custom-filter__subtitle\">\n      {{ '@specialKeywords' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@turkish' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">bug\u00FCn</code>\n        <code class=\"custom-filter__keyword\">d\u00FCn</code>\n        <code class=\"custom-filter__keyword\">bu hafta</code>\n        <code class=\"custom-filter__keyword\">bu ay</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@english' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">today</code>\n        <code class=\"custom-filter__keyword\">yesterday</code>\n        <code class=\"custom-filter__keyword\">thisWeek</code>\n        <code class=\"custom-filter__keyword\">thisMonth</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__note\">{{ '@filterExample' | translate }}</div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    loadData() {
+        this.nettyAppsProxy.selectLog(this.record).subscribe({
+            next: (data) => {
+                this.setData(data, false);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridLogBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: NettyAgGridLogBase, isStandalone: true, selector: "ntybase-ag-grid-log-base", host: { attributes: { "ntybase-id": "NettyAgGridLogBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeDateTimeFilter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridLogBase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-range-date-time-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeDateTimeFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@dateTimeFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@dateTimeFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(today..yesterday)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleDate' | translate }}:\n      <code>YYYY-MM-DD</code>\n      <span class=\"custom-filter__example\">(2024-05-15)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@dateTime' | translate }}:\n      <code>YYYY-MM-DD HH:MM</code>\n      <span class=\"custom-filter__example\">(2024-05-15 14:30)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>date1,date2,start..end</code>\n    </div>\n\n    <strong class=\"custom-filter__subtitle\">\n      {{ '@specialKeywords' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@turkish' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">bug\u00FCn</code>\n        <code class=\"custom-filter__keyword\">d\u00FCn</code>\n        <code class=\"custom-filter__keyword\">bu hafta</code>\n        <code class=\"custom-filter__keyword\">bu ay</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@english' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">today</code>\n        <code class=\"custom-filter__keyword\">yesterday</code>\n        <code class=\"custom-filter__keyword\">thisWeek</code>\n        <code class=\"custom-filter__keyword\">thisMonth</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__note\">{{ '@filterExample' | translate }}</div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'ntybase-ag-grid-log-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridLogBase' } }]
         }] });
 
-class RangeNumberFilter {
-    params;
-    filterText = '';
-    conditions = [];
-    agInit(params) {
-        this.params = params;
+class NettyAgGridSaveBase extends NettyAppsBase {
+    // Services
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    commonService = inject(CommonService);
+    environment = inject(EnvironmentProxy);
+    dialog = inject(MatDialog);
+    viewMode = signal('sidenav', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+    // Input signals
+    parameters = input('', ...(ngDevMode ? [{ debugName: "parameters" }] : []));
+    // ---------------------------------------------------
+    // --- RECORD LIST                                 ---
+    // ---------------------------------------------------
+    nettyAppsProxy = injectNettyStandardProxy('');
+    recordType = signal('', ...(ngDevMode ? [{ debugName: "recordType" }] : []));
+    currentItem = signal({}, ...(ngDevMode ? [{ debugName: "currentItem" }] : []));
+    initialItem = {};
+    // Form tracking
+    formChanged = false;
+    saveForm;
+    // Dialog related properties
+    dialogRef = inject((MatDialogRef), { optional: true });
+    dialogData = inject(MAT_DIALOG_DATA, { optional: true });
+    constructor() {
+        super();
+        effect(() => {
+            this.parameters();
+            this.loadDetailData();
+        });
     }
-    onFilterTextChanged(event) {
-        this.filterText = event.target.value;
-        this.parseFilterText();
-        this.params.filterChangedCallback();
+    // Controls the visibility of additional editable fields (e.g., password, extra settings)
+    // When true, certain input fields become visible for editing
+    updateValid = signal(false, ...(ngDevMode ? [{ debugName: "updateValid" }] : []));
+    setUpdateValid(value) {
+        this.updateValid.set(value);
     }
-    parseFilterText() {
-        this.conditions = [];
-        if (!this.filterText.trim()) {
-            return;
+    /**
+     * Initialize parameters. This method is called in ngOnInit or constructor
+     */
+    initParameters(urlPath) {
+        this.nettyAppsProxy.setURLPath(urlPath);
+        this.recordType.set(urlPath);
+    }
+    /**
+     * Determine view mode based on current route
+     */
+    determineViewMode() {
+        if (this.embedded() || this.dialogData?.embedded) {
+            this.viewMode.set('dialog');
         }
-        const parts = this.filterText
-            .split(',')
-            .map((part) => part.trim())
-            .filter((part) => part !== '');
-        for (const part of parts) {
-            // Hariç tutma kontrolü (! ile başlıyor mu)
-            if (part.startsWith('!')) {
-                const excludePart = part.substring(1).trim();
-                // Hariç tutma için aralık kontrolü
-                if (excludePart.includes('..')) {
-                    const rangeParts = excludePart.split('..');
-                    if (rangeParts.length === 2) {
-                        const minStr = rangeParts[0].trim();
-                        const maxStr = rangeParts[1].trim();
-                        // !..10 formatı (max hariç)
-                        if (minStr === '' && maxStr !== '') {
-                            const max = Number(maxStr);
-                            if (!isNaN(max)) {
-                                this.conditions.push({
-                                    type: 'exclude',
-                                    min: -Infinity,
-                                    max: max,
-                                });
-                            }
-                        }
-                        // !10.. formatı (min hariç)
-                        else if (minStr !== '' && maxStr === '') {
-                            const min = Number(minStr);
-                            if (!isNaN(min)) {
-                                this.conditions.push({
-                                    type: 'exclude',
-                                    min: min,
-                                    max: Infinity,
-                                });
-                            }
-                        }
-                        // !min..max formatı (aralık hariç)
-                        else if (minStr !== '' && maxStr !== '') {
-                            const min = Number(minStr);
-                            const max = Number(maxStr);
-                            if (!isNaN(min) && !isNaN(max)) {
-                                this.conditions.push({
-                                    type: 'exclude',
-                                    min: Math.min(min, max),
-                                    max: Math.max(min, max),
-                                });
-                            }
-                        }
-                    }
-                }
-                else {
-                    // Tek değer hariç tutma
-                    const value = Number(excludePart);
-                    if (!isNaN(value)) {
-                        this.conditions.push({
-                            type: 'exclude',
-                            value: value,
-                        });
-                    }
-                }
+        else if (this.router.url.includes('(rightSidenav:')) {
+            this.viewMode.set('sidenav');
+        }
+        else {
+            this.viewMode.set('fullscreen');
+        }
+    }
+    /**
+     * Set data to the form while preserving any unsaved changes
+     * @param item - Data object of type T to populate the form
+     */
+    initializeFormData(item) {
+        // Merge incoming data with current form state to preserve unsaved changes
+        const currentItem = this.currentItem();
+        const updatedItem = { ...currentItem, ...item };
+        // Create a new instance using the factory method
+        const newItem = this.createItemInstance(updatedItem);
+        this.currentItem.set(newItem);
+        // Update initial item reference for change detection
+        this.initialItem = this.createItemInstance(updatedItem);
+        // Reset form changed flag
+        this.formChanged = false;
+    }
+    /**
+     * @param data - Data to populate the new instance
+     */
+    createItemInstance(data) {
+        const instance = this.createNewRecord();
+        Object.assign(instance, data);
+        return instance;
+    }
+    /**
+     * Check for form changes
+     */
+    ngDoCheck() {
+        this.formChanged = !this.isEqual(this.currentItem(), this.initialItem);
+    }
+    isEqual(item1, item2) {
+        return JSON.stringify(item1) === JSON.stringify(item2);
+    }
+    /**
+     * Check if can deactivate component
+     */
+    async canDeactivate() {
+        if (this.formChanged) {
+            const confirmed = await this.alertService.showConfirm('@unsavedChangesConfirm');
+            if (!confirmed) {
+                return false;
             }
-            // Aralık kontrolü (.. içeriyor mu)
-            else if (part.includes('..')) {
-                const rangeParts = part.split('..');
-                if (rangeParts.length === 2) {
-                    const minStr = rangeParts[0].trim();
-                    const maxStr = rangeParts[1].trim();
-                    // ..10 formatı (max belirtilmiş)
-                    if (minStr === '' && maxStr !== '') {
-                        const max = Number(maxStr);
-                        if (!isNaN(max)) {
-                            this.conditions.push({
-                                type: 'range',
-                                min: -Infinity,
-                                max: max,
-                            });
-                        }
-                    }
-                    // 10.. formatı (min belirtilmiş)
-                    else if (minStr !== '' && maxStr === '') {
-                        const min = Number(minStr);
-                        if (!isNaN(min)) {
-                            this.conditions.push({
-                                type: 'range',
-                                min: min,
-                                max: Infinity,
-                            });
-                        }
-                    }
-                    // min..max formatı
-                    else if (minStr !== '' && maxStr !== '') {
-                        const min = Number(minStr);
-                        const max = Number(maxStr);
-                        if (!isNaN(min) && !isNaN(max)) {
-                            this.conditions.push({
-                                type: 'range',
-                                min: Math.min(min, max),
-                                max: Math.max(min, max),
-                            });
-                        }
-                    }
-                }
+            return true;
+        }
+        return true;
+    }
+    getGuidFromParameters() {
+        if (this.viewMode() === 'dialog' && this.dialogData) {
+            return this.dialogData.parameters || '';
+        }
+        if (this.parameters()) {
+            try {
+                return JSON.parse(this.parameters());
+            }
+            catch (e) {
+                return this.parameters();
+            }
+        }
+        return '';
+    }
+    /**
+     * Close sidenav or navigate back
+     */
+    async closeSidenav() {
+        const canDeactivate = await this.canDeactivate();
+        if (canDeactivate) {
+            if (this.viewMode() === 'dialog' && this.dialogRef) {
+                this.dialogRef.close('saved');
+            }
+            else if (this.viewMode() === 'sidenav') {
+                this.formChanged = false;
+                this.commonService.clearOutlet();
             }
             else {
-                // Tek değer kontrolü
-                const value = Number(part);
-                if (!isNaN(value)) {
-                    this.conditions.push({
-                        type: 'value',
-                        value: value,
-                    });
-                }
+                const cleanPath = this.commonService.getCleanUrlPath();
+                this.router.navigate([cleanPath]);
             }
         }
     }
-    doesFilterPass(params) {
-        const cellValue = this.params.getValue(params.node);
-        // Eğer filtre yoksa tüm satırları göster
-        if (this.conditions.length === 0) {
-            return true;
+    /**
+     * Back button clicked
+     */
+    async backClicked() {
+        const canDeactivate = await this.canDeactivate();
+        if (canDeactivate) {
+            if (this.viewMode() === 'dialog' && this.dialogRef) {
+                this.dialogRef.close('back');
+            }
+            else {
+                this.commonService.goBack();
+            }
         }
-        // Hücre değeri null/undefined ise veya sayı değilse filtrele
-        if (cellValue == null || typeof cellValue !== 'number') {
+    }
+    validateSaveRecord(recordGUID) {
+        if (this.saveForm && this.saveForm.invalid) {
+            Object.keys(this.saveForm.controls).forEach((key) => {
+                const control = this.saveForm.controls[key];
+                control.markAsTouched();
+                control.markAsDirty();
+            });
+            this.alertService.showError('@pleaseFillRequiredFields');
             return false;
         }
-        // VİRGÜL OR MANTIĞI: Koşullardan herhangi biri sağlanıyorsa true döndür
-        const passesAnyCondition = this.conditions.some((condition) => {
-            if (condition.type === 'range' &&
-                condition.min !== undefined &&
-                condition.max !== undefined) {
-                // Aralık koşulu: değer aralık içinde olmalı
-                return cellValue >= condition.min && cellValue <= condition.max;
-            }
-            else if (condition.type === 'value' && condition.value !== undefined) {
-                // Değer koşulu: değer eşit olmalı
-                return cellValue === condition.value;
+        // First check if there are any visual form changes
+        if (!this.formChanged && recordGUID) {
+            this.alertService.showAlert('@noChangesDetected');
+            // if (this.closeAfterSave()) {
+            //   this.closeSidenav();
+            // }
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Save data to API
+     * Handles both create and update operations based on record existence
+     */
+    saveRecord() {
+        if (!this.validateSaveRecord(this.currentItem().getPK())) {
+            return;
+        }
+        if (this.currentItem().getPK()) {
+            this.updateRecord();
+            return;
+        }
+        this.insertRecord();
+    }
+    /**
+     * Create new record
+     */
+    insertRecord() {
+        const createData = {};
+        const currentItem = this.currentItem();
+        Object.keys(currentItem).forEach((key) => {
+            if (currentItem[key] !== undefined && currentItem[key] !== null && currentItem[key] !== '') {
+                createData[key] = currentItem[key];
             }
-            else if (condition.type === 'exclude') {
-                if (condition.value !== undefined) {
-                    // Tek değer hariç tutma: değer eşit olmamalı
-                    return cellValue !== condition.value;
+        });
+        this.nettyAppsProxy.insert(createData).subscribe({
+            next: (newRecord) => {
+                this.initializeFormData(newRecord);
+                this.commonService.notifyUpdate(this.recordType(), 'add', newRecord);
+                this.closeSidenav();
+                this.alertService.showSuccess('@recordCreatedSuccessfully');
+            },
+            error: (err) => this.alertService.showError('@creationFailed', err),
+        });
+    }
+    /**
+     * Update record
+     */
+    updateRecord() {
+        const changes = this.initialItem.compare(this.currentItem());
+        const updateData = this.createNewRecord();
+        Object.assign(updateData, changes);
+        updateData.setPK(this.currentItem().getPK());
+        this.nettyAppsProxy.update(updateData).subscribe({
+            next: (updatedRecord) => {
+                this.initializeFormData(updatedRecord);
+                this.commonService.notifyUpdate(this.recordType(), 'update', updatedRecord);
+                this.closeSidenav();
+                this.alertService.showSuccess('@recordUpdatedSuccessfully');
+            },
+            error: (err) => this.alertService.showError('@updateFailed', err),
+        });
+    }
+    /**
+     * Create new record
+     */
+    async createNewData() {
+        // If no GUID provided, initialize a new record
+        let newRecord = this.createNewRecord();
+        newRecord = await lastValueFrom(this.nettyAppsProxy.initRecord(newRecord))
+            .catch((er) => {
+            this.alertService.showError('@initRecordFailed:', er);
+            return this.createNewRecord();
+        });
+        this.initializeFormData(newRecord);
+        this.updateValid.set(true);
+    }
+    /**
+     * Load data from API based on GUID
+     * Handles both new record creation and existing record editing
+     * guid - Unique identifier of the record
+     */
+    async loadDetailData() {
+        const guid = this.getGuidFromParameters();
+        if (!guid) {
+            await this.createNewData();
+            return;
+        }
+        // Fetch existing record from API
+        this.nettyAppsProxy.selectGUID(guid).subscribe({
+            next: (data) => {
+                const record = this.createItemInstance(data);
+                if (!record || !record.getPK()) {
+                    this.alertService.showError('@recordNotFound');
+                    const cleanPath = this.commonService.getCleanUrlPath();
+                    this.router.navigate([cleanPath]);
+                    return;
                 }
-                else if (condition.min !== undefined && condition.max !== undefined) {
-                    // Aralık hariç tutma: değer aralık dışında olmalı
-                    return !(cellValue >= condition.min && cellValue <= condition.max);
+                this.initializeFormData(record);
+                this.alertService.showSuccess('@dataLoadSuccess');
+                // Ensure sidenav is visible when in sidenav mode
+                if (this.viewMode() === 'sidenav') {
+                    this.commonService.toggleRightSidenav(true);
+                }
+            },
+            error: (err) => {
+                this.alertService.showError('@dataLoadFailed');
+                this.commonService.toggleRightSidenav(false);
+                // Redirect to user list on error in fullscreen mode
+                if (this.viewMode() === 'fullscreen') {
+                    const cleanPath = this.commonService.getCleanUrlPath();
+                    this.router.navigate([cleanPath]);
                 }
-            }
-            return false;
+            },
         });
-        return passesAnyCondition;
     }
-    isFilterActive() {
-        return this.conditions.length > 0;
-    }
-    getModel() {
-        if (this.isFilterActive()) {
-            return {
-                filterType: 'custom',
-                filterText: this.filterText,
-                conditions: this.conditions,
-            };
+    // ***************************************************
+    // *** gotoURL Methods                             ***
+    // ***************************************************
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        const navigationExtras = {
+            queryParams: {
+                parameters: JSON.stringify(parameters),
+                ...(type && { type }),
+                isNewTab: isNewTab || undefined,
+            },
+            queryParamsHandling: 'merge',
+        };
+        if (isNewTab) {
+            const fullUrl = this.router
+                .createUrlTree([baseHref, ...routePrefix, ...rightSidenav], navigationExtras)
+                .toString();
+            window.open(fullUrl, '_blank');
+            return;
         }
-        return null;
-    }
-    setModel(model) {
-        if (model && model.filterText) {
-            this.filterText = model.filterText;
-            this.conditions = model.conditions || [];
+        if (isPopup && dialogComponent) {
+            this.dialog
+                .open(dialogComponent, {
+                data: {
+                    parameters: parameters,
+                    mode: type || 'edit',
+                    embedded: true,
+                },
+                maxWidth: '100vw',
+                disableClose: true,
+                hasBackdrop: false,
+            })
+                .afterClosed();
+            return;
         }
-        else {
-            this.filterText = '';
-            this.conditions = [];
+        // Log control
+        if (rightSidenav.length == 0 || rightSidenav[0] === 'log') {
+            this.router.navigate([baseHref, ...routePrefix, ...rightSidenav], navigationExtras);
+            return;
         }
+        // In all other cases, open the side menu
+        this.router
+            .navigate([
+            {
+                outlets: {
+                    primary: routePrefix,
+                    rightSidenav: [...routePrefix, ...rightSidenav],
+                },
+            },
+        ], navigationExtras)
+            .then(() => {
+            // Ensure sidenav is opened after navigation
+            this.commonService.toggleRightSidenav(true);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeNumberFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeNumberFilter, isStandalone: true, selector: "ntybase-range-number-filter", host: { attributes: { "ntybase-id": "RangeNumberFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@numberFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@numberFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\"\n      >{{ '@formats' | translate }}:</strong\n    >\n\n    <div class=\"custom-filter__format\">\n      {{ '@closedRange' | translate }}:\n      <code>min..max</code>\n      <span class=\"custom-filter__example\">(0..5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrGreater' | translate }}:\n      <code>min..</code>\n      <span class=\"custom-filter__example\">(5..)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrLess' | translate }}:\n      <code>..max</code>\n      <span class=\"custom-filter__example\">(..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleValue' | translate }}:\n      <code>number</code>\n      <span class=\"custom-filter__example\">(10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exclusion' | translate }}:\n      <code>!number</code>\n      <span class=\"custom-filter__example\">(!5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@rangeExclusion' | translate }}:\n      <code>!min..max</code>\n      <span class=\"custom-filter__example\">(!5..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,range</code>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    popupGotoURL(urlSegments) {
+        const baseHref = this.environment.getBaseHref().endsWith('/')
+            ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
+            : this.environment.getBaseHref();
+        this.router.navigate([
+            {
+                outlets: {
+                    primary: [baseHref, ...urlSegments],
+                    rightSidenav: null,
+                },
+            },
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.2", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeNumberFilter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NettyAgGridSaveBase, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-range-number-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeNumberFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@numberFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@numberFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\"\n      >{{ '@formats' | translate }}:</strong\n    >\n\n    <div class=\"custom-filter__format\">\n      {{ '@closedRange' | translate }}:\n      <code>min..max</code>\n      <span class=\"custom-filter__example\">(0..5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrGreater' | translate }}:\n      <code>min..</code>\n      <span class=\"custom-filter__example\">(5..)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@equalOrLess' | translate }}:\n      <code>..max</code>\n      <span class=\"custom-filter__example\">(..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleValue' | translate }}:\n      <code>number</code>\n      <span class=\"custom-filter__example\">(10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exclusion' | translate }}:\n      <code>!number</code>\n      <span class=\"custom-filter__example\">(!5)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@rangeExclusion' | translate }}:\n      <code>!min..max</code>\n      <span class=\"custom-filter__example\">(!5..10)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,range</code>\n    </div>\n  </div>\n</div>\n" }]
-        }] });
+            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 RangeStringFilter {
+class RangeDateTimeFilter {
     params;
     filterText = '';
     conditions = [];
+    // Dil servisini inject edin
+    i18nService = inject(I18nService);
+    translateService = inject(TranslateService);
+    // Türkçe ve İngilizce özel anahtar kelimeler
+    specialKeywords = {
+        today: 'today',
+        bugün: 'today',
+        yesterday: 'yesterday',
+        dün: 'yesterday',
+        thisweek: 'thisWeek',
+        'bu hafta': 'thisWeek',
+        thismonth: 'thisMonth',
+        'bu ay': 'thisMonth',
+    };
     agInit(params) {
         this.params = params;
     }
@@ -3553,210 +3567,242 @@ class RangeStringFilter {
         if (!this.filterText.trim()) {
             return;
         }
+        // Virgülle ayrılmış parçaları al ve temizle
         const parts = this.filterText
             .split(',')
             .map((part) => part.trim())
             .filter((part) => part !== '');
         for (const part of parts) {
-            // "!" ile başlayan olumsuz koşul kontrolü
-            if (part.startsWith('!')) {
-                const positiveCondition = part.slice(1);
-                const positiveParsed = this.parseSingleCondition(positiveCondition);
-                if (positiveParsed) {
-                    this.conditions.push({
-                        type: 'not',
-                        condition: positiveParsed,
-                    });
+            // Aralık kontrolü (.. içeriyor mu) - ÖNCE aralık kontrolü yap
+            if (part.includes('..')) {
+                const rangeParts = part.split('..');
+                if (rangeParts.length === 2) {
+                    const startStr = rangeParts[0].trim();
+                    const endStr = rangeParts[1].trim();
+                    const startDate = this.parseDateForRange(startStr, false);
+                    const endDate = this.parseDateForRange(endStr, true);
+                    if (startDate && endDate) {
+                        // Tarihleri doğru sırala (küçükten büyüğe)
+                        const sortedStart = startDate < endDate ? startDate : endDate;
+                        const sortedEnd = startDate < endDate ? endDate : startDate;
+                        this.conditions.push({
+                            type: 'range',
+                            start: sortedStart,
+                            end: sortedEnd,
+                        });
+                    }
                 }
-                continue;
-            }
-            const parsedCondition = this.parseSingleCondition(part);
-            if (parsedCondition) {
-                this.conditions.push(parsedCondition);
-            }
-        }
-    }
-    parseSingleCondition(condition) {
-        // Regex kontrolü ($$ ile başlıyorsa)
-        if (condition.startsWith('$$')) {
-            const regexPattern = condition.slice(2);
-            if (regexPattern) {
-                return {
-                    type: 'regex',
-                    pattern: regexPattern,
-                };
             }
-        }
-        // Aralık kontrolü (.. içeriyor mu) - ama $$.. şeklinde değilse
-        if (condition.includes('..') && !condition.startsWith('$$')) {
-            const rangeParts = condition.split('..');
-            if (rangeParts.length === 2) {
-                const start = rangeParts[0].trim();
-                const end = rangeParts[1].trim();
-                if (start && end) {
-                    return {
-                        type: 'range',
-                        start: start.toLowerCase(),
-                        end: end.toLowerCase(),
-                    };
+            else {
+                // Özel anahtar kelime kontrolü (Türkçe ve İngilizce)
+                const normalizedPart = part.toLowerCase();
+                if (this.specialKeywords[normalizedPart]) {
+                    this.conditions.push({
+                        type: 'special',
+                        special: this.specialKeywords[normalizedPart],
+                    });
+                    continue;
+                }
+                // Tek tarih kontrolü
+                const date = this.parseDate(part);
+                if (date) {
+                    this.conditions.push({
+                        type: 'date',
+                        date: date,
+                    });
                 }
             }
         }
-        // Tek karakter kontrolü (? ile)
-        else if (condition.includes('?') && !condition.startsWith('$$')) {
-            // Eğer sadece normal karakterler varsa (özel karakter yoksa) exact match
-            const hasSpecialChars = condition.includes('*') ||
-                condition.includes('?') ||
-                condition.includes('..');
-            if (!hasSpecialChars) {
-                return {
-                    type: 'exact',
-                    value: condition.toLowerCase(),
-                };
-            }
-            // ? karakteri içeriyorsa singleChar kontrolü
-            const value = condition.toLowerCase();
-            if (value) {
-                return {
-                    type: 'singleChar',
-                    value: value,
-                };
-            }
-        }
-        // Başlangıç kontrolü (* sonunda)
-        else if (condition.endsWith('*') &&
-            !condition.startsWith('*') &&
-            !condition.startsWith('$$')) {
-            const value = condition.slice(0, -1).toLowerCase();
-            if (value) {
-                return {
-                    type: 'startsWith',
-                    value: value,
-                };
-            }
-        }
-        // Bitiş kontrolü (* başında)
-        else if (condition.startsWith('*') &&
-            !condition.endsWith('*') &&
-            !condition.startsWith('$$')) {
-            const value = condition.slice(1).toLowerCase();
-            if (value) {
-                return {
-                    type: 'endsWith',
-                    value: value,
-                };
-            }
-        }
-        // İçeren kontrolü (* ile başlayıp * ile bitiyorsa)
-        else if (condition.startsWith('*') &&
-            condition.endsWith('*') &&
-            !condition.startsWith('$$')) {
-            const value = condition.slice(1, -1).toLowerCase();
-            if (value) {
-                return {
-                    type: 'contains',
-                    value: value,
-                };
-            }
-        }
-        // Normal exact match (hiçbir özel karakter yoksa)
-        else if (!condition.startsWith('$$') &&
-            !condition.includes('*') &&
-            !condition.includes('?') &&
-            !condition.includes('..')) {
-            const value = condition.toLowerCase();
-            if (value) {
-                return {
-                    type: 'exact',
-                    value: value,
-                };
-            }
-        }
-        // Normal içeren kontrolü (varsayılan) - regex değilse
-        else if (!condition.startsWith('$$')) {
-            const value = condition.toLowerCase();
-            if (value) {
-                return {
-                    type: 'contains',
-                    value: value,
-                };
+    }
+    parseDateForRange(dateString, isEndDate) {
+        if (!dateString)
+            return null;
+        // Özel anahtar kelimeler için tarih dönüşümü
+        const normalizedString = dateString.toLowerCase();
+        if (this.specialKeywords[normalizedString]) {
+            const specialType = this.specialKeywords[normalizedString];
+            const range = this.getSpecialDateRange(specialType);
+            return isEndDate ? range.end : range.start;
+        }
+        return this.parseDate(dateString);
+    }
+    // Mevcut dili kontrol eden yardımcı metod
+    isTurkish() {
+        const currentLang = this.i18nService.language.toLowerCase();
+        return (currentLang === 'tr' ||
+            currentLang === 'türkçe' ||
+            currentLang === 'tr-tr');
+    }
+    parseDate(dateString) {
+        if (!dateString)
+            return null;
+        // Mevcut dile göre formatları belirle
+        const isTurkish = this.isTurkish();
+        // Tarih formatları - ÖNCE saat içeren formatlar
+        const formats = [
+            // ISO format: YYYY-AA-GG SS:DD (her dilde aynı)
+            /^(\d{4})-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{2})$/,
+            // Dile göre formatlar
+            ...(isTurkish
+                ? [
+                    // Türkçe format: GG.AA.YYYY SS:DD (., /, - ile)
+                    /^(\d{1,2})[\.\/-](\d{1,2})[\.\/-](\d{4}) (\d{1,2}):(\d{2})$/,
+                    // Türkçe format: GG.AA.YYYY (., /, - ile)
+                    /^(\d{1,2})[\.\/-](\d{1,2})[\.\/-](\d{4})$/,
+                ]
+                : [
+                    // İngilizce/USA format: AA/GG/YYYY SS:DD (/, ., - ile)
+                    /^(\d{1,2})[\/\.-](\d{1,2})[\/\.-](\d{4}) (\d{1,2}):(\d{2})$/,
+                    // İngilizce/USA format: AA/GG/YYYY (/, ., - ile)
+                    /^(\d{1,2})[\/\.-](\d{1,2})[\/\.-](\d{4})$/,
+                ]),
+            // Sadece tarih formatları (saat yok)
+            /^(\d{4})-(\d{1,2})-(\d{1,2})$/, // YYYY-AA-GG (ISO)
+        ];
+        for (const format of formats) {
+            const match = dateString.match(format);
+            if (match) {
+                let year, month, day, hours = 0, minutes = 0;
+                if (format === formats[0]) {
+                    // ISO: YYYY-AA-GG SS:DD
+                    year = parseInt(match[1], 10);
+                    month = parseInt(match[2], 10) - 1;
+                    day = parseInt(match[3], 10);
+                    hours = parseInt(match[4], 10);
+                    minutes = parseInt(match[5], 10);
+                }
+                else if (isTurkish && format === formats[1]) {
+                    // Türkçe: GG.AA.YYYY SS:DD
+                    day = parseInt(match[1], 10);
+                    month = parseInt(match[2], 10) - 1;
+                    year = parseInt(match[3], 10);
+                    hours = parseInt(match[4], 10);
+                    minutes = parseInt(match[5], 10);
+                }
+                else if (!isTurkish && format === formats[1]) {
+                    // İngilizce: AA/GG/YYYY SS:DD
+                    month = parseInt(match[1], 10) - 1;
+                    day = parseInt(match[2], 10);
+                    year = parseInt(match[3], 10);
+                    hours = parseInt(match[4], 10);
+                    minutes = parseInt(match[5], 10);
+                }
+                else if (isTurkish && format === formats[2]) {
+                    // Türkçe: GG.AA.YYYY
+                    day = parseInt(match[1], 10);
+                    month = parseInt(match[2], 10) - 1;
+                    year = parseInt(match[3], 10);
+                }
+                else if (!isTurkish && format === formats[2]) {
+                    // İngilizce: AA/GG/YYYY
+                    month = parseInt(match[1], 10) - 1;
+                    day = parseInt(match[2], 10);
+                    year = parseInt(match[3], 10);
+                }
+                else if (format === formats[3]) {
+                    // ISO: YYYY-AA-GG
+                    year = parseInt(match[1], 10);
+                    month = parseInt(match[2], 10) - 1;
+                    day = parseInt(match[3], 10);
+                }
+                else {
+                    continue;
+                }
+                // Tarih geçerlilik kontrolü
+                const date = new Date(year, month, day, hours, minutes);
+                if (date.getFullYear() === year &&
+                    date.getMonth() === month &&
+                    date.getDate() === day &&
+                    date.getHours() === hours &&
+                    date.getMinutes() === minutes) {
+                    return date;
+                }
             }
         }
         return null;
     }
+    getSpecialDateRange(special) {
+        const now = new Date();
+        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        switch (special) {
+            case 'today':
+                const tomorrow = new Date(today);
+                tomorrow.setDate(tomorrow.getDate() + 1);
+                return { start: today, end: tomorrow };
+            case 'yesterday':
+                const yesterday = new Date(today);
+                yesterday.setDate(yesterday.getDate() - 1);
+                const yesterdayEnd = new Date(yesterday);
+                yesterdayEnd.setDate(yesterdayEnd.getDate() + 1);
+                return { start: yesterday, end: yesterdayEnd };
+            case 'thisWeek':
+                const startOfWeek = new Date(today);
+                startOfWeek.setDate(today.getDate() - today.getDay());
+                const endOfWeek = new Date(startOfWeek);
+                endOfWeek.setDate(startOfWeek.getDate() + 7);
+                return { start: startOfWeek, end: endOfWeek };
+            case 'thisMonth':
+                const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+                const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1);
+                return { start: startOfMonth, end: endOfMonth };
+            default:
+                return { start: today, end: today };
+        }
+    }
     doesFilterPass(params) {
         const field = this.params.colDef.field;
         if (!field)
             return true;
-        const cellValue = params.data
-            ? String(params.data[field] || '').toLowerCase()
-            : '';
+        const cellValue = params.data ? params.data[field] : null;
         // Eğer filtre yoksa tüm satırları göster
         if (this.conditions.length === 0) {
             return true;
         }
-        // Hücre değeri boşsa filtrele
+        // Hücre değeri null/undefined ise filtrele
         if (!cellValue) {
             return false;
         }
-        // VİRGÜL OR MANTIĞI: Koşullardan herhangi biri sağlanıyorsa true döndür
+        // Hücre değerini Date'e dönüştür
+        let cellDate;
+        if (cellValue instanceof Date) {
+            cellDate = cellValue;
+        }
+        else if (typeof cellValue === 'string') {
+            // String ise Date'e parse et
+            cellDate = new Date(cellValue);
+            if (isNaN(cellDate.getTime())) {
+                return false; // Geçersiz tarih
+            }
+        }
+        else {
+            return false; // Desteklenmeyen tip
+        }
+        const cellTime = cellDate.getTime();
+        // Koşullardan herhangi birini sağlıyor mu kontrol et
         return this.conditions.some((condition) => {
-            const conditionResult = this.checkSingleCondition(cellValue, condition);
-            return condition.type === 'not' ? !conditionResult : conditionResult;
-        });
-    }
-    checkSingleCondition(cellValue, condition) {
-        switch (condition.type) {
-            case 'contains':
-                return condition.value ? cellValue.includes(condition.value) : false;
-            case 'startsWith':
-                return condition.value ? cellValue.startsWith(condition.value) : false;
-            case 'endsWith':
-                return condition.value ? cellValue.endsWith(condition.value) : false;
-            case 'exact':
-                return condition.value ? cellValue === condition.value : false;
-            case 'range':
-                if (condition.start && condition.end) {
-                    return cellValue >= condition.start && cellValue <= condition.end;
-                }
-                return false;
-            case 'singleChar':
-                if (condition.value) {
-                    // ? karakterini herhangi bir karakter olarak değerlendir
-                    const pattern = condition.value;
-                    if (cellValue.length !== pattern.length) {
+            switch (condition.type) {
+                case 'date':
+                    if (!condition.date)
                         return false;
-                    }
-                    // Her karakteri tek tek kontrol et
-                    for (let i = 0; i < pattern.length; i++) {
-                        const patternChar = pattern[i];
-                        const cellChar = cellValue[i];
-                        // Eğer pattern'de ? değilse ve karakterler eşleşmiyorsa false
-                        if (patternChar !== '?' && patternChar !== cellChar) {
-                            return false;
-                        }
-                    }
-                    return true;
-                }
-                return false;
-            case 'regex':
-                if (condition.pattern) {
-                    try {
-                        const regex = new RegExp(condition.pattern, 'i'); // case-insensitive
-                        return regex.test(cellValue);
-                    }
-                    catch (e) {
-                        // Geçersiz regex patterni durumunda false döndür
-                        console.warn('Geçersiz regex patterni:', condition.pattern);
+                    const conditionTime = condition.date.getTime();
+                    const nextDay = new Date(condition.date);
+                    nextDay.setDate(nextDay.getDate() + 1);
+                    return cellTime >= conditionTime && cellTime < nextDay.getTime();
+                case 'range':
+                    if (!condition.start || !condition.end)
                         return false;
-                    }
-                }
-                return false;
-            case 'not':
-                return this.checkSingleCondition(cellValue, condition.condition);
-            default:
-                return false;
-        }
+                    const startTime = condition.start.getTime();
+                    const endTime = condition.end.getTime();
+                    return cellTime >= startTime && cellTime < endTime;
+                case 'special':
+                    if (!condition.special)
+                        return false;
+                    const range = this.getSpecialDateRange(condition.special);
+                    return (cellTime >= range.start.getTime() && cellTime < range.end.getTime());
+                default:
+                    return false;
+            }
+        });
     }
     isFilterActive() {
         return this.conditions.length > 0;
@@ -3774,19 +3820,19 @@ class RangeStringFilter {
     setModel(model) {
         if (model && model.filterText) {
             this.filterText = model.filterText;
-            this.conditions = model.conditions || [];
+            this.parseFilterText(); // Modelden set ederken koşulları tekrar parse et
         }
         else {
             this.filterText = '';
             this.conditions = [];
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeStringFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeStringFilter, isStandalone: true, selector: "ntybase-range-string-filter", host: { attributes: { "ntybase-id": "RangeStringFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@stringFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@stringFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exactMatch' | translate }}:\n      <code>text</code>\n      <span class=\"custom-filter__example\">(ahmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@startsWith' | translate }}:\n      <code>text*</code>\n      <span class=\"custom-filter__example\">(ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@endsWith' | translate }}:\n      <code>*text</code>\n      <span class=\"custom-filter__example\">(*metin)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@contains' | translate }}:\n      <code>*text*</code>\n      <span class=\"custom-filter__example\">(*ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(ali..veli)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@singleCharacter' | translate }}:\n      </span>\n      <code>?em</code>\n      <span class=\"custom-filter__example\">\n        (?em = 3 characters, 2nd and 3rd letters \"em\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@multipleCharacters' | translate }}:\n      </span>\n      <code>???in</code>\n      <span class=\"custom-filter__example\">\n        (5 characters, last 2 letters \"in\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@not' | translate }}:\n      <code>!condition</code>\n      <span class=\"custom-filter__example\">(!*ahmet*, !?hmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@regex' | translate }}:\n      <code>$$pattern</code>\n      <span class=\"custom-filter__example\">($$^[A-Z].*, $$a.*b)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,*end,$$pattern</code>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeDateTimeFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: RangeDateTimeFilter, isStandalone: true, selector: "ntybase-range-date-time-filter", host: { attributes: { "ntybase-id": "RangeDateTimeFilter" } }, ngImport: i0, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@dateTimeFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@dateTimeFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(today..yesterday)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleDate' | translate }}:\n      <code>YYYY-MM-DD</code>\n      <span class=\"custom-filter__example\">(2024-05-15)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@dateTime' | translate }}:\n      <code>YYYY-MM-DD HH:MM</code>\n      <span class=\"custom-filter__example\">(2024-05-15 14:30)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>date1,date2,start..end</code>\n    </div>\n\n    <strong class=\"custom-filter__subtitle\">\n      {{ '@specialKeywords' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@turkish' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">bug\u00FCn</code>\n        <code class=\"custom-filter__keyword\">d\u00FCn</code>\n        <code class=\"custom-filter__keyword\">bu hafta</code>\n        <code class=\"custom-filter__keyword\">bu ay</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@english' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">today</code>\n        <code class=\"custom-filter__keyword\">yesterday</code>\n        <code class=\"custom-filter__keyword\">thisWeek</code>\n        <code class=\"custom-filter__keyword\">thisMonth</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__note\">{{ '@filterExample' | translate }}</div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ 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: RangeStringFilter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RangeDateTimeFilter, decorators: [{
             type: Component,
-            args: [{ selector: 'ntybase-range-string-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeStringFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@stringFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@stringFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@exactMatch' | translate }}:\n      <code>text</code>\n      <span class=\"custom-filter__example\">(ahmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@startsWith' | translate }}:\n      <code>text*</code>\n      <span class=\"custom-filter__example\">(ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@endsWith' | translate }}:\n      <code>*text</code>\n      <span class=\"custom-filter__example\">(*metin)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@contains' | translate }}:\n      <code>*text*</code>\n      <span class=\"custom-filter__example\">(*ahmet*)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(ali..veli)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@singleCharacter' | translate }}:\n      </span>\n      <code>?em</code>\n      <span class=\"custom-filter__example\">\n        (?em = 3 characters, 2nd and 3rd letters \"em\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      <span class=\"custom-filter__description\">\n        {{ '@multipleCharacters' | translate }}:\n      </span>\n      <code>???in</code>\n      <span class=\"custom-filter__example\">\n        (5 characters, last 2 letters \"in\")\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@not' | translate }}:\n      <code>!condition</code>\n      <span class=\"custom-filter__example\">(!*ahmet*, !?hmet)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@regex' | translate }}:\n      <code>$$pattern</code>\n      <span class=\"custom-filter__example\">($$^[A-Z].*, $$a.*b)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>value1,value2,*end,$$pattern</code>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'ntybase-range-date-time-filter', imports: [TranslateModule], host: { 'ntybase-id': 'RangeDateTimeFilter' }, template: "<div class=\"custom-filter\">\n  <div class=\"custom-filter__header\">\n    <label class=\"custom-filter__title\">\n      {{ '@dateTimeFilter' | translate }}\n    </label>\n    <input\n      type=\"text\"\n      class=\"custom-filter__input\"\n      [placeholder]=\"'@dateTimeFilterPlaceholder' | translate\"\n      [value]=\"filterText\"\n      (input)=\"onFilterTextChanged($event)\"\n    />\n  </div>\n\n  <div class=\"custom-filter__help\">\n    <strong class=\"custom-filter__help-title\">\n      {{ '@formats' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@range' | translate }}:\n      <code>start..end</code>\n      <span class=\"custom-filter__example\">(today..yesterday)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@singleDate' | translate }}:\n      <code>YYYY-MM-DD</code>\n      <span class=\"custom-filter__example\">(2024-05-15)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@dateTime' | translate }}:\n      <code>YYYY-MM-DD HH:MM</code>\n      <span class=\"custom-filter__example\">(2024-05-15 14:30)</span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@multiple' | translate }}:\n      <code>date1,date2,start..end</code>\n    </div>\n\n    <strong class=\"custom-filter__subtitle\">\n      {{ '@specialKeywords' | translate }}:\n    </strong>\n\n    <div class=\"custom-filter__format\">\n      {{ '@turkish' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">bug\u00FCn</code>\n        <code class=\"custom-filter__keyword\">d\u00FCn</code>\n        <code class=\"custom-filter__keyword\">bu hafta</code>\n        <code class=\"custom-filter__keyword\">bu ay</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__format\">\n      {{ '@english' | translate }}:\n      <span class=\"custom-filter__keywords\">\n        <code class=\"custom-filter__keyword\">today</code>\n        <code class=\"custom-filter__keyword\">yesterday</code>\n        <code class=\"custom-filter__keyword\">thisWeek</code>\n        <code class=\"custom-filter__keyword\">thisMonth</code>\n      </span>\n    </div>\n\n    <div class=\"custom-filter__note\">{{ '@filterExample' | translate }}</div>\n  </div>\n</div>\n" }]
         }] });
 
 class AuthenticationGuard {
@@ -4297,7 +4343,7 @@ class Login extends AuthBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: Login, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: Login, isStandalone: true, selector: "ntybase-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form (ngSubmit)=\"login()\" [formGroup]=\"loginForm\" novalidate>\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        @if (loginForm.controls['username'].invalid &&\n        loginForm.controls['username'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'username is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        @if (loginForm.controls['password'].invalid &&\n        loginForm.controls['password'].touched) {\n        <div class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </div>\n        }\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n    } @else {\n    <div class=\"loading-spinner\">\n      <span>{{ '@loggingIn' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      @if(version() && version() !== '?.?'){\n      <div class=\"version\">{{ version() }}</div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: Login, isStandalone: true, selector: "ntybase-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form (ngSubmit)=\"login()\" [formGroup]=\"loginForm\" novalidate>\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          formControlName=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          required\n        />\n        @if (loginForm.controls['username'].invalid &&\n        loginForm.controls['username'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'username is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"password\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"password\"\n          formControlName=\"password\"\n          [placeholder]=\"'@password' | translate\"\n          required\n        />\n        @if (loginForm.controls['password'].invalid &&\n        loginForm.controls['password'].touched) {\n        <div class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </div>\n        }\n      </div>\n\n      <div class=\"form-group remember\">\n        <input type=\"checkbox\" id=\"remember\" formControlName=\"remember\" />\n        <label for=\"remember\">{{ '@rememberMe' | translate }}</label>\n        <a class=\"forgot-password\" (click)=\"onForgotPassword()\"\n          >{{ '@forgotPassword' | translate }}</a\n        >\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n    </form>\n    } @else {\n    <div class=\"loading-spinner\">\n      <span>{{ '@loggingIn' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      @if(version() && version() !== '?.?'){\n      <div class=\"version\">{{ version() }}</div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { 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: Login, decorators: [{
             type: Component,
@@ -4401,7 +4447,7 @@ class MfaLogin extends AuthBase {
         clearInterval(this.countdownInterval);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: MfaLogin, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: MfaLogin, isStandalone: true, selector: "ntybase-mfa-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form (ngSubmit)=\"login()\" [formGroup]=\"loginForm\" novalidate>\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'mfaCode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'mfaCode' | translate\"\n          required\n        />\n        @if (loginForm.controls['mfaCode'].invalid &&\n        loginForm.controls['mfaCode'].touched) {\n        <div class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'mfaCode is required' | translate }}\n        </div>\n        }\n\n        <!-- Time -->\n        @if (!resendable()) {\n        <div class=\"time-remaining\">\n          {{ '@tokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n        }\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      @if (resendable()) {\n      <div class=\"resend-container\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'resend MFACode' | translate }}\n        </span>\n      </div>\n      }\n    </form>\n    } @else {\n    <div class=\"loading-spinner\">\n      <span>{{ '@loggingIn' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: MfaLogin, isStandalone: true, selector: "ntybase-mfa-login", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form (ngSubmit)=\"login()\" [formGroup]=\"loginForm\" novalidate>\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"mfaCode\">{{'mfaCode' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"mfaCode\"\n          formControlName=\"mfaCode\"\n          [placeholder]=\"'mfaCode' | translate\"\n          required\n        />\n        @if (loginForm.controls['mfaCode'].invalid &&\n        loginForm.controls['mfaCode'].touched) {\n        <div class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'mfaCode is required' | translate }}\n        </div>\n        }\n\n        <!-- Time -->\n        @if (!resendable()) {\n        <div class=\"time-remaining\">\n          {{ '@tokenCount' | translate }}: {{ getFormattedTime() }}\n        </div>\n        }\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"loginForm.invalid || isLoading() || !resendable()\"\n      >\n        {{ '@login' | translate }}\n      </button>\n\n      @if (resendable()) {\n      <div class=\"resend-container\">\n        <span (click)=\"onResendMFACode()\" class=\"resend-link\">\n          {{ 'resend MFACode' | translate }}\n        </span>\n      </div>\n      }\n    </form>\n    } @else {\n    <div class=\"loading-spinner\">\n      <span>{{ '@loggingIn' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--mfa-login-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}.invalid-input{border:1px solid #dc3545!important}.invalid-input:focus{box-shadow:0 0 0 .2rem #dc354540}.resend-container{margin-top:15px;text-align:center}.resend-container .resend-link{color:#007bff;cursor:pointer;text-decoration:underline;font-size:13px}.resend-container .resend-link:hover{color:#0056b3}.time-remaining{margin-top:16px;font-size:1rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: MfaLogin, decorators: [{
             type: Component,
@@ -4575,7 +4621,7 @@ class ForgotPassword extends AuthBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ForgotPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ForgotPassword, isStandalone: true, selector: "ntybase-forgot-password", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      novalidate\n    >\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        @if (updatePasswordForm.controls['newPassword'].invalid &&\n        updatePasswordForm.controls['newPassword'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        @if (updatePasswordForm.controls['newPasswordCheck'].invalid &&\n        updatePasswordForm.controls['newPasswordCheck'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n    } @else {\n    <!-- Burada eski #loading template'inin i\u00E7eri\u011Fi direkt olarak kullan\u0131l\u0131yor -->\n    <div class=\"loading-spinner\">\n      <span>{{ '@updatingPassword' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ForgotPassword, isStandalone: true, selector: "ntybase-forgot-password", usesInheritance: true, ngImport: i0, template: "<div class=\"login-page-container\">\n  <div class=\"login-image-container\"></div>\n\n  <div class=\"login-container glass-effect\">\n    <!-- Language Button -->\n    <div class=\"language-toggle\">\n      @if (icon()) {\n      <button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n        <span class=\"{{ getCurrentLanguageIcon() }}\"></span>\n      </button>\n      } @else {\n      <button\n        mat-raised-button\n        color=\"primary\"\n        [matMenuTriggerFor]=\"languageMenu\"\n      >\n        {{ currentLanguage }}\n      </button>\n      }\n    </div>\n\n    <h2>{{'app_name' | translate }}</h2>\n\n    <!-- Language Menu -->\n    <mat-menu #languageMenu=\"matMenu\">\n      @for (language of languages; track language) {\n      <button mat-menu-item (click)=\"setLanguage(language)\">\n        <span class=\"{{ getLanguageIcon(language) }}\"></span>\n        {{ language }}\n      </button>\n      }\n    </mat-menu>\n\n    @if (!isLoading()) {\n    <form\n      (ngSubmit)=\"updatePassword()\"\n      [formGroup]=\"updatePasswordForm\"\n      novalidate\n    >\n      @if (error()) {\n      <div class=\"error-message\">\n        <span class=\"error-icon\">!</span>\n        {{ error() }}\n      </div>\n      }\n\n      <div class=\"form-group\">\n        <label for=\"username\">{{'@username' | translate}}</label>\n        <input\n          type=\"text\"\n          id=\"username\"\n          [placeholder]=\"'@username' | translate\"\n          formControlName=\"username\"\n          required\n        />\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPassword\">{{'@password' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPassword\"\n          [placeholder]=\"'@password' | translate\"\n          formControlName=\"newPassword\"\n          required\n        />\n        @if (updatePasswordForm.controls['newPassword'].invalid &&\n        updatePasswordForm.controls['newPassword'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <div class=\"form-group\">\n        <label for=\"newPasswordCheck\">{{'@passwordCheck' | translate}}</label>\n        <input\n          type=\"password\"\n          id=\"newPasswordCheck\"\n          [placeholder]=\"'@passwordCheck' | translate\"\n          formControlName=\"newPasswordCheck\"\n          required\n        />\n        @if (updatePasswordForm.controls['newPasswordCheck'].invalid &&\n        updatePasswordForm.controls['newPasswordCheck'].touched) {\n        <mat-error class=\"validation-error\">\n          <span class=\"error-icon\">!</span>\n          {{ 'password is required' | translate }}\n        </mat-error>\n        }\n      </div>\n\n      <button\n        type=\"submit\"\n        class=\"login-button\"\n        [disabled]=\"updatePasswordForm.invalid\"\n      >\n        {{ '@setPassword' | translate }}\n      </button>\n    </form>\n    } @else {\n    <!-- Burada eski #loading template'inin i\u00E7eri\u011Fi direkt olarak kullan\u0131l\u0131yor -->\n    <div class=\"loading-spinner\">\n      <span>{{ '@updatingPassword' | translate }}</span>\n    </div>\n    }\n\n    <div class=\"footer\">\n      <span class=\"version\">v{{version}}</span>\n    </div>\n  </div>\n</div>\n", styles: [".login-page-container{position:relative;display:flex;height:100vh;background-image:var(--forgot-password-bg-image, url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100));background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;padding-right:5%}.login-image-container{display:none}.login-container{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin:20px;height:fit-content;align-self:center}.login-container h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.85rem 1rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;background-color:#ffffff26;color:#fff}.form-group input::placeholder{color:#ffffffb3}.form-group input[type=text]:focus,.form-group input[type=password]:focus{outline:none;border-color:#ffffff80;background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.remember{display:flex;align-items:center;margin-bottom:1.5rem}.remember input{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.remember label{color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.forgot-password{margin-left:auto;color:#ffffffe6;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background-color:#ffffff4d}.loading-spinner{text-align:center;padding:2rem}.loading-spinner p{margin-top:1rem;color:#fff}.footer{margin-top:2rem;text-align:center}.version{color:#ffffffb3;font-size:.8rem;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.login-page-container{justify-content:center;padding-right:0;align-items:center}.login-container{max-width:90%;margin:20px auto}}.language-toggle{position:absolute;top:20px;right:20px;z-index:10}.language-toggle button{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);cursor:pointer}.language-toggle button:hover{background:#ffffff4d}.language-toggle button mat-icon{color:#fff}.login-container h2{margin-top:.5rem}.flag-icon{width:24px;height:16px;margin-right:8px;border:1px solid #ddd}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;border:1px solid #f5c6cb;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message .error-icon{display:inline-block;width:20px;height:20px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:20px;margin-right:10px;font-weight:700;font-size:12px}.validation-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.validation-error .error-icon{display:inline-block;width:16px;height:16px;background-color:#dc3545;color:#fff;border-radius:50%;text-align:center;line-height:16px;margin-right:6px;font-weight:700;font-size:10px}input.ng-invalid.ng-touched{border:1px solid #dc3545!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { 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: ForgotPassword, decorators: [{
             type: Component,
@@ -4851,5 +4897,5 @@ const toEnum = (v, enumObj) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ErrorAlert, ExcelImportBase, ExcelParser, ExcelParserError, ForgotPassword, Guid, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridListBase, NettyAgGridListFilterBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyAppsFilterBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, NtyLoadingService, Ntybase, NtybaseModule, PageTitle, ParseLog, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor, toBoolean, toDate, toEnum, toNumber, toUpperString };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ErrorAlert, ExcelImportBase, ExcelLogViewer, ExcelParser, ExcelParserError, ForgotPassword, Guid, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridListBase, NettyAgGridListFilterBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyAppsFilterBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, NtyLoadingService, Ntybase, NtybaseModule, PageTitle, ParseLog, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor, toBoolean, toDate, toEnum, toNumber, toUpperString };
 //# sourceMappingURL=nettyapps-ntybase.mjs.map