@spw-ds/spw-angular-library 1.6.1-alpha.0 → 1.6.2

package/fesm2022/spw-ds-spw-angular-library.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, HostListener, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostListener, Directive, Input, NgModule, APP_INITIALIZER } from '@angular/core';
 import { defineCustomElements } from '@spw-ds/spw-stencil-library/loader';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
@@ -2579,17 +2579,7 @@ class TabsValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.lastValue = value == null ? '' : value;
-        const el = this.el.nativeElement;
-        // Attendre que le composant Stencil soit prêt avant d'assigner la valeur
-        if (typeof el.componentOnReady === 'function') {
-            el.componentOnReady().then(() => {
-                el.activeTab = this.lastValue;
-            });
-        }
-        else {
-            el.activeTab = this.lastValue;
-        }
+        this.el.nativeElement.activeTab = this.lastValue = value == null ? '' : value;
     }
     handleTabChanged(event) {
         const value = event.detail;
@@ -2650,16 +2640,7 @@ class CheckboxValueAccessor {
         this.lastValue = false;
     }
     writeValue(value) {
-        this.lastValue = value ?? false;
-        const el = this.el.nativeElement;
-        if (typeof el.componentOnReady === 'function') {
-            el.componentOnReady().then(() => {
-                el.checked = this.lastValue;
-            });
-        }
-        else {
-            el.checked = this.lastValue;
-        }
+        this.el.nativeElement.checked = this.lastValue = value ?? false;
     }
     handleChange(event) {
         const value = event.detail;
@@ -2717,26 +2698,25 @@ class RadioValueAccessor {
         this.el = el;
         this.onChange = () => { };
         this.onTouched = () => { };
-        this.lastValue = false;
     }
     writeValue(value) {
-        this.lastValue = value ?? false;
         const el = this.el.nativeElement;
+        // Compare with loose equality to handle number/string comparison (e.g., 1 vs "1")
+        const isChecked = value == this.value;
         if (typeof el.componentOnReady === 'function') {
             el.componentOnReady().then(() => {
-                el.checked = this.lastValue;
+                el.checked = isChecked;
             });
         }
         else {
-            el.checked = this.lastValue;
+            el.checked = isChecked;
         }
     }
     handleChange(event) {
-        const value = event.detail.checked;
-        if (value !== this.lastValue) {
-            this.lastValue = value;
-            this.onChange(value);
+        if (event.detail.checked) {
+            this.onChange(this.value);
         }
+        this.onTouched();
     }
     handleBlurEvent() {
         this.onTouched();
@@ -2751,7 +2731,7 @@ class RadioValueAccessor {
         this.el.nativeElement.disabled = isDisabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: RadioValueAccessor, isStandalone: true, selector: "spw-radio", host: { listeners: { "spwChange": "handleChange($event)", "focusout": "handleBlurEvent()" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: RadioValueAccessor, isStandalone: true, selector: "spw-radio", inputs: { value: "value" }, host: { listeners: { "spwChange": "handleChange($event)", "focusout": "handleBlurEvent()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: RadioValueAccessor,
@@ -2773,7 +2753,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     ],
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleChange: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
+                type: Input
+            }], handleChange: [{
                 type: HostListener,
                 args: ['spwChange', ['$event']]
             }], handleBlurEvent: [{
@@ -2790,16 +2772,7 @@ class DatePickerValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.lastValue = value ?? '';
-        const el = this.el.nativeElement;
-        if (typeof el.componentOnReady === 'function') {
-            el.componentOnReady().then(() => {
-                el.value = this.lastValue;
-            });
-        }
-        else {
-            el.value = this.lastValue;
-        }
+        this.el.nativeElement.value = this.lastValue = value ?? '';
     }
     handleChange(event) {
         const value = event.detail.value;
@@ -2860,16 +2833,7 @@ class InputSliderValueAccessor {
         this.lastValue = 0;
     }
     writeValue(value) {
-        this.lastValue = value ?? 0;
-        const el = this.el.nativeElement;
-        if (typeof el.componentOnReady === 'function') {
-            el.componentOnReady().then(() => {
-                el.value = this.lastValue;
-            });
-        }
-        else {
-            el.value = this.lastValue;
-        }
+        this.el.nativeElement.value = this.lastValue = value ?? 0;
     }
     handleChange(event) {
         const value = event.detail.value;
@@ -2930,16 +2894,7 @@ class SearchFieldValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.lastValue = value == null ? '' : value;
-        const el = this.el.nativeElement;
-        if (typeof el.componentOnReady === 'function') {
-            el.componentOnReady().then(() => {
-                el.value = this.lastValue;
-            });
-        }
-        else {
-            el.value = this.lastValue;
-        }
+        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
     }
     handleValueChanged(event) {
         const value = event.detail;