@brggroup/share-lib 0.0.69 → 0.0.70

package/fesm2022/brggroup-share-lib.mjs

@@ -5122,22 +5122,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
 class NumberOnlyDirective {
     el;
     renderer;
-    onChange = (value) => { };
+    inputEl;
+    onChange = (_) => { };
     onTouched = () => { };
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
     }
-    onInput(value) {
-        const formattedValue = this.formatValue(value);
-        this.renderer.setProperty(this.el.nativeElement, 'value', formattedValue);
-        if (this.onChange) {
-            this.onChange(formattedValue);
+    ngAfterViewInit() {
+        const native = this.el.nativeElement;
+        // nếu gắn trực tiếp vào input
+        if (native.tagName === 'INPUT') {
+            this.inputEl = native;
+        }
+        else {
+            // nếu gắn vào cha → tìm input con đầu tiên
+            this.inputEl = native.querySelector('input');
         }
     }
+    onInput(target) {
+        if (!this.inputEl || target !== this.inputEl)
+            return;
+        const formattedValue = this.formatValue(this.inputEl.value);
+        this.renderer.setProperty(this.inputEl, 'value', formattedValue);
+        this.onChange(formattedValue);
+    }
     writeValue(value) {
+        if (!this.inputEl)
+            return;
         const formattedValue = value ? this.formatValue(value) : '';
-        this.renderer.setProperty(this.el.nativeElement, 'value', formattedValue);
+        this.renderer.setProperty(this.inputEl, 'value', formattedValue);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -5146,13 +5160,15 @@ class NumberOnlyDirective {
         this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this.renderer.setProperty(this.el.nativeElement, 'disabled', isDisabled);
+        if (this.inputEl) {
+            this.renderer.setProperty(this.inputEl, 'disabled', isDisabled);
+        }
     }
     formatValue(value) {
         return value.replace(/\D/g, '');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: NumberOnlyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: NumberOnlyDirective, isStandalone: true, selector: "[numberOnly]", host: { listeners: { "input": "onInput($event.target.value)" } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: NumberOnlyDirective, isStandalone: true, selector: "[numberOnly]", host: { listeners: { "input": "onInput($event.target)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NumberOnlyDirective),
@@ -5174,7 +5190,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { onInput: [{
                 type: HostListener,
-                args: ['input', ['$event.target.value']]
+                args: ['input', ['$event.target']]
             }] } });
 
 class UpperCaseFirsLetterEachWordDirective {