@nettyapps/ntybase 0.1.15 → 0.1.16

package/fesm2022/nettyapps-ntybase.mjs

@@ -10,6 +10,7 @@ import * as i2$1 from '@nettyapps/ntycontract';
 import { EnvironmentProxy } from '@nettyapps/ntycontract';
 import * as i1$5 from '@angular/common';
 import { DatePipe, Location, DecimalPipe, CommonModule, TitleCasePipe } from '@angular/common';
+import { toSignal } from '@angular/core/rxjs-interop';
 import * as i3$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { Buffer } from 'buffer';
@@ -1190,9 +1191,12 @@ class NettyAgGridBase {
     readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
     popupFilterValid = input(false, ...(ngDevMode ? [{ debugName: "popupFilterValid" }] : []));
     popupValid = input(false, ...(ngDevMode ? [{ debugName: "popupValid" }] : []));
-    params = input('', ...(ngDevMode ? [{ debugName: "params" }] : []));
-    parameters = input('', ...(ngDevMode ? [{ debugName: "parameters" }] : []));
+    // params = input<any>('');
+    // parameters = input<string>('');
     isEmbedded = input(false, ...(ngDevMode ? [{ debugName: "isEmbedded" }] : []));
+    // Parameters pass when the component is embeded into an other
+    componantParameterGUID = input('', ...(ngDevMode ? [{ debugName: "componantParameterGUID" }] : []));
+    componantParameterType = input('', ...(ngDevMode ? [{ debugName: "componantParameterType" }] : []));
     // Authentication
     authenticationList = [];
     // User access writes
@@ -1241,6 +1245,16 @@ class NettyAgGridBase {
     dialog = inject(MatDialog);
     sysFunctionProxy = inject(SysfunctionProxy);
     environment = inject(EnvironmentProxy);
+    // Parse query parameters
+    queryParameterGUID = toSignal(this.routerActive.queryParamMap.pipe(map(params => params.get('parameter')), map(value => this.parseOrReturnValue(value))), {
+        initialValue: null // set initial value to null
+    });
+    queryParameterType = toSignal(this.routerActive.queryParamMap.pipe(map(params => params.get('type')), map(value => this.parseOrReturnValue(value))), {
+        initialValue: null // set initial value to null
+    });
+    // Query Parameters can be provide as parameters
+    parameterGUID = signal('', ...(ngDevMode ? [{ debugName: "parameterGUID" }] : []));
+    parameterType = signal('', ...(ngDevMode ? [{ debugName: "parameterType" }] : []));
     initAgGrid_extension() {
         if (this.allowEdit() == false && (this.popupValid() ?? false) == false) {
             this.columnDefs().pop();
@@ -1397,21 +1411,31 @@ class NettyAgGridBase {
         // Load user grid preferences
         await this.nettyAgGridService.copyGridUserPereferenceToLocal(this.preferenceType());
     }
-    /**
-     * Handle input changes for route parameters
-     */
-    ngOnChanges(changes) {
-        if (changes['parameters']) {
-            const parameters = changes['parameters'].currentValue;
-            if (parameters) {
-                this.params =
-                    typeof parameters === 'string' ? JSON.parse(parameters) : parameters;
+    parseOrReturnValue(value) {
+        if (value) {
+            try {
+                return JSON.parse(value); // parse json
             }
-            else {
-                this.commonService.clearOutlet();
+            catch (e) {
+                return value; // not a json retun value
             }
         }
+        return null;
     }
+    /**
+     * Handle input changes for route parameters
+     */
+    // public ngOnChanges(changes: SimpleChanges): void {
+    //   if (changes['parameters']) {
+    //     const parameters = changes['parameters'].currentValue;
+    //     if (parameters) {
+    //       this.params =
+    //         typeof parameters === 'string' ? JSON.parse(parameters) : parameters;
+    //     } else {
+    //       this.commonService.clearOutlet();
+    //     }
+    //   }
+    // }
     // Common grid ready handler
     onGridReady(params) {
         this.gridApi = params.api;
@@ -1546,6 +1570,27 @@ class NettyAgGridBase {
         this.translateService.onLangChange.subscribe(() => {
             this.setAgGridTranslations();
         });
+        effect(() => {
+            if (this.hasValidValue(this.componantParameterGUID())) {
+                this.parameterGUID.set(this.componantParameterGUID());
+            }
+            else if (this.hasValidValue(this.queryParameterGUID())) {
+                this.parameterGUID.set(this.queryParameterGUID());
+            }
+            if (this.hasValidValue(this.componantParameterType())) {
+                this.parameterType.set(this.componantParameterType());
+            }
+            else if (this.hasValidValue(this.queryParameterType())) {
+                this.parameterType.set(this.queryParameterType());
+            }
+            // Clear right side nav if parameterGUID is not provided
+            if (this.hasValidValue(this.parameterGUID)) {
+                this.setFilter();
+            }
+            else {
+                this.commonService.clearOutlet();
+            }
+        });
         effect(() => {
             const update = this.commonService.updates();
             if (!update || !this.gridApi)
@@ -1560,6 +1605,20 @@ class NettyAgGridBase {
             }
         });
     }
+    /**
+     * Validates if the given value is equal to null,undefined or ''
+     * @param value
+     * @returns true if has a valid value
+     */
+    hasValidValue(value) {
+        if (value == null || value == undefined) {
+            return false;
+        }
+        if (value == '') {
+            return false;
+        }
+        return true;
+    }
     setAgGridTranslations() {
         if (this.gridApi) {
             this.gridApi.setGridOption('localeText', {
@@ -1735,13 +1794,14 @@ class NettyAgGridBase {
     onFilterTextBoxVisibilityChange(isOpen) {
         this.menuValid.set(!isOpen);
     }
+    setFilter() { } //override this to set a filter
     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 }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, isEmbedded: { classPropertyName: "isEmbedded", publicName: "isEmbedded", 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.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: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.11", ngImport: i0, type: NettyAgGridBase, decorators: [{
             type: Component,
             args: [{ selector: 'ntybase-ag-grid-base', imports: [], template: "<p>ag-grid-base works!</p>\n" }]
-        }], ctorParameters: () => [], propDecorators: { readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], isEmbedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEmbedded", required: false }] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }] } });
+        }], ctorParameters: () => [], propDecorators: { readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], 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 }] }], selectedElement: [{ type: i0.Output, args: ["selectedElement"] }] } });
 
 class NettyAgGridSaveBase {
     // Services