@nettyapps/ntybase 0.0.3 → 0.0.4

package/fesm2022/nettyapps-ntybase.mjs

@@ -1152,6 +1152,7 @@ class AgGridBase {
     popupValid = input(false, ...(ngDevMode ? [{ debugName: "popupValid" }] : []));
     params = input('', ...(ngDevMode ? [{ debugName: "params" }] : []));
     parameters = input('', ...(ngDevMode ? [{ debugName: "parameters" }] : []));
+    isEmbedded = signal(false, ...(ngDevMode ? [{ debugName: "isEmbedded" }] : []));
     // Authentication
     authenticationList = [];
     // User access writes
@@ -1168,11 +1169,6 @@ class AgGridBase {
     refreshButtonValid = signal(false, ...(ngDevMode ? [{ debugName: "refreshButtonValid" }] : []));
     // Parameters for embeded components
     selectedElement = output();
-    // Filter Parameters
-    filterField = input(null, ...(ngDevMode ? [{ debugName: "filterField" }] : []));
-    filterFieldValue = input(null, ...(ngDevMode ? [{ debugName: "filterFieldValue" }] : []));
-    filterFieldNumeric = input(false, ...(ngDevMode ? [{ debugName: "filterFieldNumeric" }] : []));
-    filterFieldEquality = input('=', ...(ngDevMode ? [{ debugName: "filterFieldEquality" }] : []));
     // AG-Grid theme setting (dark mode)
     theme = myTheme;
     // Grid references
@@ -1468,10 +1464,10 @@ class AgGridBase {
     onGridReady(params) {
         this.gridApi = params.api;
         this.gridApi.addEventListener('selectionChanged', () => {
-            const selectedNodes = this.gridApi.getSelectedNodes();
+            // Null-safe approach
+            const selectedNodes = this.gridApi?.getSelectedNodes?.() || [];
             this.selectedRows.set(selectedNodes.map((node) => node.data));
         });
-        // Apply the saved filter when the grid is ready
         if (this.searchValue()) {
             this.gridApi.setGridOption('quickFilterText', this.searchValue());
         }
@@ -1510,7 +1506,7 @@ class AgGridBase {
     backClicked() {
         this.commonService.goBack();
     }
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, isNewTab = false, embedded = false, dialogComponent) {
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this.isEmbedded()) {
         const navigationExtras = {
             queryParams: {
                 parameters: JSON.stringify(parameters),
@@ -1526,7 +1522,7 @@ class AgGridBase {
             window.open(fullUrl, '_blank');
             return;
         }
-        if (embedded && dialogComponent) {
+        if (isPopup && dialogComponent) {
             this.dialog
                 .open(dialogComponent, {
                 data: {
@@ -1682,7 +1678,7 @@ class AgGridBase {
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AgGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: AgGridBase, 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 }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterFieldValue: { classPropertyName: "filterFieldValue", publicName: "filterFieldValue", isSignal: true, isRequired: false, transformFunction: null }, filterFieldNumeric: { classPropertyName: "filterFieldNumeric", publicName: "filterFieldNumeric", isSignal: true, isRequired: false, transformFunction: null }, filterFieldEquality: { classPropertyName: "filterFieldEquality", publicName: "filterFieldEquality", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedElement: "selectedElement" }, usesOnChanges: true, ngImport: i0, template: "<p>ag-grid-base works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: AgGridBase, 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 }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedElement: "selectedElement" }, usesOnChanges: true, ngImport: i0, template: "<p>ag-grid-base works!</p>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AgGridBase, decorators: [{
             type: Component,
@@ -3043,22 +3039,53 @@ class AutoCompleteLookup {
     // Output
     selectedElement = output();
     ngOnInit() {
-        // Initialize with dialog data first
-        if (this.data) {
-            this.loadComponent(this.data);
+        this.initializeComponent();
+    }
+    ngOnChanges(changes) {
+        if (this.isComponentConfigChanged(changes)) {
+            this.initializeComponent();
         }
     }
+    isComponentConfigChanged(changes) {
+        return (!!changes['component'] ||
+            !!changes['filterField'] ||
+            !!changes['filterFieldValue'] ||
+            !!changes['filterFieldNumeric'] ||
+            !!changes['filterFieldEquality']);
+    }
+    initializeComponent() {
+        // Dialog data'sı varsa onu kullan, yoksa input'ları kullan
+        const config = this.data || this.getInputConfig();
+        this.loadComponent(config);
+    }
+    getInputConfig() {
+        return {
+            component: this.component(),
+            filterField: this.filterField(),
+            filterFieldValue: this.filterFieldValue(),
+            filterFieldNumeric: this.filterFieldNumeric(),
+            filterFieldEquality: this.filterFieldEquality(),
+        };
+    }
     loadComponent(config) {
         if (!config?.component)
             return;
         this.container.clear();
         const componentRef = this.container.createComponent(config.component);
-        // Set all inputs using setInput
+        // Input'ları doğru şekilde set et - fonksiyon çağrısı YOK
         componentRef.setInput('popupValid', true);
-        componentRef.setInput('filterField', config.filterField);
-        componentRef.setInput('filterFieldValue', config.filterFieldValue);
-        componentRef.setInput('filterFieldEquality', config.filterFieldEquality);
-        componentRef.setInput('filterFieldNumeric', config.filterFieldNumeric);
+        if (config.filterField !== undefined) {
+            componentRef.setInput('filterField', config.filterField);
+        }
+        if (config.filterFieldValue !== undefined) {
+            componentRef.setInput('filterFieldValue', config.filterFieldValue);
+        }
+        if (config.filterFieldEquality !== undefined) {
+            componentRef.setInput('filterFieldEquality', config.filterFieldEquality);
+        }
+        if (config.filterFieldNumeric !== undefined) {
+            componentRef.setInput('filterFieldNumeric', config.filterFieldNumeric);
+        }
         // Handle output
         const sub = componentRef.instance.selectedElement.subscribe((data) => {
             this.selectedElement.emit(data);
@@ -3067,7 +3094,7 @@ class AutoCompleteLookup {
         componentRef.onDestroy(() => sub.unsubscribe());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AutoCompleteLookup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: AutoCompleteLookup, isStandalone: true, selector: "ntybase-auto-complete-lookup", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterFieldValue: { classPropertyName: "filterFieldValue", publicName: "filterFieldValue", isSignal: true, isRequired: false, transformFunction: null }, filterFieldNumeric: { classPropertyName: "filterFieldNumeric", publicName: "filterFieldNumeric", isSignal: true, isRequired: false, transformFunction: null }, filterFieldEquality: { classPropertyName: "filterFieldEquality", publicName: "filterFieldEquality", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedElement: "selectedElement" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: ` <ng-template #container></ng-template> `, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: AutoCompleteLookup, isStandalone: true, selector: "ntybase-auto-complete-lookup", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterFieldValue: { classPropertyName: "filterFieldValue", publicName: "filterFieldValue", isSignal: true, isRequired: false, transformFunction: null }, filterFieldNumeric: { classPropertyName: "filterFieldNumeric", publicName: "filterFieldNumeric", isSignal: true, isRequired: false, transformFunction: null }, filterFieldEquality: { classPropertyName: "filterFieldEquality", publicName: "filterFieldEquality", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedElement: "selectedElement" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: ` <ng-template #container></ng-template> `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AutoCompleteLookup, decorators: [{
             type: Component,