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

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

@@ -70,11 +70,11 @@ let SpwAccordion = class SpwAccordion {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwAccordion, isStandalone: true, selector: "spw-accordion", inputs: { background: "background" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwAccordion, isStandalone: true, selector: "spw-accordion", inputs: { background: "background", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwAccordion = __decorate([
     ProxyCmp({
-        inputs: ['background']
+        inputs: ['background', 'variant']
     })
 ], SpwAccordion);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordion, decorators: [{
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['background'],
+                    inputs: ['background', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwAccordionContent = class SpwAccordionContent {
@@ -117,11 +117,11 @@ let SpwAccordionItem = class SpwAccordionItem {
         proxyOutputs(this, this.el, ['accordionToggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwAccordionItem, isStandalone: true, selector: "spw-accordion-item", inputs: { defaultOpen: "defaultOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwAccordionItem, isStandalone: true, selector: "spw-accordion-item", inputs: { defaultOpen: "defaultOpen", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwAccordionItem = __decorate([
     ProxyCmp({
-        inputs: ['defaultOpen']
+        inputs: ['defaultOpen', 'variant']
     })
 ], SpwAccordionItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwAccordionItem, decorators: [{
@@ -131,7 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['defaultOpen'],
+                    inputs: ['defaultOpen', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwAccordionTitle = class SpwAccordionTitle {
@@ -457,11 +457,11 @@ let SpwCustomSelect = class SpwCustomSelect {
         proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCustomSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", disabled: "disabled", error: "error", hint: "hint", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", noResultsText: "noResultsText", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", disabled: "disabled", error: "error", fixedDropdown: "fixedDropdown", hint: "hint", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", noResultsText: "noResultsText", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwCustomSelect = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['assistiveText', 'disabled', 'error', 'fixedDropdown', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
         methods: ['setFocus', 'resetSelect', 'setValue', 'getValue']
     })
 ], SpwCustomSelect);
@@ -472,7 +472,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['assistiveText', 'disabled', 'error', 'fixedDropdown', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'noResultsText', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwDatePicker = class SpwDatePicker {
@@ -2570,6 +2570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class TabsValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2578,7 +2579,17 @@ class TabsValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.el.nativeElement.activeTab = this.lastValue = value == null ? '' : 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;
+        }
     }
     handleTabChanged(event) {
         const value = event.detail;
@@ -2611,6 +2622,7 @@ class TabsValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabsValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-tabs',
                     providers: [
                         {
@@ -2629,6 +2641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class CheckboxValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2637,7 +2650,16 @@ class CheckboxValueAccessor {
         this.lastValue = false;
     }
     writeValue(value) {
-        this.el.nativeElement.checked = this.lastValue = value ?? false;
+        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;
+        }
     }
     handleChange(event) {
         const value = event.detail;
@@ -2670,6 +2692,7 @@ class CheckboxValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckboxValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-checkbox',
                     providers: [
                         {
@@ -2688,6 +2711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class RadioValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2696,7 +2720,16 @@ class RadioValueAccessor {
         this.lastValue = false;
     }
     writeValue(value) {
-        this.el.nativeElement.checked = this.lastValue = value ?? false;
+        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;
+        }
     }
     handleChange(event) {
         const value = event.detail.checked;
@@ -2729,6 +2762,7 @@ class RadioValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RadioValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-radio',
                     providers: [
                         {
@@ -2747,6 +2781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class DatePickerValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2755,7 +2790,16 @@ class DatePickerValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.el.nativeElement.value = this.lastValue = 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;
+        }
     }
     handleChange(event) {
         const value = event.detail.value;
@@ -2788,6 +2832,7 @@ class DatePickerValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatePickerValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-date-picker',
                     providers: [
                         {
@@ -2806,6 +2851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class InputSliderValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2814,7 +2860,16 @@ class InputSliderValueAccessor {
         this.lastValue = 0;
     }
     writeValue(value) {
-        this.el.nativeElement.value = this.lastValue = value ?? 0;
+        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;
+        }
     }
     handleChange(event) {
         const value = event.detail.value;
@@ -2847,6 +2902,7 @@ class InputSliderValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: InputSliderValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-input-slider',
                     providers: [
                         {
@@ -2865,6 +2921,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['focusout']
             }] } });
 
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 class SearchFieldValueAccessor {
     constructor(el) {
         this.el = el;
@@ -2873,7 +2930,16 @@ class SearchFieldValueAccessor {
         this.lastValue = '';
     }
     writeValue(value) {
-        this.el.nativeElement.value = this.lastValue = value == null ? '' : 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;
+        }
     }
     handleValueChanged(event) {
         const value = event.detail;
@@ -2906,6 +2972,7 @@ class SearchFieldValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchFieldValueAccessor, decorators: [{
             type: Directive,
             args: [{
+                    /* tslint:disable-next-line:directive-selector */
                     selector: 'spw-search-field',
                     providers: [
                         {