@nettyapps/ntybase 21.0.35-beta.1 → 21.0.35-beta.11

package/fesm2022/nettyapps-ntybase.mjs

@@ -1,32 +1,32 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, inject, NgModule, signal, input, computed, output, effect, ViewChild, model, Input, InjectionToken, Optional, Inject } from '@angular/core';
+import { Component, Injectable, inject, NgModule, signal, input, output, computed, linkedSignal, effect, ViewChild, model, Input, InjectionToken, Optional, Inject } from '@angular/core';
 import * as i1$3 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse, HTTP_INTERCEPTORS, HttpClient, HttpHeaders } from '@angular/common/http';
 import { of, throwError, Subject, lastValueFrom, map, catchError as catchError$1, finalize, take as take$1, takeUntil } from 'rxjs';
 import { catchError, map as map$1, take, finalize as finalize$1 } from 'rxjs/operators';
 import { Router, ActivatedRoute } from '@angular/router';
-import * as i2$2 from '@nettyapps/ntycontract';
-import { EnvironmentProxy, injectNettyStandardProxy, injectNettyStandardLogProxy } from '@nettyapps/ntycontract';
+import * as i2$1 from '@nettyapps/ntycontract';
+import { EnvironmentProxy, injectNettyStandardProxy, injectNettyStandardLogProxy, NettyStandardFilterProxy } from '@nettyapps/ntycontract';
 import { DatePipe, CommonModule, Location, DecimalPipe } from '@angular/common';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { Buffer } from 'buffer';
 import * as i1 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
-import { ModuleRegistry, AllCommunityModule, ClientSideRowModelModule, HighlightChangesModule } from 'ag-grid-community';
-import { themeQuartz, StatusBarModule, ClipboardModule, ExcelExportModule, ColumnMenuModule, ContextMenuModule, CellSelectionModule, RowSelectionModule } from 'ag-grid-enterprise';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i2$1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2$3 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import { Buffer } from 'buffer';
 import * as i3 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 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 { Mutex } from 'async-mutex';
+import { themeQuartz, StatusBarModule, ClipboardModule, ExcelExportModule, ColumnMenuModule, ContextMenuModule, CellSelectionModule, RowSelectionModule } from 'ag-grid-enterprise';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ModuleRegistry, AllCommunityModule, ClientSideRowModelModule, HighlightChangesModule } from 'ag-grid-community';
+import * as i2$2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i2$3 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
 import * as XLSX from 'xlsx';
 import { I18nService } from '@nettyapps/ntyi18n';
 import * as i1$4 from '@angular/forms';
@@ -34,6 +34,7 @@ import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angu
 import * as i3$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { NettyEnumStorageProxy } from '@nettyapps/ntyui';
 
 class Ntybase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Ntybase, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -310,152 +311,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
-class ButtonRenderer {
-    params = null;
-    label = '';
-    type = '';
-    toggleValue = null;
-    editValid = false;
-    historyValid = false;
-    lineValid = false;
-    popupSelectValid = false;
-    popupEditValid = false;
-    toggleValid = false;
-    toggle_icon = '';
-    none = false;
-    addValid = false;
-    deleteValid = false;
-    agInit(params) {
-        this.params = params;
-        this.type = this.params.type || null;
-        this.label = this.params.label || null;
-        this.toggleValue = this.params.value || null;
-        switch (this.toggleValue) {
-            case true:
-                this.toggle_icon = 'select_check_box';
-                break;
-            case false:
-                this.toggle_icon = 'check_box_outline_blank';
-                break;
-            default:
-                this.toggle_icon = '';
-                break;
-        }
-        this.resetValids();
-        switch (this.type.toLowerCase().trim()) {
-            case 'edit':
-                this.editValid = true;
-                break;
-            case 'log':
-                this.historyValid = true;
-                break;
-            case 'line':
-                this.lineValid = true;
-                break;
-            case 'popupselect':
-                this.popupSelectValid = true;
-                break;
-            case 'toggle':
-                this.toggleValid = true;
-                break;
-            case 'none':
-                this.none = true;
-                break;
-            case 'add':
-                this.addValid = true;
-                break;
-            case 'delete':
-                this.deleteValid = true;
-                break;
-            default:
-                this.popupEditValid = true;
-                break;
-        }
-    }
-    /** Refresh the display
-     *
-     * @param params
-     * @returns
-     */
-    refresh(params) {
-        return false;
-    }
-    resetValids() {
-        this.editValid = false;
-        this.historyValid = false;
-        this.lineValid = false;
-        this.popupSelectValid = false;
-        this.popupEditValid = false;
-        this.toggleValid = false;
-    }
-    onClick(event) {
-        if (this.params.onClick instanceof Function) {
-            // put anything into params u want pass into parents component
-            const params = {
-                event: event,
-                rowData: this.params.node.data,
-                type: this.type,
-                // ...something
-            };
-            this.params.onClick(params);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ButtonRenderer, isStandalone: true, selector: "ntybase-button-renderer", host: { attributes: { "ntybase-id": "ButtonRenderer" } }, ngImport: i0, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonRenderer, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-button-renderer', imports: [MatIconModule, MatTooltipModule, MatMenuModule], host: { 'ntybase-id': 'ButtonRenderer' }, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"] }]
-        }] });
-
-class CheckboxRenderer {
-    params = null;
-    label = '';
-    type = '';
-    supportClick = false;
-    checked = null;
-    agInit(params) {
-        this.onProcess(params);
-    }
-    refresh(params) {
-        if (params != null) {
-            this.onProcess(params);
-        }
-        return true;
-    }
-    onProcess(params) {
-        this.params = params;
-        this.checked = this.params.value ?? false;
-        this.type = this.params.type || null;
-        this.label = this.params.label || null;
-        if (this.type != null) {
-            if (this.type.toLowerCase().trim() == 'click') {
-                this.supportClick = true;
-            }
-        }
-    }
-    onClick(event) {
-        this.checked = !this.checked;
-        if (this.params.onClick instanceof Function) {
-            // put anything into params u want pass into parents component
-            const params = {
-                event: event,
-                rowData: this.params.node.data,
-                type: this.type,
-                checked: this.checked,
-                // ...something
-            };
-            this.params.onClick(params);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CheckboxRenderer, isStandalone: true, selector: "ntybase-checkbox-renderer", host: { attributes: { "ntybase-id": "CheckboxRenderer" } }, ngImport: i0, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n", styles: [""] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxRenderer, decorators: [{
-            type: Component,
-            args: [{ selector: 'ntybase-checkbox-renderer', imports: [], host: { 'ntybase-id': 'CheckboxRenderer' }, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n" }]
-        }] });
-
 class ConfirmDialog {
     dialogRef = inject((MatDialogRef));
     data = inject(MAT_DIALOG_DATA);
@@ -1379,7 +1234,7 @@ class SysfunctionProxy {
             return throwError(() => new Error(errorMessage ?? ''));
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SysfunctionProxy, deps: [{ token: i1$3.HttpClient }, { token: i2$2.EnvironmentProxy }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SysfunctionProxy, deps: [{ token: i1$3.HttpClient }, { token: i2$1.EnvironmentProxy }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SysfunctionProxy, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SysfunctionProxy, decorators: [{
@@ -1387,7 +1242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i2$2.EnvironmentProxy }] });
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: i2$1.EnvironmentProxy }] });
 
 class NettyAgGridBase extends NettyAppsBase {
     FILTER_MODE_KEY = 'nettyapps_filter_mode';
@@ -1403,6 +1258,18 @@ class NettyAgGridBase extends NettyAppsBase {
     popupFilterValid = input(false, ...(ngDevMode ? [{ debugName: "popupFilterValid" }] : [])); // Is the popup filter valid
     popupValid = input(false, ...(ngDevMode ? [{ debugName: "popupValid" }] : [])); // Is the form in popup mode
     isEmbedded = input(false, ...(ngDevMode ? [{ debugName: "isEmbedded" }] : [])); // Is the form embedded to an other component
+    // Parameters passed when the component is embeded into an other
+    componantParameterGUID = input('', ...(ngDevMode ? [{ debugName: "componantParameterGUID" }] : [])); // GUID of the parameter
+    componantParameterType = input('', ...(ngDevMode ? [{ debugName: "componantParameterType" }] : [])); // Type of the parameter (Field Name)
+    // ********************************************
+    // *** EVENTS                               ***
+    // ********************************************
+    /*
+      Selected records event
+      @param records: Array of selected records
+    */
+    onElementSelect = output(); // Emit selected records when updated
+    selectedElement = output(); // Selected element in popup mode
     // Component identifiers  
     componentName = signal('Invalid', ...(ngDevMode ? [{ debugName: "componentName" }] : []));
     searchValueName = signal('Invalid_searchValue', ...(ngDevMode ? [{ debugName: "searchValueName" }] : []));
@@ -1416,6 +1283,9 @@ class NettyAgGridBase extends NettyAppsBase {
     commonService = inject(CommonService);
     sysFunctionProxy = inject(SysfunctionProxy);
     environment = inject(EnvironmentProxy);
+    // Button action management variables
+    menuValid = signal(true, ...(ngDevMode ? [{ debugName: "menuValid" }] : [])); // true: Filter editbox is not visible so the menus are visible
+    refreshButtonValid = signal(false, ...(ngDevMode ? [{ debugName: "refreshButtonValid" }] : [])); // true: Refresh button is enabled
     // Authentication
     authenticationList = [];
     // User access writes
@@ -1430,10 +1300,33 @@ class NettyAgGridBase extends NettyAppsBase {
     // ---------------------------------------------------
     recordList = signal([], ...(ngDevMode ? [{ debugName: "recordList" }] : []));
     record = null;
+    // ***************************************************************
+    // *** METHODS For optional overide                            ***
+    // ***************************************************************
+    async AfterOnInit() { }
+    setFilter() { } //override this to set a filter
+    // ***************************************************************
+    // *** METHODS                                                 ***
+    // ***************************************************************
+    popupClose() { this.selectedElement.emit(null); }
+    onFilterTextBoxVisibilityChange(isOpen) {
+        this.menuValid.set(!isOpen);
+    }
     /**
-     * Component initialization lifecycle hook Overide for custom initialization
+     * Handle back button click
      */
-    async AfterOnInit() { }
+    backClicked() {
+        this.commonService.goBack();
+    }
+    async refreshData() {
+        try {
+            this.loadData();
+            await this.alertService.showAlert('@dataRefreshedSuccessfully');
+        }
+        catch (err) {
+            this.alertService.showError(err);
+        }
+    }
     /** Set data into the grid */
     setData(data) {
         this.recordList.set(data);
@@ -1707,12 +1600,158 @@ class NettyAgGridBase extends NettyAppsBase {
         this.gridApi?.setColumnsVisible(fields, !this.isEmbedded());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridBase, isStandalone: true, selector: "ntybase-ag-grid-base", inputs: { popupFilterValid: { classPropertyName: "popupFilterValid", publicName: "popupFilterValid", isSignal: true, isRequired: false, transformFunction: null }, popupValid: { classPropertyName: "popupValid", publicName: "popupValid", isSignal: true, isRequired: false, transformFunction: null }, isEmbedded: { classPropertyName: "isEmbedded", publicName: "isEmbedded", isSignal: true, isRequired: false, transformFunction: null }, agGridSelectionMode: { classPropertyName: "agGridSelectionMode", publicName: "agGridSelectionMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ntybase-id": "NettyAgGridBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridBase, isStandalone: true, selector: "ntybase-ag-grid-base", inputs: { popupFilterValid: { classPropertyName: "popupFilterValid", publicName: "popupFilterValid", isSignal: true, isRequired: false, transformFunction: null }, popupValid: { classPropertyName: "popupValid", publicName: "popupValid", isSignal: true, isRequired: false, transformFunction: null }, 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 }, agGridSelectionMode: { classPropertyName: "agGridSelectionMode", publicName: "agGridSelectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementSelect: "onElementSelect", selectedElement: "selectedElement" }, host: { attributes: { "ntybase-id": "NettyAgGridBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridBase, decorators: [{
             type: Component,
             args: [{ selector: 'ntybase-ag-grid-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridBase' } }]
-        }], propDecorators: { popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", required: false }] }], isEmbedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEmbedded", required: false }] }], agGridSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "agGridSelectionMode", required: false }] }] } });
+        }], propDecorators: { popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", required: false }] }], isEmbedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEmbedded", required: false }] }], componantParameterGUID: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterGUID", required: false }] }], componantParameterType: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterType", required: false }] }], onElementSelect: [{ type: i0.Output, args: ["onElementSelect"] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }], agGridSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "agGridSelectionMode", required: false }] }] } });
+
+class ButtonRenderer {
+    params = null;
+    label = '';
+    type = '';
+    toggleValue = null;
+    editValid = false;
+    historyValid = false;
+    lineValid = false;
+    popupSelectValid = false;
+    popupEditValid = false;
+    toggleValid = false;
+    toggle_icon = '';
+    none = false;
+    addValid = false;
+    deleteValid = false;
+    agInit(params) {
+        this.params = params;
+        this.type = this.params.type || null;
+        this.label = this.params.label || null;
+        this.toggleValue = this.params.value || null;
+        switch (this.toggleValue) {
+            case true:
+                this.toggle_icon = 'select_check_box';
+                break;
+            case false:
+                this.toggle_icon = 'check_box_outline_blank';
+                break;
+            default:
+                this.toggle_icon = '';
+                break;
+        }
+        this.resetValids();
+        switch (this.type.toLowerCase().trim()) {
+            case 'edit':
+                this.editValid = true;
+                break;
+            case 'log':
+                this.historyValid = true;
+                break;
+            case 'line':
+                this.lineValid = true;
+                break;
+            case 'popupselect':
+                this.popupSelectValid = true;
+                break;
+            case 'toggle':
+                this.toggleValid = true;
+                break;
+            case 'none':
+                this.none = true;
+                break;
+            case 'add':
+                this.addValid = true;
+                break;
+            case 'delete':
+                this.deleteValid = true;
+                break;
+            default:
+                this.popupEditValid = true;
+                break;
+        }
+    }
+    /** Refresh the display
+     *
+     * @param params
+     * @returns
+     */
+    refresh(params) {
+        return false;
+    }
+    resetValids() {
+        this.editValid = false;
+        this.historyValid = false;
+        this.lineValid = false;
+        this.popupSelectValid = false;
+        this.popupEditValid = false;
+        this.toggleValid = false;
+    }
+    onClick(event) {
+        if (this.params.onClick instanceof Function) {
+            // put anything into params u want pass into parents component
+            const params = {
+                event: event,
+                rowData: this.params.node.data,
+                type: this.type,
+                // ...something
+            };
+            this.params.onClick(params);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ButtonRenderer, isStandalone: true, selector: "ntybase-button-renderer", host: { attributes: { "ntybase-id": "ButtonRenderer" } }, ngImport: i0, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-button-renderer', imports: [MatIconModule, MatTooltipModule, MatMenuModule], host: { 'ntybase-id': 'ButtonRenderer' }, template: "@if (editValid || popupEditValid) {\n<mat-icon\n  class=\"cursor center edit\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"4000\"\n  >edit</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center-log\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >log</mat-icon\n>\n} @if (historyValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >history</mat-icon\n>\n} @if (lineValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (popupSelectValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >content_copy</mat-icon\n>\n} @if (toggleValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >{{toggleValue ? 'check_box' : 'check_box_outline_blank'}}</mat-icon\n>\n} @if (none) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  [matTooltipShowDelay]=\"3000\"\n  >menu_open</mat-icon\n>\n} @if (addValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >playlist_add</mat-icon\n>\n} @if (deleteValid) {\n<mat-icon\n  class=\"cursor center\"\n  matTooltip=\"{{label}}\"\n  (click)=\"onClick($event)\"\n  [matTooltipShowDelay]=\"3000\"\n  >delete_outline</mat-icon\n>\n}\n", styles: [".cursor{cursor:pointer}.center{display:flex;justify-content:center;align-items:center;width:100%}.center-log{display:flex;justify-content:center;align-items:center;margin-bottom:-12px}.edit{margin-top:8px}\n"] }]
+        }] });
+
+class CheckboxRenderer {
+    params = null;
+    label = '';
+    type = '';
+    supportClick = false;
+    checked = null;
+    agInit(params) {
+        this.onProcess(params);
+    }
+    refresh(params) {
+        if (params != null) {
+            this.onProcess(params);
+        }
+        return true;
+    }
+    onProcess(params) {
+        this.params = params;
+        this.checked = this.params.value ?? false;
+        this.type = this.params.type || null;
+        this.label = this.params.label || null;
+        if (this.type != null) {
+            if (this.type.toLowerCase().trim() == 'click') {
+                this.supportClick = true;
+            }
+        }
+    }
+    onClick(event) {
+        this.checked = !this.checked;
+        if (this.params.onClick instanceof Function) {
+            // put anything into params u want pass into parents component
+            const params = {
+                event: event,
+                rowData: this.params.node.data,
+                type: this.type,
+                checked: this.checked,
+                // ...something
+            };
+            this.params.onClick(params);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CheckboxRenderer, isStandalone: true, selector: "ntybase-checkbox-renderer", host: { attributes: { "ntybase-id": "CheckboxRenderer" } }, ngImport: i0, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-checkbox-renderer', imports: [], host: { 'ntybase-id': 'CheckboxRenderer' }, template: "@if (supportClick) {\n<input\n  id=\"checkbox\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  (click)=\"onClick($event)\"\n/>\n} @if (!supportClick) {\n<input id=\"checkbox\" type=\"checkbox\" [checked]=\"params.value\" disabled />\n}\n\n<label for=\"checkbox\">{{label}}</label>\n" }]
+        }] });
 
 ModuleRegistry.registerModules([AllCommunityModule, StatusBarModule, ClientSideRowModelModule, ClipboardModule, ExcelExportModule, ColumnMenuModule,
     ContextMenuModule, CellSelectionModule, HighlightChangesModule, RowSelectionModule,]);
@@ -1721,35 +1760,31 @@ class NettyAgGridListBase extends NettyAgGridBase {
     // ********************************************
     // *** INPUTS                               ***
     // ********************************************
-    // Parameters passed when the component is embeded into an other
-    componantParameterGUID = input('', ...(ngDevMode ? [{ debugName: "componantParameterGUID" }] : [])); // GUID of the parameter
-    componantParameterType = input('', ...(ngDevMode ? [{ debugName: "componantParameterType" }] : [])); // Type of the parameter (Field Name)
-    // ********************************************
-    // *** EVENTS                               ***
-    // ********************************************
-    /*
-      Selected records event
-      @param records: Array of selected records
-    */
-    onElementSelect = output(); // Emit selected records when updated
-    // Parameters for embeded components
-    selectedElement = output(); // Selected element in popup mode
-    // ********************************************
     // Filter section
     hasFilter = input(false, ...(ngDevMode ? [{ debugName: "hasFilter" }] : [])); // Does the component have a filter
     isFilterValid = signal(true, ...(ngDevMode ? [{ debugName: "isFilterValid" }] : [])); // Can the filter be used
-    isFilterExpanded = computed(() => {
-        if (this.isEmbedded()) {
-            return false;
-        }
-        if (!this.hasFilter()) {
-            return false;
+    isFilterExpanded = linkedSignal({ ...(ngDevMode ? { debugName: "isFilterExpanded" } : {}), source: () => ({
+            embedded: this.isEmbedded(),
+            hasFilter: this.hasFilter(),
+            valid: this.isFilterValid(),
+        }),
+        computation: (s) => {
+            if (s.embedded || !s.hasFilter)
+                return false;
+            return s.valid;
+        } });
+    filterRefreshTrigger = signal(0, ...(ngDevMode ? [{ debugName: "filterRefreshTrigger" }] : []));
+    /**
+     * Triggers the filter component to refresh its data
+     */
+    refreshFilterData() {
+        let value = this.filterRefreshTrigger();
+        if (value > 10000) {
+            value = 0;
         }
-        return this.isFilterValid();
-    }, ...(ngDevMode ? [{ debugName: "isFilterExpanded" }] : []));
-    // Button action management variables
-    menuValid = signal(true, ...(ngDevMode ? [{ debugName: "menuValid" }] : [])); // true: Filter editbox is not visible so the menus are visible
-    refreshButtonValid = signal(false, ...(ngDevMode ? [{ debugName: "refreshButtonValid" }] : [])); // true: Refresh button is enabled
+        value++;
+        this.filterRefreshTrigger.set(value);
+    }
     // Open component management
     openEditComponentInPopup = signal(false, ...(ngDevMode ? [{ debugName: "openEditComponentInPopup" }] : []));
     // Services
@@ -1763,6 +1798,7 @@ class NettyAgGridListBase extends NettyAgGridBase {
     queryParameterType = toSignal(this.routerActive.queryParamMap.pipe(map((params) => params.get('type')), map((value) => this.parseOrReturnValue(value))), {
         initialValue: null, // set initial value to null
     });
+    openInPopup = signal(false, ...(ngDevMode ? [{ debugName: "openInPopup" }] : [])); // true: Open add / edit component in popup
     // ---------------------------------------------------
     // --- RECORD LIST                                 ---
     // ---------------------------------------------------
@@ -1795,12 +1831,6 @@ class NettyAgGridListBase extends NettyAgGridBase {
         }
         return null;
     }
-    /**
-     * Handle back button click
-     */
-    backClicked() {
-        this.commonService.goBack();
-    }
     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
@@ -1961,13 +1991,6 @@ class NettyAgGridListBase extends NettyAgGridBase {
         }
         return true;
     }
-    onFilterTextBoxVisibilityChange(isOpen) {
-        this.menuValid.set(!isOpen);
-    }
-    setFilter() { } //override this to set a filter
-    popupClose() {
-        this.selectedElement.emit(null);
-    }
     // *********************************************************
     // *** Data Management Functions                         ***
     // ********************************************************* 
@@ -1997,15 +2020,6 @@ class NettyAgGridListBase extends NettyAgGridBase {
             this.deleteRows(selectedRows);
         }
     }
-    async refreshData() {
-        try {
-            this.loadData();
-            await this.alertService.showAlert('@dataRefreshedSuccessfully');
-        }
-        catch (err) {
-            this.alertService.showError(err);
-        }
-    }
     deleteRows(rows) {
         this.nettyAppsProxy.deleteList(rows).subscribe({
             next: () => {
@@ -2016,12 +2030,12 @@ class NettyAgGridListBase extends NettyAgGridBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridListBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridListBase, isStandalone: true, selector: "ntybase-ag-grid-list-base", inputs: { componantParameterGUID: { classPropertyName: "componantParameterGUID", publicName: "componantParameterGUID", isSignal: true, isRequired: false, transformFunction: null }, componantParameterType: { classPropertyName: "componantParameterType", publicName: "componantParameterType", isSignal: true, isRequired: false, transformFunction: null }, hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementSelect: "onElementSelect", selectedElement: "selectedElement" }, host: { attributes: { "ntybase-id": "NettyAgGridListBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridListBase, isStandalone: true, selector: "ntybase-ag-grid-list-base", inputs: { hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ntybase-id": "NettyAgGridListBase" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridListBase, decorators: [{
             type: Component,
             args: [{ selector: 'ntybase-ag-grid-list-base', imports: [], template: ``, host: { 'ntybase-id': 'NettyAgGridListBase' } }]
-        }], ctorParameters: () => [], propDecorators: { componantParameterGUID: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterGUID", required: false }] }], componantParameterType: [{ type: i0.Input, args: [{ isSignal: true, alias: "componantParameterType", required: false }] }], onElementSelect: [{ type: i0.Output, args: ["onElementSelect"] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }], hasFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFilter", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { hasFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFilter", required: false }] }] } });
 
 class NettyAgGridLogBase extends NettyAgGridBase {
     // ---------------------------------------------------
@@ -2091,6 +2105,9 @@ class NettyAgGridSaveBase extends NettyAppsBase {
             this.loadDetailData();
         });
     }
+    async ngOnInit() {
+        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" }] : []));
@@ -4256,6 +4273,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+class NettyAppsFilterBase extends NettyAppsBase {
+    // *********************************************************
+    // *** Input / Output                                    ***
+    // *********************************************************
+    isFilterExpanded = model(true, ...(ngDevMode ? [{ debugName: "isFilterExpanded" }] : []));
+    filteredRecords = output();
+    refresh = input(0, ...(ngDevMode ? [{ debugName: "refresh" }] : []));
+    fileName = input('nettyapps_', ...(ngDevMode ? [{ debugName: "fileName" }] : []));
+    // *********************************************************
+    // *** Service                                           ***
+    // *********************************************************
+    filterProxy = inject(NettyStandardFilterProxy);
+    enumStorage = inject(NettyEnumStorageProxy);
+    // *********************************************************
+    // *** Signals                                           ***
+    // *********************************************************
+    currentItem = signal(this.createNewFilter(), ...(ngDevMode ? [{ debugName: "currentItem" }] : []));
+    allYesNoEnumList = signal([], ...(ngDevMode ? [{ debugName: "allYesNoEnumList" }] : []));
+    // *********************************************************
+    // *** Constructor                                       ***
+    // *********************************************************
+    constructor() {
+        super();
+        effect(() => {
+            if (this.refresh() > 0) {
+                this.onApply();
+            }
+        });
+    }
+    // *********************************************************
+    // *** Functions                                         ***
+    // *********************************************************
+    async ngOnInit() {
+        // Load enum data for dropdowns
+        await this.enumStorage.loadEnumList();
+        this.allYesNoEnumList.set(this.enumStorage.getEnum('AllYesNo'));
+    }
+    onApply() {
+        this.filterProxy.selectFilter(this.currentItem()).subscribe({
+            next: (result) => {
+                this.filteredRecords.emit(result);
+                this.isFilterExpanded.set(false);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    onReset() {
+        this.filterProxy.initFilter().subscribe({
+            next: (filter) => {
+                this.currentItem.set(filter);
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    onExport() {
+        this.filterProxy.downloadXLS(this.currentItem()).subscribe({
+            next: (response) => {
+                this.downloadBlobFile(response, 'application/zip', this.translateService.instant('@00000072') + '.zip');
+            },
+            error: (err) => this.alertService.showError('@dataLoadFailed', err),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAppsFilterBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAppsFilterBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { isFilterExpanded: { classPropertyName: "isFilterExpanded", publicName: "isFilterExpanded", isSignal: true, isRequired: false, transformFunction: null }, refresh: { classPropertyName: "refresh", publicName: "refresh", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isFilterExpanded: "isFilterExpandedChange", filteredRecords: "filteredRecords" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAppsFilterBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
+        }], ctorParameters: () => [], propDecorators: { isFilterExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFilterExpanded", required: false }] }, { type: i0.Output, args: ["isFilterExpandedChange"] }], filteredRecords: [{ type: i0.Output, args: ["filteredRecords"] }], refresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "refresh", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }] } });
+
 /*
  * Public API Surface of ntybase
  */
@@ -4264,5 +4351,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridListBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, Ntybase, NtybaseModule, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridListBase, NettyAgGridLogBase, NettyAgGridSaveBase, NettyAgGridService, NettyAppsBase, NettyAppsFilterBase, NettyBaseApp, NettyHelper, NettyImageService, NettyMenuService, NtyLoadingComponent, NtyLoadingInterceptor, Ntybase, NtybaseModule, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, UrlHelperService, ntyAuthenticationInterceptor };
 //# sourceMappingURL=nettyapps-ntybase.mjs.map