@spw-ds/spw-stencil-library 1.7.0 → 1.8.0

package/dist/cjs/spw-custom-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-CGg8f9_X.js');
 
-const spwCustomSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__arrow{position:absolute;right:12px;top:10px;font-size:16px;color:var(--spw-color-themes-grey-grey-600);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:3px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);text-overflow:ellipsis}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:35px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-77px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:34px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-36px}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
+const spwCustomSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-600);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px)}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select__search-input{text-overflow:ellipsis}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);width:100%;border-radius:3px}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
 
 const SpwCustomSelect = class {
     constructor(hostRef) {
@@ -62,6 +62,10 @@ const SpwCustomSelect = class {
         this.tooltipCursor = 'help';
         /** Utilise un positionnement fixed pour le dropdown si nécessité de sortir du contexte (utile dans une modal avec overflow hidden) */
         this.fixedDropdown = false;
+        /** Indique si le champ peut être effacé avec un bouton */
+        this.isClear = false;
+        /** Direction d'ouverture du dropdown */
+        this.direction = 'auto';
         this.handleOtherSelectOpened = (event) => {
             if (event.detail.instance !== this.host && this.isOpen) {
                 this.closeDropdown();
@@ -90,12 +94,21 @@ const SpwCustomSelect = class {
                 return;
             const rect = this.selectContainer.getBoundingClientRect();
             const viewportHeight = window.innerHeight;
-            if (rect.bottom + 200 > viewportHeight && rect.top > 200) {
+            if (this.direction === 'top') {
                 this.dropdownDirection = 'up';
             }
-            else {
+            else if (this.direction === 'bottom') {
                 this.dropdownDirection = 'down';
             }
+            else {
+                // auto
+                if (rect.bottom + 200 > viewportHeight && rect.top > 200) {
+                    this.dropdownDirection = 'up';
+                }
+                else {
+                    this.dropdownDirection = 'down';
+                }
+            }
             this.dropdownPosition = {
                 top: rect.bottom,
                 left: rect.left,
@@ -284,6 +297,10 @@ const SpwCustomSelect = class {
         this.focusedOptionIndex = null;
         this.searchText = '';
     }
+    handleClear(event) {
+        event.stopPropagation();
+        this.resetSelect();
+    }
     selectOption(optionValue, event) {
         if (event) {
             event.stopPropagation();
@@ -397,6 +414,7 @@ const SpwCustomSelect = class {
             'spw-custom-select--no-value': !this.hasSelectedValue,
             'spw-custom-select--is-searchable': this.isSearch,
             'spw-custom-select--not-searchable': !this.isSearch,
+            'spw-custom-select--is-clear': this.isClear && (this.hasSelectedValue || !!this.searchText),
         };
     }
     normalizeString(str) {
@@ -451,11 +469,11 @@ const SpwCustomSelect = class {
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (index.h("div", { key: '3c0bdcc75efdcf34c0315643aeddc3f9002854ae', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: 'a2c74f82793145576a3e5355b7bfcaf8daa58248', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '6279adf0d5d98508c1f67eb18c9a80190a2bc939', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '8dd3424a06bb24e258a14e9bdf50f78cbe7e8cad', class: "spw-custom-select__wrapper" }, index.h("div", { key: 'cb20a730c342f3a5ef9047d8271718251bb77799', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: '15d1a85d0c355d1265e1f1f57a78a1c27d8118e0', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: '329785ae3726c0ad5a75c4068e3cc131b057564a', class: "spw-custom-select__search" }, index.h("input", { key: 'cb5b8955c16b49002888400ffb1b25c996b6da35', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && index.h("span", { key: 'd04a28ee8d9c48ed3948ea38024f6758b19c2fca' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: '3e246c4809d60bac38d593923687b21735fd7ffb', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (index.h("div", { key: '064c59c91692cc15ba93199a724553477bac7697', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: 'c326970b9d3da20f7ca2236500e98bddd9bf1ce4', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '85103620cd282232f01fdbd467886490fd888991', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '337d9a34f40c13f8fb491c73a137711d7cbcee6d', class: "spw-custom-select__wrapper" }, index.h("div", { key: '50566c5d50437a9d351ee44198d479f32a603158', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: '4f847641c06968e5d7be950bcdae69c988245755', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: '5001191ddaed6c57f2f3242a374288ba1998e874', class: "spw-custom-select__search" }, index.h("input", { key: '5ab68945bdc9fd54365dcac92d27c20dad0f8061', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && index.h("span", { key: '6edafe01385ba6d334532cc72029255a11cc83a5' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: '7c344bbc9beff7011fe4b25acd4d267ac7c37caa', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (index.h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, index.h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && index.h("span", { key: 'e3563dcc1d7a0d624a289ded3ca6d070365fb265' }, this.getSelectedLabels()))), index.h("div", { key: '8973c6c9b6106798cc00daab1e649d7329f4a32c', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: '2c013ec6bdccff0f59ccbc7db1ab629e1eb1029f', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (index.h("div", { key: '0f77a182d16650137014adb896a5d9ee0da5df82', class: {
+        }))), !this.multiple && index.h("span", { key: 'ac06a9718592fde37f42c90d84700d74d0d50416' }, this.getSelectedLabels()))), index.h("div", { key: '4a083004a149ab7388a982fb5eff4e128bbb4913', class: "spw-custom-select__icons" }, this.isClear && (this.hasSelectedValue || !!this.searchText) && (index.h("span", { key: 'de239bf60b076f4e01a82c454f285c7bdf65c5df', class: "spw-custom-select__clear", onClick: (event) => this.handleClear(event) }, index.h("spw-icon", { key: '1dce3eb6f67567b559992645681d9796a1152ed3', icon: "fa-xmark" }))), index.h("div", { key: 'f4473657553e03512f3c3468ee4303e83fb4183e', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: 'f4ccf66ee935c4e169eca3fc4beebaa35c3adc1c', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' }))), this.isOpen && (index.h("div", { key: '4c5fc4853b083c4a1128fadb6f35e33a67b07428', class: {
                 'spw-custom-select__options': true,
                 [`spw-custom-select__options--${this.dropdownDirection}`]: true,
                 'spw-custom-select__options--fixed': this.fixedDropdown,
@@ -466,14 +484,14 @@ const SpwCustomSelect = class {
                     left: `${this.dropdownPosition.left}px`,
                     width: `${this.dropdownPosition.width}px`,
                 }
-                : {} }, !!filteredOptions.length && (index.h("ul", { key: '24708d6ae015ea9f65887ce87fd53687b7ea6ebb' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
+                : {} }, !!filteredOptions.length && (index.h("ul", { key: 'a652e4fd6b5741337eceb5dc6c5efbe0deb7d995' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index$1 === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && index.h("p", { key: '329bf21e220fc97e90e0edb085a10fda539f79cf', class: "spw-custom-select__no-results" }, this.noResultsText)))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && index.h("p", { key: '0d786046f4f8b3c6a9a43f5c2199758feb63a305', class: "spw-custom-select__no-results" }, this.noResultsText)))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/spw-date-picker.cjs.entry.js

@@ -19,7 +19,7 @@ function requireDatepicker_min () {
 var datepicker_minExports = requireDatepicker_min();
 var datepicker = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(datepicker_minExports);
 
-const spwDatePickerCss = () => `.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px;transition:all 0.2s ease-in}.spw-date-picker__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{pointer-events:none;font-size:16px;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}`;
+const spwDatePickerCss = () => `.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px;transition:all 0.2s ease-in}.spw-date-picker__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{font-size:16px;cursor:pointer;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}`;
 
 const SpwDatePicker = class {
     constructor(hostRef) {
@@ -44,7 +44,7 @@ const SpwDatePicker = class {
         this.dateFormat = 'dd/MM/yyyy';
         /** Jours de la semaine désactivés (0=dimanche, 1=lundi, etc.) */
         this.disabledDays = [];
-        /** Dates spécifiques désactivées (format ISO) */
+        /** Dates spécifiques désactivées (format ISO, ex: ["2026-01-01", "2026-12-25"]) */
         this.disabledDates = [];
         /** Position du datepicker */
         this.position = 'bl';
@@ -166,6 +166,24 @@ const SpwDatePicker = class {
         this.handleClear = () => {
             this.resetInput();
         };
+        this.handleCalendarIconClick = (ev) => {
+            var _a, _b;
+            ev.stopPropagation();
+            if (this.disabled)
+                return;
+            if (this.isOpen) {
+                (_a = this.datepickerInstance) === null || _a === void 0 ? void 0 : _a.hide();
+            }
+            else {
+                if (!this.datepickerInstance) {
+                    this.initializeDatepicker();
+                }
+                (_b = this.datepickerInstance) === null || _b === void 0 ? void 0 : _b.show();
+            }
+        };
+        this.handleCalendarIconMouseDown = (ev) => {
+            ev.preventDefault();
+        };
         this.handleKeyDown = (ev) => {
             const target = ev.target;
             const isInputFocused = target === this.inputElement;
@@ -241,6 +259,20 @@ const SpwDatePicker = class {
                 this.disabledDays = [];
             }
         }
+        if (typeof this.disabledDates === 'string') {
+            try {
+                const parsed = JSON.parse(this.disabledDates);
+                if (Array.isArray(parsed) && parsed.every(val => typeof val === 'string')) {
+                    this.disabledDates = parsed;
+                }
+                else {
+                    this.disabledDates = [];
+                }
+            }
+            catch (_b) {
+                this.disabledDates = [];
+            }
+        }
         const start = this.value ? this.formatDate(new Date(this.value)) : '';
         this.internalValue = start;
         this.lastInputValue = this.internalValue;
@@ -647,7 +679,8 @@ const SpwDatePicker = class {
                 if (disabledDays.includes(date.getDay()))
                     return true;
                 const dateStr = date.toISOString().split('T')[0];
-                return this.disabledDates.includes(dateStr);
+                const disabledDates = this.disabledDates;
+                return disabledDates.includes(dateStr);
             },
             onSelect: (selectedDateOrInstance) => {
                 const selectedDate = selectedDateOrInstance instanceof Date ? selectedDateOrInstance : selectedDateOrInstance === null || selectedDateOrInstance === void 0 ? void 0 : selectedDateOrInstance.dateSelected;
@@ -789,7 +822,7 @@ const SpwDatePicker = class {
             'spw-date-picker--is-clear': this.isClearIconVisible,
         };
         const errorMessage = this.error || this.internalError;
-        return (index.h(index.Host, { key: '503da6a7f48f41929ebddb4c8b66486c9b785e78' }, index.h("div", { key: '7ad729d90a3dd0348a6a58b9cfdd1627bd224a6b', class: containerClass }, this.label && (index.h("spw-field-label", { key: '868476a029336f48fc8f134992276e444692cc54', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'f06ed76d523873a3628d28c8083c1a52d6d518b7', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '323e82bd4d724cc60471ff3669bdf97614a718fd', class: "spw-date-picker__input-container" }, index.h("input", { key: 'f483a32dbdabf38dbc03c4d038dd023746459fa8', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: 'f942188c43e0e927850d0c94757fa344b6595d02', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: '4ef6e052f8c95dba2484f60845b94f9783d263ae', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: '2f75e0ad4b966de9751fa6b3989df3292dbf01c5', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("spw-icon", { key: 'cc9d0d66e9b7bc3d4f1a952a9d956bbd63720977', icon: "fa-calendar", class: "spw-date-picker__icon spw-date-picker__icon--calendar" }))), this.error && (index.h("spw-field-message", { key: '95917a665e75ef3816ec4a8e6248dfd93df81341', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (index.h("spw-field-message", { key: 'a44899149cc889dda1388394d4601b0bd9ac6b39', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (index.h("spw-field-message", { key: '83519ce1b0d604a8f69fe95349b81c41974107e4', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (index.h("spw-field-message", { key: 'b33097d07b1b2a276a45e5d73097e1a372b0f5da', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
+        return (index.h(index.Host, { key: '70bc9908337a34fce7a364e15343231c7cddfb3e' }, index.h("div", { key: '22eebe0dd218243c5b64e07039816788c5fe4366', class: containerClass }, this.label && (index.h("spw-field-label", { key: 'b05bbd092cc3e170f5d4111b9cb9fc5791066109', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'a3a9cb74cb09f307472a7a41beb8937d095a3477', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'b31e2486767d521c3a9b6d1b7462af85fdbd2e60', class: "spw-date-picker__input-container" }, index.h("input", { key: '7f5c7a4168768a6828f198973d180e1f6600532a', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: '863780d4d9a6b3f07e17977125237809166d835f', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: 'c25cd0e5a75ef062ef50b2db3dfa33e40c075f9b', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: '4761fbc6c02cc8200c90882a8dd556dae77d9313', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("span", { key: 'b35d76a9ca1b914b0bec648692e7939dc1ab4cb9', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, index.h("spw-icon", { key: 'b28190ea0b55dcf994fd023f6c7c6c003710dea9', icon: "fa-calendar", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (index.h("spw-field-message", { key: '2fb10c2981460f879c7d66fd6fb0439c38d7929c', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (index.h("spw-field-message", { key: '8d1d51c87b3fc336de054c8bfe5780b0fefb31e8', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (index.h("spw-field-message", { key: '2f73dff0acc8048983c6e55ce239e575e91a9440', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (index.h("spw-field-message", { key: 'f4a9746012910672908fcb188fd0fe4ed69ef352', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-dropdown-container.cjs.entry.js

@@ -9,7 +9,7 @@ const SpwDropdownContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3fe5b3bf817789aaeb93012096dfae279a170022' }, index.h("div", { key: '9974e7b7a489f4d325c75390efae3adbd9ce4277', class: "spw-dropdown-container" }, index.h("slot", { key: '67f4d540d2666584bfc8e39ca1ea9ed3f29f9d40' }))));
+        return (index.h(index.Host, { key: 'f32b9cfb6175c45e09c54aaf0d84b1584f5922de' }, index.h("div", { key: 'aeed248057b80b9fe32268bfe626f60528f9eda5', class: "spw-dropdown-container" }, index.h("slot", { key: 'b8b91107d4d1de0f882256b4a2578766c5017e5a' }))));
     }
 };
 SpwDropdownContainer.style = spwDropdownContainerCss();

package/dist/cjs/spw-dropdown-item.cjs.entry.js

@@ -75,7 +75,7 @@ const SpwDropdownItem = class {
             'spw-dropdown-item__toggle': true,
             'spw-dropdown-item__toggle--open': this.subItemsOpen,
         };
-        return (index.h(index.Host, { key: 'b3f7ce5ca20bee483f526283143e2301b108e438' }, index.h(Tag, { key: '49a4d04cb4fe11f1c82f203934c2b236a1b1147f', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '0c200bb9198e20fb19b752583d8aeed5b008427f', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: '20fae7abdcd164ef6a17fcbab803bb63c7d1f6f6', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '672d0ec30cdfac72f86b58f92e22a3a7b420ba3f', class: "spw-dropdown-item__content" }, index.h("div", { key: 'dd8f5191e40b6a90b13a1718ab5783f1686ec652', class: "spw-dropdown-item__label" }, index.h("slot", { key: 'd7a5d6c362ce583de2a3d6ff48fd523cc5aeecc0' })), this.hasSubItems && (index.h("div", { key: '3dadabe2ff4e5aa362b717c743ce528697647b08', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: '2e7fb8df2435c76c39add6f448cf4e4fa12893e4', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: 'd4c1701ee2215d78fea87bded96a68c37c3c1762', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '5181144a85a979b89306854aa2f4c4c130cdf678', name: "sub-items" })))));
+        return (index.h(index.Host, { key: '1596a4172e1e8eefbfa765546719c55e2c98f3d5' }, index.h(Tag, { key: '24ae4e7ba274e59218030e38153d7c4c0493a835', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '4b8b5d3739afbabc92d67182a4a9a978f9af6a6b', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'fed0d8d7561105acca93330014763cb1fe812b71', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '6e9f0758fa21309ebf4a26143987510e2c610cf3', class: "spw-dropdown-item__content" }, index.h("div", { key: 'a0d0da494fc950e1fd06214143b7aa87af92bfec', class: "spw-dropdown-item__label" }, index.h("slot", { key: '6d8c7a857150d96359abd2a1c856905a7c170ae9' })), this.hasSubItems && (index.h("div", { key: '19cd50f2dde61fadb6e121b831c1518abf0e54e9', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'f04c856a18d549c40b68d702f2d27a2b930bd881', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '11b2e9dac24ea9232cb03d8e6332f056408f657d', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: 'fa0fa7f551ef87ab9ad0a8fe16e5fb5f21244fbc', name: "sub-items" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-dropdown.cjs.entry.js

@@ -7,6 +7,8 @@ const spwDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%
 const SpwDropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.spwDropdownOpen = index.createEvent(this, "spwDropdownOpen", 7);
+        this.spwDropdownClose = index.createEvent(this, "spwDropdownClose", 7);
         /** Position du dropdown */
         this.direction = 'bottom';
         /** Active un padding interne */
@@ -25,6 +27,7 @@ const SpwDropdown = class {
             if (!slotContent)
                 return;
             this.isVisible = true;
+            this.spwDropdownOpen.emit();
             this.dropdownEl = document.createElement('div');
             this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;
             if (this.hasPadding)
@@ -45,6 +48,7 @@ const SpwDropdown = class {
                 return;
             this.isVisible = false;
             this.open = false;
+            this.spwDropdownClose.emit();
             if (this.dropdownEl && this.movedContentEl) {
                 this.host.appendChild(this.movedContentEl);
             }
@@ -136,7 +140,7 @@ const SpwDropdown = class {
         dropdown.style.visibility = 'visible';
     }
     render() {
-        return (index.h("div", { key: 'baffda0bbcd562a9b1aab9a95093fa685df833c9', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: '35cdd3181680e76069cc5954fea5aed9b9d1a861' })));
+        return (index.h("div", { key: '69f5c85c85f197d1e2627f51f38026a124c8adc9', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: '4738589550833682aa02288bde77dbfc248caf51' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-field-label_7.cjs.entry.js

@@ -27,7 +27,7 @@ const SpwFieldLabel = class {
         return !!(this.tooltipText || this.tooltipTitle);
     }
     render() {
-        return (index.h(index.Host, { key: '6a8c2bf53b718b7588d115e69e9fd36f566f3d86' }, index.h("label", { key: 'd4e270a7e27ebcc6691b70eefc920af21bc0bf12', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, index.h("span", { key: 'a738b89f8331a78f6b0e81532d58222b6969d732', class: "spw-field-label__text" }, this.label), this.hasTooltip && (index.h("spw-tooltip", { key: '87030abf7cd411e916ecbeeaf93233eac983693c', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, index.h("spw-icon", { key: 'b54afad9da37de45ceaa445503f89b5a37f12d9a', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && index.h("span", { key: '1b96ed633361f1a3ab7ee10879764cd2fe8bd95f', class: "spw-field-label__required" }, "*"))));
+        return (index.h(index.Host, { key: '2b8692efd1b89269954369f9b5a7c3ca93bdb373' }, index.h("label", { key: 'ea0528fd37014887aa69ec5daa0b5bd27fa0c587', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, index.h("span", { key: 'f6b5d82cb06a872eafa95e59d583d5fe5d9f10a7', class: "spw-field-label__text" }, this.label), this.hasTooltip && (index.h("spw-tooltip", { key: '52ae36c3a49b219378f161b9d3836cc2eddfbe77', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, index.h("spw-icon", { key: 'ad8cc7d2edf098f79776fa96c93d249cd593a048', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && index.h("span", { key: 'f512051ad319f4e0b1c985cbb931076662140505', class: "spw-field-label__required" }, "*"))));
     }
     get el() { return index.getElement(this); }
 };
@@ -85,7 +85,7 @@ const SpwGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'df1ce0051286602357c2e9ca731cc80e7cd84dff' }, index.h("div", { key: 'c4df519ce0b6e53167da40db8a4f7c87c3ce2b8a', class: this.groupClasses }, this.label && (index.h("spw-field-label", { key: 'b47b5acec4aae443e1927822bf6eca815f2700b1', class: "spw-group__field-label", label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), index.h("div", { key: 'a04e8109aa194d3a11c16447d180b92bc8ff24d7', class: "spw-group__container" }, index.h("slot", { key: 'eec2ac9fa18e7b82380b00cb34a3b47cbd730393', ref: el => (this.slotEl = el) })))));
+        return (index.h(index.Host, { key: '984c31146e4021e579d77b402dcba632fa60b40f' }, index.h("div", { key: 'bd8143a8256334cd6e3e7d8adff1550d09475f76', class: this.groupClasses }, this.label && (index.h("spw-field-label", { key: '19567bef1d405e84df1855377808c3cda685f248', class: "spw-group__field-label", label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), index.h("div", { key: '0c9b2675aca503bc42f8b3f43a98d2ce805365c9', class: "spw-group__container" }, index.h("slot", { key: '68323be4398f678297e1e62b0ace72bed294fa81', ref: el => (this.slotEl = el) })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -101,7 +101,7 @@ const SpwIcon = class {
     }
     render() {
         const iconClassName = `spw-icon ${this.variant} ${this.icon}`;
-        return index.h("i", { key: '8895fa32a28d321d1679c0baae7fc166115035f2', class: iconClassName });
+        return index.h("i", { key: 'd173e055f9582bd94da691987db0d44cb44c218c', class: iconClassName });
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -146,7 +146,7 @@ const SpwLink = class {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? index.h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (index.h("a", Object.assign({ key: '5df6905700578bd174a658d260d9236781fec549', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: '71b1c1538f177bab94a30dfd6455c912bf36047c', class: "spw-link__inner" }, index.h("slot", { key: '2a7874fc79ac5bfbb120ab5041d5cbf03929cbe6' })), iconPosition === 'right' && iconElement));
+        return (index.h("a", Object.assign({ key: '65500cef3ffeeab393dbc4bdb65e95830ab1a404', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: 'f4e7a6476c1412f22b0d9b43792186268662db4d', class: "spw-link__inner" }, index.h("slot", { key: 'ee8b067ffb28e78aa261ef70b016ddb94ead55c0' })), iconPosition === 'right' && iconElement));
     }
     get el() { return index.getElement(this); }
 };
@@ -183,7 +183,7 @@ const SpwSeparator = class {
         };
     }
     render() {
-        return index.h("div", { key: '47b13506dcecedc7e77362b23dca52fff147c5fe', class: this.elementClass, style: this.style });
+        return index.h("div", { key: 'c5755fe0253ac4f80156723b51943bbe13480bd0', class: this.elementClass, style: this.style });
     }
 };
 SpwSeparator.style = spwSeparatorCss();
@@ -246,7 +246,7 @@ const SpwThemeProvider = class {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (index.h("main", { key: '6675471af86e993a46b03fb7dd3764f71ef216de', class: `spw-theme-${this.theme}` }, index.h("slot", { key: '4162f51f4981730116a60b1ecaa12b173df1fb1c' })));
+        return (index.h("main", { key: '45cb055af292aff8ad9717cdbf9a4bd13245f0fe', class: `spw-theme-${this.theme}` }, index.h("slot", { key: 'b6a5cb62b67f553a9b8a7cb762353581d8943f8f' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -382,7 +382,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (index.h("div", { key: '6f6925f19d379ed8678ab5ac8699e021ff8fc6bc', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: 'bd6f0ee6eb3f72bf1ee773c584a74f3f3ee531c1' })));
+        return (index.h("div", { key: 'e7c7a440c3c3b950ccac854476aefb9c4f929199', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: '3906e80dfb2c4a2bf232177b639ec789882091f8' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/spw-field-message.cjs.entry.js

@@ -31,7 +31,7 @@ const SpwFieldMessage = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '80b007505fa5a234dc16806b1e06aa7d0adc5993' }, index.h("div", { key: 'df861af6760dde32da4765280cd080d7ac4ec490', class: this.elementClass }, this.showIcon && (index.h("div", { key: '2c2195d50faa9de71f777dac0d331ca3f85d86fb', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'a2260cec32a7212c074e63c400f79ea0689831c6', icon: this.variantIcon }))), index.h("span", { key: 'bf13d18c14d44501834c1e5234cec11341c95f77', class: "spw-field-message__text" }, index.h("slot", { key: '83dff455be123186f4f413b94378af62dce06f58' })))));
+        return (index.h(index.Host, { key: '910e4185ba899bff2dd459a6511858312e1a48c8' }, index.h("div", { key: '8bfc190c38b5c0670416697d10949fc579c3567d', class: this.elementClass }, this.showIcon && (index.h("div", { key: 'e9c7cb9ac764d1149b741b2e8c9b6d10324e9c87', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'c68c05e5250f151ddddaa9aaa735040fb095849c', icon: this.variantIcon }))), index.h("span", { key: '7c6d9ced9d81496e65f4f02a111a731458e7d3b4', class: "spw-field-message__text" }, index.h("slot", { key: 'ec50fc1f5c1d082f293601dcb94ab412177053ec' })))));
     }
 };
 SpwFieldMessage.style = spwFieldMessageCss();

package/dist/cjs/spw-file-upload.cjs.entry.js

@@ -235,10 +235,10 @@ const SpwFileUpload = class {
     render() {
         const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';
         const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';
-        return (index.h("div", { key: '97c31d702f7eae1d568f0edf3c2a18e626a8cb46', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: '59066fd99ea2dc7428787080f794dc3862c21b8e', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: 'b21008bdc6841473447d3d91c62e58ade6185aba', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '41e148516f6a007e6b48a3c40cae197ea884a3ef' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: '26f4a6e08072b6a1d25e48fed59dbc2e5d940c28', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-file-upload__spacing" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (index.h("div", { key: '71112781ef43b1aa8f4949a0e077852d1c2dfbdf', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: '784c5cdd9cd48c9e2752b631b5f565daa0f03e19', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: '7397f66a134a686290fc0ef68e688c723c6c939c', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: 'b1145fefb6c007e21c40154d2044c2e8ac8d031d' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: 'a9453e3eb05187f1b52d14199f2d67336fdc9d88', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-file-upload__spacing" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index$1);
-            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: '2dff84f028676d113f0596f0f107016a99d5257e', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '31c7a3b8f79787b578de47d6a080740e61ff6edb', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
+            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'dc302035aae13502d1069ead4d9bbcc6b009a7c9', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: 'cdd8241ad727032162872d1bb8df5f82a4ec4e57', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }