@nettyapps/ntybase 21.0.35-beta.19 → 21.0.35-beta.20

package/fesm2022/nettyapps-ntybase.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, inject, NgModule, signal, input, output, computed, linkedSignal, effect, ViewChild, model, Input, InjectionToken, Optional, Inject } from '@angular/core';
+import { Component, Injectable, inject, NgModule, input, computed, signal, output, 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';
@@ -422,6 +422,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: i1.MatDialog }, { type: i1$1.TranslateService }] });
 
 class NettyAppsBase {
+    // ********************************************
+    // *** INPUTS                               ***
+    // ********************************************
+    embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : [])); // Is the form embedded to an other component
+    _isEmbedded = computed(() => this.embedded() ?? false, ...(ngDevMode ? [{ debugName: "_isEmbedded" }] : []));
     // ---------------------------------
     // --- SERVICES                  ---
     // ---------------------------------
@@ -537,12 +542,12 @@ class NettyAppsBase {
         this.onDestroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAppsBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NettyAppsBase, isStandalone: true, selector: "ntybase-netty-apps-base", ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAppsBase, isStandalone: true, selector: "ntybase-netty-apps-base", inputs: { embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAppsBase, decorators: [{
             type: Component,
             args: [{ selector: 'ntybase-netty-apps-base', imports: [], template: `` }]
-        }] });
+        }], propDecorators: { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
 
 class NettyHelper {
     /**
@@ -1253,14 +1258,17 @@ class NettyAgGridBase extends NettyAppsBase {
     // ********************************************
     // *** INPUTS                               ***
     // ********************************************
-    readOnly = signal(true, ...(ngDevMode ? [{ debugName: "readOnly" }] : [])); // Is the form in readonly mode
     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)
     // ********************************************
+    // *** Computed                               ***
+    // ********************************************
+    _isPopupFilterValid = computed(() => this.popupFilterValid() ?? false, ...(ngDevMode ? [{ debugName: "_isPopupFilterValid" }] : []));
+    _isPopupValid = computed(() => this.popupValid() ?? false, ...(ngDevMode ? [{ debugName: "_isPopupValid" }] : []));
+    // ********************************************
     // *** EVENTS                               ***
     // ********************************************
     /*
@@ -1288,6 +1296,7 @@ class NettyAgGridBase extends NettyAppsBase {
     // Authentication
     authenticationList = [];
     // User access writes
+    readOnly = signal(true, ...(ngDevMode ? [{ debugName: "readOnly" }] : [])); // Is the form in readonly mode
     accessRightsProcessed = signal(false, ...(ngDevMode ? [{ debugName: "accessRightsProcessed" }] : []));
     allowAdd = signal(false, ...(ngDevMode ? [{ debugName: "allowAdd" }] : []));
     allowEdit = signal(false, ...(ngDevMode ? [{ debugName: "allowEdit" }] : []));
@@ -1335,7 +1344,7 @@ class NettyAgGridBase extends NettyAppsBase {
         if (this.searchValue() && this.gridApi) {
             this.gridApi.setGridOption('quickFilterText', this.searchValue());
             if (this.recordList == undefined || this.recordList.length == 0) {
-                if (this.isEmbedded()) {
+                if (this._isEmbedded()) {
                     this.alertService.showWarning('@recordNotFoundSearch');
                 }
             }
@@ -1506,7 +1515,7 @@ class NettyAgGridBase extends NettyAppsBase {
         this.nettyAgGridService.setAgGridTranslations(this.gridApi);
     }
     initAgGrid_extension() {
-        if (this.allowEdit() == false && (this.popupValid() ?? false) == false) {
+        if (this.allowEdit() == false && this._isPopupValid() == false) {
             this.columnDefs().pop();
             this.columnDefs().shift();
             this.columnDefs().unshift({
@@ -1517,10 +1526,10 @@ class NettyAgGridBase extends NettyAppsBase {
             });
             this.gridApi.setGridOption('rowSelection', { mode: 'multiRow', checkboxes: true });
         }
-        if (this.popupValid() == true) {
+        if (this._isPopupValid() == true) {
             this.columnDefs().pop();
             this.columnDefs().shift();
-            if (this.popupFilterValid() == true) {
+            if (this._isPopupFilterValid() == true) {
                 if (this.allowEdit()) {
                     this.columnDefs().unshift({
                         headerName: '', sortable: false, resizable: false, filter: false,
@@ -1596,15 +1605,15 @@ class NettyAgGridBase extends NettyAppsBase {
         var fields = this.columnDefs()
             .filter((columnDef) => columnDef.ntyEmbeddedHide == 'x')
             .map((columnDef) => columnDef.field);
-        this.gridApi?.setColumnsVisible(fields, !this.isEmbedded());
+        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 }, 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 });
+    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 }, 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 }] }], 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 }] }] } });
+        }], propDecorators: { popupFilterValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupFilterValid", required: false }] }], popupValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupValid", 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;
@@ -1761,10 +1770,11 @@ class NettyAgGridListBase extends NettyAgGridBase {
     // ********************************************
     // Filter section
     hasFilter = input(true, ...(ngDevMode ? [{ debugName: "hasFilter" }] : [])); // Does the component have a filter
+    _hasFilter = computed(() => this.hasFilter() ?? false, ...(ngDevMode ? [{ debugName: "_hasFilter" }] : []));
     isFilterValid = signal(true, ...(ngDevMode ? [{ debugName: "isFilterValid" }] : [])); // Can the filter be used
     isFilterExpanded = linkedSignal({ ...(ngDevMode ? { debugName: "isFilterExpanded" } : {}), source: () => ({
-            embedded: this.isEmbedded(),
-            hasFilter: this.hasFilter(),
+            embedded: this._isEmbedded(),
+            hasFilter: this._hasFilter(),
             valid: this.isFilterValid(),
         }),
         computation: (s) => {
@@ -1810,7 +1820,7 @@ class NettyAgGridListBase extends NettyAgGridBase {
         if (savedSearchValue) {
             this.searchValue.set(savedSearchValue);
         }
-        if (!this.hasFilter()) {
+        if (!this._hasFilter()) {
             this.loadData();
         }
         // Load user grid preferences
@@ -1828,7 +1838,7 @@ class NettyAgGridListBase extends NettyAgGridBase {
         }
         return null;
     }
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this.isEmbedded()) {
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
         const baseHref = this.environment.getBaseHref().endsWith('/')
             ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
             : this.environment.getBaseHref();
@@ -1966,7 +1976,7 @@ class NettyAgGridListBase extends NettyAgGridBase {
         effect(() => { this.onElementSelect.emit(this.selectedRows()); });
         // Manage filter expanded state
         effect(() => {
-            this.isEmbedded();
+            this._isEmbedded();
             this.showHideEmbeddedColumnsAsync();
         });
     }
@@ -1991,7 +2001,7 @@ class NettyAgGridListBase extends NettyAgGridBase {
     // *** Data Management Functions                         ***
     // ********************************************************* 
     loadData() {
-        if (this.hasFilter()) {
+        if (this._hasFilter()) {
             this.setData([]);
             return;
         }
@@ -2079,8 +2089,6 @@ class NettyAgGridSaveBase extends NettyAppsBase {
     viewMode = signal('sidenav', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
     // Input signals
     parameters = input('', ...(ngDevMode ? [{ debugName: "parameters" }] : []));
-    embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
-    isEmbedded = input(false, ...(ngDevMode ? [{ debugName: "isEmbedded" }] : []));
     // ---------------------------------------------------
     // --- RECORD LIST                                 ---
     // ---------------------------------------------------
@@ -2341,7 +2349,7 @@ class NettyAgGridSaveBase extends NettyAppsBase {
     // ***************************************************
     // *** gotoURL Methods                             ***
     // ***************************************************
-    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this.isEmbedded()) {
+    gotoURL(routePrefix, rightSidenav = [], parameters, type, dialogComponent = null, isNewTab = false, isPopup = this._isEmbedded()) {
         const baseHref = this.environment.getBaseHref().endsWith('/')
             ? this.environment.getBaseHref().slice(0, -1) // Sondaki / işaretini kaldır
             : this.environment.getBaseHref();
@@ -2414,12 +2422,12 @@ class NettyAgGridSaveBase extends NettyAppsBase {
         ]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridSaveBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null }, isEmbedded: { classPropertyName: "isEmbedded", publicName: "isEmbedded", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: NettyAgGridSaveBase, isStandalone: true, selector: "ntybase-ag-grid-save-base", inputs: { parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "saveForm", first: true, predicate: ["saveForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NettyAgGridSaveBase, decorators: [{
             type: Component,
             args: [{ selector: 'ntybase-ag-grid-save-base', imports: [], template: `` }]
-        }], ctorParameters: () => [], propDecorators: { parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], isEmbedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEmbedded", required: false }] }], saveForm: [{
+        }], ctorParameters: () => [], propDecorators: { parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], saveForm: [{
                 type: ViewChild,
                 args: ['saveForm']
             }] } });