@nettyapps/ntybase 0.1.22 → 0.1.24

package/fesm2022/nettyapps-ntybase.mjs

@@ -30,12 +30,12 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i2$3 from '@angular/material/menu';
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import * as XLSX from 'xlsx';
+import { I18nService } from '@nettyapps/ntyi18n';
 import * as i1$3 from '@angular/forms';
 import { FormBuilder, Validators, FormsModule, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { I18nService } from '@nettyapps/ntyi18n';
 import * as i3$2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { NettyUISearchInput, UiBase } from '@nettyapps/ntyui';
@@ -1189,6 +1189,7 @@ const myTheme = themeQuartz.withParams({
     backgroundColor: 'black',
     browserColorScheme: 'dark',
 }, 'dark');
+const FILTER_MODE_KEY = 'nettyapps_filter_mode';
 class NettyAgGridBase {
     // Input signals
     readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
@@ -1200,6 +1201,8 @@ class NettyAgGridBase {
     // Parameters pass when the component is embeded into an other
     componantParameterGUID = input('', ...(ngDevMode ? [{ debugName: "componantParameterGUID" }] : []));
     componantParameterType = input('', ...(ngDevMode ? [{ debugName: "componantParameterType" }] : []));
+    // AG Grid Filter
+    customFilters = signal(this.getStoredFilterMode(), ...(ngDevMode ? [{ debugName: "customFilters" }] : []));
     // Authentication
     authenticationList = [];
     // User access writes
@@ -1398,6 +1401,32 @@ class NettyAgGridBase {
             { statusPanel: 'agAggregationComponent' },
         ],
     };
+    /**
+     * Filter mode change
+     */
+    toggleFilterMode() {
+        const newMode = !this.customFilters();
+        this.customFilters.set(newMode);
+        localStorage.setItem(FILTER_MODE_KEY, JSON.stringify(newMode));
+        this.initAgGrid();
+        if (this.gridApi) {
+            this.gridApi.refreshHeader();
+            this.gridApi.setFilterModel(null);
+            const message = this.customFilters()
+                ? '@customFilterModeEnabled'
+                : '@defaultFilterModeEnabled';
+            this.alertService.showAlert(this.translateService.instant(message));
+        }
+    }
+    getStoredFilterMode() {
+        try {
+            const stored = localStorage.getItem(FILTER_MODE_KEY);
+            return stored !== null ? JSON.parse(stored) : true;
+        }
+        catch {
+            return true;
+        }
+    }
     /**
      * Component initialization lifecycle hook
      */
@@ -1798,7 +1827,9 @@ class NettyAgGridBase {
         this.menuValid.set(!isOpen);
     }
     setFilter() { } //override this to set a filter
-    popupClose() { this.selectedElement.emit(null); }
+    popupClose() {
+        this.selectedElement.emit(null);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: NettyAgGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.11", type: NettyAgGridBase, isStandalone: true, selector: "ntybase-ag-grid-base", inputs: { readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, popupFilterValid: { classPropertyName: "popupFilterValid", publicName: "popupFilterValid", isSignal: true, isRequired: false, transformFunction: null }, popupValid: { classPropertyName: "popupValid", publicName: "popupValid", isSignal: true, isRequired: false, transformFunction: null }, isEmbedded: { classPropertyName: "isEmbedded", publicName: "isEmbedded", isSignal: true, isRequired: false, transformFunction: null }, componantParameterGUID: { classPropertyName: "componantParameterGUID", publicName: "componantParameterGUID", isSignal: true, isRequired: false, transformFunction: null }, componantParameterType: { classPropertyName: "componantParameterType", publicName: "componantParameterType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedElement: "selectedElement" }, ngImport: i0, template: "<p>ag-grid-base works!</p>\n", styles: [""] });
 }
@@ -1887,7 +1918,11 @@ class NettyAgGridSaveBase {
      */
     async canDeactivate() {
         if (this.formChanged) {
-            return await this.alertService.showConfirm('@unsavedChangesConfirm');
+            const confirmed = await this.alertService.showConfirm('@unsavedChangesConfirm');
+            if (!confirmed) {
+                return false;
+            }
+            return true;
         }
         return true;
     }
@@ -1913,24 +1948,34 @@ class NettyAgGridSaveBase {
     /**
      * Close sidenav or navigate back
      */
-    closeSidenav() {
-        if (this.viewMode() === 'dialog' && this.dialogRef) {
-            this.dialogRef.close('saved');
-        }
-        else if (this.viewMode() === 'sidenav') {
-            this.commonService.clearOutlet();
-        }
-        else {
-            const cleanPath = this.commonService.getCleanUrlPath();
-            this.router.navigate([cleanPath]);
+    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 {
+                const cleanPath = this.commonService.getCleanUrlPath();
+                this.router.navigate([cleanPath]);
+            }
         }
     }
-    backClicked() {
-        if (this.viewMode() === 'dialog' && this.dialogRef) {
-            this.dialogRef.close('back');
-        }
-        else {
-            this.commonService.goBack();
+    /**
+     * 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();
+            }
         }
     }
     validateSaveRecord(recordGUID) {
@@ -2000,6 +2045,757 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImpo
             args: [{ selector: 'ntybase-excel-import-base', imports: [], template: "<p>excel-import-base works!</p>\n" }]
         }] });
 
+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,
+                        });
+                    }
+                }
+            }
+            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,
+                    });
+                }
+            }
+        }
+    }
+    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 ? 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 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
+            }
+        }
+        else {
+            return false; // Desteklenmeyen tip
+        }
+        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;
+            }
+        });
+    }
+    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.parseFilterText(); // Modelden set ederken koşulları tekrar parse et
+        }
+        else {
+            this.filterText = '';
+            this.conditions = [];
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: RangeDateTimeFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: RangeDateTimeFilter, isStandalone: true, selector: "ntybase-range-date-time-filter", 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: i3$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: RangeDateTimeFilter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-range-date-time-filter', imports: [TranslateModule], 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 RangeNumberFilter {
+    params;
+    filterText = '';
+    conditions = [];
+    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;
+        }
+        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,
+                        });
+                    }
+                }
+            }
+            // 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),
+                            });
+                        }
+                    }
+                }
+            }
+            else {
+                // Tek değer kontrolü
+                const value = Number(part);
+                if (!isNaN(value)) {
+                    this.conditions.push({
+                        type: 'value',
+                        value: value,
+                    });
+                }
+            }
+        }
+    }
+    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;
+        }
+        // Hücre değeri null/undefined ise veya sayı değilse filtrele
+        if (cellValue == null || typeof cellValue !== 'number') {
+            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;
+            }
+            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;
+    }
+    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: "20.3.11", ngImport: i0, type: RangeNumberFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: RangeNumberFilter, isStandalone: true, selector: "ntybase-range-number-filter", 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: i3$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: RangeNumberFilter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-range-number-filter', imports: [TranslateModule], 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 RangeStringFilter {
+    params;
+    filterText = '';
+    conditions = [];
+    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;
+        }
+        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);
+            }
+        }
+    }
+    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(),
+                    };
+                }
+            }
+        }
+        // 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,
+                };
+            }
+        }
+        return null;
+    }
+    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;
+        }
+        // Hücre değeri boşsa filtrele
+        if (!cellValue) {
+            return false;
+        }
+        // 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;
+        });
+    }
+    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;
+        }
+    }
+    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: "20.3.11", ngImport: i0, type: RangeStringFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.11", type: RangeStringFilter, isStandalone: true, selector: "ntybase-range-string-filter", 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: i3$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: RangeStringFilter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-range-string-filter', imports: [TranslateModule], 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" }]
+        }] });
+
 class AuthenticationGuard {
     router = inject(Router);
     credentialsService = inject(CredentialsService);
@@ -2188,7 +2984,7 @@ class AuthenticationService {
     logout() {
         // Customize credentials invalidation here
         this.credentialsService.setCredentials();
-        localStorage.clear();
+        //localStorage.clear();
         return of(true);
     }
     /** Send a pasword reset e-mail
@@ -2309,14 +3105,47 @@ class Login extends AuthBase {
         this.icon.set(true);
         this.authService.getAdminLink('Login');
         this.timeout(500).then(() => this.authService.getAdminLink('Login'));
+        this.loadRememberedUsername();
     }
     timeout(ms) {
         return new Promise((resolve) => setTimeout(resolve, ms));
     }
+    handleRememberMe() {
+        const formValues = this.loginForm.value;
+        try {
+            if (formValues.remember) {
+                localStorage.setItem('remembered_username', formValues.username);
+                localStorage.setItem('remember_me', 'true');
+            }
+            else {
+                localStorage.removeItem('remembered_username');
+                localStorage.removeItem('remember_me');
+            }
+        }
+        catch (error) {
+            console.error('Error handling remember me:', error);
+        }
+    }
+    loadRememberedUsername() {
+        try {
+            const rememberedUsername = localStorage.getItem('remembered_username');
+            const rememberMe = localStorage.getItem('remember_me') === 'true';
+            if (rememberedUsername && rememberMe) {
+                this.loginForm.patchValue({
+                    username: rememberedUsername,
+                    remember: true,
+                });
+            }
+        }
+        catch (error) {
+            console.error('Error loading remembered username:', error);
+        }
+    }
     login() {
         this.isLoading.set(true);
         // Get the form values
         const formValues = this.loginForm.value;
+        this.handleRememberMe();
         this.authService
             .login(formValues) // Use the form values directly
             .pipe(finalize(() => {
@@ -3216,8 +4045,8 @@ class NettyBaseApp {
     i18nService = inject(I18nService);
     async loadBaseTranslations() {
         try {
-            const enUSBase = await import('./nettyapps-ntybase-en-USbase-DE6OxgCf.mjs');
-            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-yJyG8qmQ.mjs');
+            const enUSBase = await import('./nettyapps-ntybase-en-USbase-D8YJXJ5r.mjs');
+            const trTRBase = await import('./nettyapps-ntybase-tr-TRbase-DtiNXQKJ.mjs');
             this.i18nService.addTranslations('English', enUSBase.default);
             this.i18nService.addTranslations('Türkçe', trTRBase.default);
         }
@@ -3879,5 +4708,5 @@ class NettyFilter {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyBaseApp, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, SelectionItem, Theme, Toolbar, UrlHelperService };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyBaseApp, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, SelectionItem, Theme, Toolbar, UrlHelperService };
 //# sourceMappingURL=nettyapps-ntybase.mjs.map