@pongrass/utils 1.1.8-v20 → 1.1.10-v20

package/fesm2022/pongrass-utils.mjs

@@ -664,7 +664,7 @@ class CheckboxCellRendererComponent {
     }
     // Return Cell Value
     refresh(params) {
-        this.value = params.value === 'Y' || params.value === 1 ? true : false;
+        this.value = params.value === 'Y' || params.value === 1 || params.value === '1' ? true : false;
         return true;
     }
     onChangeCheckBox(event) {
@@ -1686,72 +1686,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 args: ['keydown', ['$event']]
             }] } });
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 class DecimalInputDirective {
     el = inject((ElementRef));
-    control = inject(NgControl);
-    sub;
+    control = inject(NgControl, { optional: true });
     wsDecimalInput = 4;
     wsAcceptStringInput = true;
-    specialKeys = ['Backspace', 'Tab', 'End', 'Home', 'ArrowLeft', 'ArrowRight', 'Delete'];
-    ngOnInit() {
-        // Only format when value comes from patchValue / setValue (not typing)
-        this.sub = this.control.valueChanges?.subscribe(value => {
-            const inputEl = this.el.nativeElement;
-            // Skip if input element is focused (user typing)
-            if (document.activeElement === inputEl)
-                return;
-            this.formatValue(value);
-        });
+    get decimalPlaces() {
+        return this.wsDecimalInput;
     }
-    ngOnDestroy() {
-        this.sub?.unsubscribe();
-    }
-    onKeyDown(event) {
+    onInput(e) {
         const input = this.el.nativeElement;
-        const value = input.value;
-        if (this.specialKeys.includes(event.key))
-            return;
-        if (event.key === '.' && value.includes('.')) {
-            event.preventDefault();
-            return;
+        const before = input.value;
+        let cleaned = before.replace(/[^0-9.]/g, '');
+        const parts = cleaned.split('.');
+        if (parts.length > 2) {
+            cleaned = parts[0] + '.' + parts.slice(1).join('');
         }
-        const cursorPos = input.selectionStart ?? value.length;
-        const nextValue = this.getNextValue(value, event.key, cursorPos);
-        if (!this.isValidInput(nextValue)) {
-            event.preventDefault();
+        if (parts.length === 2 && parts[1].length > this.decimalPlaces) {
+            cleaned = parts[0] + '.' + parts[1].slice(0, this.decimalPlaces);
+        }
+        if (cleaned !== before) {
+            const cursorPos = input.selectionStart ?? 0;
+            input.value = cleaned;
+            const newPos = cursorPos + (cleaned.length - before.length);
+            input.setSelectionRange(newPos, newPos);
+            this.control?.control?.setValue(this.wsAcceptStringInput ? cleaned : Number(cleaned) || null, { emitEvent: false, onlySelf: true });
         }
     }
-    onBlur() {
-        this.formatValue(this.el.nativeElement.value);
+    onPaste(e) {
+        const text = e.clipboardData?.getData('text') ?? '';
+        if (!/^\d*\.?\d*$/.test(text)) {
+            e.preventDefault();
+        }
     }
-    formatValue(value) {
-        if (value === null || value === undefined || value === '')
+    onBlur() {
+        const val = this.el.nativeElement.value.trim();
+        if (!val)
             return;
-        if (isNaN(Number(value)))
+        const num = Number(val);
+        if (isNaN(num))
             return;
-        const [integerPart, decimalPart = ''] = value.toString().split('.');
-        let formatted = integerPart + '.' + decimalPart.padEnd(this.wsDecimalInput, '0');
-        if (decimalPart.length > this.wsDecimalInput) {
-            formatted = integerPart + '.' + decimalPart.slice(0, this.wsDecimalInput);
-        }
-        if (this.wsAcceptStringInput) {
-            this.control.control?.setValue(formatted, { emitEvent: false });
+        let str = num.toFixed(this.decimalPlaces);
+        if (!this.wsAcceptStringInput) {
+            this.control?.control?.setValue(num, { emitEvent: false });
         }
         else {
-            this.control.control?.setValue(Number(formatted), { emitEvent: false });
+            this.control?.control?.setValue(str, { emitEvent: false });
         }
-        this.el.nativeElement.value = formatted;
+        this.el.nativeElement.value = str;
     }
-    isValidInput(value) {
-        const regex = new RegExp(`^\\d*\\.?\\d{0,${this.wsDecimalInput}}$`);
-        return regex.test(value);
+    constructor() {
+        this.control?.valueChanges?.subscribe(v => {
+            if (document.activeElement !== this.el.nativeElement) {
+                this.formatProgrammatic(v);
+            }
+        });
     }
-    getNextValue(currentValue, key, cursorPos) {
-        return currentValue.slice(0, cursorPos) + key + currentValue.slice(cursorPos);
+    formatProgrammatic(value) {
+        if (value == null || value === '') {
+            this.el.nativeElement.value = '';
+            return;
+        }
+        const str = Number(value).toFixed(this.decimalPlaces);
+        this.el.nativeElement.value = str;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DecimalInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: DecimalInputDirective, isStandalone: true, selector: "[wsDecimalInput]", inputs: { wsDecimalInput: "wsDecimalInput", wsAcceptStringInput: "wsAcceptStringInput" }, host: { listeners: { "keydown": "onKeyDown($event)", "blur": "onBlur()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: DecimalInputDirective, isStandalone: true, selector: "[wsDecimalInput]", inputs: { wsDecimalInput: "wsDecimalInput", wsAcceptStringInput: "wsAcceptStringInput" }, host: { listeners: { "input": "onInput($event)", "paste": "onPaste($event)", "blur": "onBlur()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DecimalInputDirective, decorators: [{
             type: Directive,
@@ -1759,13 +1759,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     selector: '[wsDecimalInput]',
                     standalone: true
                 }]
-        }], propDecorators: { wsDecimalInput: [{
+        }], ctorParameters: () => [], propDecorators: { wsDecimalInput: [{
                 type: Input
             }], wsAcceptStringInput: [{
                 type: Input
-            }], onKeyDown: [{
+            }], onInput: [{
                 type: HostListener,
-                args: ['keydown', ['$event']]
+                args: ['input', ['$event']]
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
             }], onBlur: [{
                 type: HostListener,
                 args: ['blur']
@@ -2217,7 +2220,7 @@ class MultiFormComponent {
         this.multiForm.markAsPristine();
     }
     getTruthyOrFalsy(value) {
-        return value === '1' ? true : false;
+        return value === '1' || value === 1 ? true : false;
     }
     getValidators(validations) {
         const validators = [];
@@ -2314,9 +2317,11 @@ class MultiFormComponent {
     }
     handleSearch(field, keyword) {
         const fieldConfig = field.config;
-        this.jsonrpcService.postJsonRpcRequest(fieldConfig.method, { keyword }).subscribe((response) => {
-            field.options = response?.result || [];
-        });
+        if (fieldConfig) {
+            this.jsonrpcService.postJsonRpcRequest(fieldConfig.method, { keyword }).subscribe((response) => {
+                field.options = response?.result || [];
+            });
+        }
     }
     setDefaultAdvanceDate(currentDate, defaultAdvance) {
         if (defaultAdvance === 'weekly') {
@@ -2472,7 +2477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         FormCheckInputDirective,
                         EditionListGroupedComponent,
                         MultiSelectStylerDirective,
-                        TimePickerModule
+                        TimePickerModule,
                     ],
                     exports: [MultiFormComponent, DateTimePickerComponent]
                 }]
@@ -2701,7 +2706,7 @@ class TableGridComponent {
                 const initialState = this.tableGridState.map(item => ({
                     colId: item.key,
                     hide: item.visible === null || item.visible === undefined ? false : !item.visible,
-                    width: item.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100,
+                    width: item.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth,
                     sort: item.sort || null
                 }));
                 this.gridAPI.api.applyColumnState({
@@ -2715,7 +2720,7 @@ class TableGridComponent {
                     this.tableGridState.push({
                         key: columnState.colId,
                         visible: columnState.hide ? !columnState.hide : true,
-                        width: columnState.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100,
+                        width: columnState.width,
                         sort: columnState.sort
                     });
                 });
@@ -2850,7 +2855,7 @@ class TableGridComponent {
                     }
                     this.tableConfiguration.initialState.forEach((col) => {
                         col.visible = col.visible === null || col.visible === undefined ? true : col.visible;
-                        col.width = col.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100;
+                        col.width = col.width;
                         col.sort = null;
                         this.tableGridState.push(col);
                         this.columnsListselectionForm.controls[col.key].setValue(true);
@@ -2860,7 +2865,7 @@ class TableGridComponent {
                             state: this.tableGridState.map(item => ({
                                 colId: item.key,
                                 hide: item.visible === null || item.visible === undefined ? false : !item.visible,
-                                width: item.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100,
+                                width: item.width,
                                 sort: item.sort || null,
                                 flex: 1
                             })),
@@ -2926,7 +2931,7 @@ class TableGridComponent {
             const columnState = this.tableGridState.map(item => ({
                 colId: item.key,
                 hide: true,
-                width: this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100,
+                width: item?.width || this.configurationService.allConfigValues()?.tableGridConfig?.defaultMinWidth || 100,
                 sort: item.sort || null,
                 flex: 1
             }));