npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.8 → 1.3.0 - Mend

@spw-ds/spw-stencil-library 1.2.8 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (797) hide show

package/dist/components/spw-card-image.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$2 } from './p-BOKkemIY.js';
+import { d as defineCustomElement$2 } from './p-DzdAUdJU.js';
-const spwCardImageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-image-display:block;box-sizing:border-box;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;display:var(--spw-card-image-display);overflow:hidden;position:relative}:host(.--event) .spw-card-image,:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--event),:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--event) .spw-card-image ::slotted(img),:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
+const spwCardImageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-image-display:block;box-sizing:border-box;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;display:var(--spw-card-image-display);overflow:hidden;position:relative}:host(.--event) .spw-card-image,:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--event),:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--event) .spw-card-image ::slotted(img),:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
 const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage extends H {
     constructor() {
@@ -27,13 +27,21 @@ const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage exten
             }
         }
     }
+    get elementClass() {
+        return {
+            'spw-card-image': true,
+            'spw-card-image--ratio': !!this.ratio,
+        };
+    }
     render() {
-        return (h("div", { key: '06519fc35dea780b3550ad118a8badd2b9a7c3a4', class: "spw-card-image" }, this.label && h("span", { key: '581da797660f7019f7fc028273566911dd009a1b', class: "spw-card-image__label" }, this.label), h("slot", { key: '0384c788fc592bc3e3dacdc2e3f01efc3ebd4f41' }), h("div", { key: '2fadd2cd086805c6eed046aae28b1a298e3bb00a', class: "spw-card-image__icon" }, h("spw-icon", { key: 'c0693975af022057f1ab5455f2fab74487af8d34', icon: "fa-plus" }))));
+        const style = this.ratio ? { '--spw-card-image-ratio': this.ratio } : {};
+        return (h("div", { key: '7763f0f9f8df6e1489e9b6dabfbf3407f1d7f810', class: this.elementClass, style: style }, this.label && h("span", { key: '6a92c1e2125209de0b036acfecb7a1cf1a2f0891', class: "spw-card-image__label" }, this.label), h("slot", { key: 'ae97d632ce2daa4bc6cec832c3ba2e6b2b431322' }), h("div", { key: '161c8054974f32dfa7474418d4d235dd37d7a8e3', class: "spw-card-image__icon" }, h("spw-icon", { key: 'a23a09b6bd4ae3b9428cfbc76cad5ac7f7ff2762', icon: "fa-plus" }))));
     }
     get el() { return this; }
     static get style() { return spwCardImageCss; }
 }, [1, "spw-card-image", {
-        "label": [1]
+        "label": [1],
+        "ratio": [1]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/spw-card-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-card-image.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,~~wjLAAwjL~~;;~~MCOnkLA~~,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;~~IAKvB~~,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;~~IAK3C~~,MAAM,GAAA;AACJ,QAAA,QACE,~~CAAA~~,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAK~~,KAAK,~~EAAC~~,~~gBAAgB~~,EAAA,~~EACxB~~,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["SpwCardImage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n width: 100%;\n line-height: 1;\n --spw-card-image-display: block;\n}\n\n:host(.--people) {\n width: 112px;\n max-width: 112px;\n}\n\n.spw-card-image {\n position: relative;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n display: var(--spw-card-image-display);\n\n :host(.--vertical) &,\n :host(.--event) & {\n border-radius: 5px 0 0 5px;\n }\n\n :host(.--people) & {\n border-radius: 5px;\n }\n\n :host(.--video) &,\n :host(.--sidebar) & {\n border-radius: 5px;\n }\n\n ::slotted(img),\n img {\n width: 100%;\n height: auto;\n transition: all 0.3s ease;\n transform-origin: center center;\n }\n\n &__icon {\n &:before {\n @include blanket;\n background: var(--spw-ds-primary);\n opacity: 0.4;\n }\n position: absolute;\n z-index: 2;\n display: flex;\n visibility: hidden;\n width: 100%;\n height: 100%;\n font-size: 30px;\n font-weight: 300;\n opacity: 0;\n top: 0;\n left: 0;\n color: white;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n\n spw-icon {\n transform: scale(1.5);\n transition: all 0.3s ease;\n }\n }\n\n &__label {\n position: absolute;\n top: 10px;\n right: 10px;\n display: inline-flex;\n padding: 8px 12px;\n align-items: center;\n border-radius: 9999px;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n z-index: 3;\n line-height: 1;\n }\n}\n\n:host(.--hovered:not(.--video)) {\n .spw-card-image,\n .spw-card-image.--is-hovered {\n .spw-card-image__icon {\n visibility: visible;\n opacity: 1;\n spw-icon {\n transform: scale(1);\n }\n }\n ::slotted(img) {\n transform: scale(1.1);\n }\n }\n}\n\n:host(.--vertical),\n:host(.--event) {\n width: 170px;\n min-width: 170px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--sidebar) {\n width: 75px;\n min-width: 75px;\n height: 75px;\n min-height: 75px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video) {\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n &:after {\n content: '';\n background: black;\n opacity: 0.4;\n transition: all linear 0.2s;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video.--hovered) {\n &:after {\n opacity: 0.6;\n }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-image',\n styleUrl: 'spw-card-image.scss',\n shadow: true,\n})\nexport class SpwCardImage {\n @Element() el: HTMLSpwCardImageElement;\n /** Label spécifié dans la carte */\n @Prop() label?: string;\n\n componentDidLoad() {\n const card = this.el.closest('spw-card');\n if (card) {\n card.addEventListener('mouseenter', () => this.onCardHover(true));\n card.addEventListener('mouseleave', () => this.onCardHover(false));\n }\n }\n\n private onCardHover(hovered) {\n const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n if (icon) {\n if (hovered) {\n icon.classList.add('--is-hovered');\n } else {\n icon.classList.remove('--is-hovered');\n }\n }\n }\n\n ~~render~~() {\n return (\n ~~<div~~ ~~class=\"~~spw-card-image\">\n {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n <slot></slot>\n <div class=\"spw-card-image__icon\">\n <spw-icon icon=\"fa-plus\"></spw-icon>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-card-image.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,q0LAAq0L;;MCOh1LA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;IAOvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;AAK3C,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;SACtC;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,wBAAwB,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;AAExE,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,EAAA,EACxC,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardImage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n width: 100%;\n line-height: 1;\n --spw-card-image-display: block;\n}\n\n:host(.--people) {\n width: 112px;\n max-width: 112px;\n}\n\n.spw-card-image {\n position: relative;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n display: var(--spw-card-image-display);\n\n :host(.--vertical) &,\n :host(.--event) & {\n border-radius: 5px 0 0 5px;\n }\n\n :host(.--people) & {\n border-radius: 5px;\n }\n\n :host(.--video) &,\n :host(.--sidebar) & {\n border-radius: 5px;\n }\n\n ::slotted(img),\n img {\n width: 100%;\n height: auto;\n transition: all 0.3s ease;\n transform-origin: center center;\n }\n\n &--ratio {\n aspect-ratio: var(--spw-card-image-ratio);\n ::slotted(img),\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n\n &__icon {\n &:before {\n @include blanket;\n background: var(--spw-ds-primary);\n opacity: 0.4;\n }\n position: absolute;\n z-index: 2;\n display: flex;\n visibility: hidden;\n width: 100%;\n height: 100%;\n font-size: 30px;\n font-weight: 300;\n opacity: 0;\n top: 0;\n left: 0;\n color: white;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n\n spw-icon {\n transform: scale(1.5);\n transition: all 0.3s ease;\n }\n }\n\n &__label {\n position: absolute;\n top: 10px;\n right: 10px;\n display: inline-flex;\n padding: 8px 12px;\n align-items: center;\n border-radius: 9999px;\n color: var(--spw-color-themes-grey-grey-900);\n box-shadow: var(--spw-effect-elevation-3);\n font-size: 14px;\n background: var(--spw-ds-white);\n z-index: 3;\n line-height: 1;\n }\n}\n\n:host(.--hovered:not(.--video)) {\n .spw-card-image,\n .spw-card-image.--is-hovered {\n .spw-card-image__icon {\n visibility: visible;\n opacity: 1;\n spw-icon {\n transform: scale(1);\n }\n }\n ::slotted(img) {\n transform: scale(1.1);\n }\n }\n}\n\n:host(.--vertical),\n:host(.--event) {\n width: 170px;\n min-width: 170px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--sidebar) {\n width: 75px;\n min-width: 75px;\n height: 75px;\n min-height: 75px;\n position: relative;\n overflow: hidden;\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video) {\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n &:after {\n content: '';\n background: black;\n opacity: 0.4;\n transition: all linear 0.2s;\n border-radius: 5px;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .spw-card-image {\n height: 100%;\n ::slotted(img) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n object-position: center;\n }\n }\n}\n\n:host(.--video.--hovered) {\n &:after {\n opacity: 0.6;\n }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-card-image',\n styleUrl: 'spw-card-image.scss',\n shadow: true,\n})\nexport class SpwCardImage {\n @Element() el: HTMLSpwCardImageElement;\n /** Label spécifié dans la carte /\n @Prop() label?: string;\n /* Ratio d'aspect de l'image (ex: \"16/9\", \"4/3\", \"1/1\") */\n @Prop() ratio?: string;\n\n componentDidLoad() {\n const card = this.el.closest('spw-card');\n if (card) {\n card.addEventListener('mouseenter', () => this.onCardHover(true));\n card.addEventListener('mouseleave', () => this.onCardHover(false));\n }\n }\n\n private onCardHover(hovered) {\n const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n if (icon) {\n if (hovered) {\n icon.classList.add('--is-hovered');\n } else {\n icon.classList.remove('--is-hovered');\n }\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-card-image': true,\n 'spw-card-image--ratio': !!this.ratio,\n };\n }\n\n render() {\n const style = this.ratio ? { '--spw-card-image-ratio': this.ratio } : {};\n\n return (\n <div class={this.elementClass} style={style}>\n {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n <slot></slot>\n <div class=\"spw-card-image__icon\">\n <spw-icon icon=\"fa-plus\"></spw-icon>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-card-subtag-item.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardSubtagItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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(.--link) .spw-card-subtag-item{color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--tag) .spw-card-subtag-item{background:var(--spw-color-themes-grey-grey-200);border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;transition:all .2s linear}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}";
+const spwCardSubtagItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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(.--link) .spw-card-subtag-item{color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--tag) .spw-card-subtag-item{background:var(--spw-color-themes-grey-grey-200);border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;transition:all .2s linear}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}";
 const SpwCardSubtagItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtagItem extends H {
     constructor() {
@@ -20,7 +20,7 @@ const SpwCardSubtagItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtag
         };
     }
     render() {
-        return (h(Host, { key: 'b9f9a9f02a6ef1ccf5d0c5a993b0e3b278978298' }, h("span", { key: 'c8e53bd3d9a2c60d7eb2a05fea866d991898b068', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'd2bb1ddcc64d71736687bde8c0844cd2bc84773e' }))));
+        return (h(Host, { key: 'd8380b6e11d27d3134c08ecdb83eb27400546411' }, h("span", { key: 'be9512a112af6ef0079a1eb338bc62296f28c207', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '6d3c9277a452b14e84c6b8c5c7f45f1191c896c6' }))));
     }
     static get style() { return spwCardSubtagItemCss; }
 }, [1, "spw-card-subtag-item", {

package/dist/components/spw-card-subtags.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardSubtagsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-card-subtags{color:var(--spw-ds-primary);margin-bottom:8px}.spw-card-subtags .spw-card-subtag-item:after,.spw-card-subtags spw-card-subtag-item:after{content:\",\";display:inline;margin-right:2px}.spw-card-subtags .spw-card-subtag-item:last-child:after,.spw-card-subtags spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag .spw-card-subtag-item:after,.spw-card-subtags--tag spw-card-subtag-item:after{content:\"\";margin-right:4px}";
+const spwCardSubtagsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-card-subtags{color:var(--spw-ds-primary);margin-bottom:8px}.spw-card-subtags .spw-card-subtag-item:after,.spw-card-subtags spw-card-subtag-item:after{content:\",\";display:inline;margin-right:2px}.spw-card-subtags .spw-card-subtag-item:last-child:after,.spw-card-subtags spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag .spw-card-subtag-item:after,.spw-card-subtags--tag spw-card-subtag-item:after{content:\"\";margin-right:4px}";
 const SpwCardSubtags$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtags extends H {
     constructor() {
@@ -28,7 +28,7 @@ const SpwCardSubtags$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtags e
         };
     }
     render() {
-        return (h(Host, { key: 'c3615d6567c3f3b0f91c5784d14afb490796fcfd' }, h("div", { key: '1d4b55d7a2ceb7216ae369571725a22c9483fb97', class: this.elementClass }, h("slot", { key: 'a3d0f73339d00b5659dc0f4033ca3d3c6bc60596' }))));
+        return (h(Host, { key: '0ef3a900ec3fbdd608ee8cf4245fdf1aa190e4ae' }, h("div", { key: '8b4bbd8eb51dec81fc7e2c1601bd9bb974392659', class: this.elementClass }, h("slot", { key: '74fa877d7726ec0922de582b5e11b402e6a54636' }))));
     }
     get el() { return this; }
     static get style() { return spwCardSubtagsCss; }

package/dist/components/spw-card-title.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardTitleCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";
+const spwCardTitleCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";
 const SpwCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardTitle extends H {
     constructor() {
@@ -11,7 +11,7 @@ const SpwCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardTitle exten
         this.borderColor = '';
     }
     render() {
-        return (h(Host, { key: 'fee3f93429299a55ce235a0b87abc7168570491c', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '2d6995704e9656b954a0b2d0eb5a06d25ac41133', class: "spw-card-title" }, h("span", { key: '801aafb6917dd8233e644cfad05bbf3009fdb44c', class: "spw-card-title__text" }, h("slot", { key: '0bd326fa65f7cbe4bb8db95321fdd16a39562dd5' })))));
+        return (h(Host, { key: '8696bd885214b78cad8c6410d9e0b53f8ce7ecf2', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: 'e67c1709c955b7f251650ca5d2b658210f8c9b17', class: "spw-card-title" }, h("span", { key: '43eb12c6d4ff0da812be987dd748802082122dd0', class: "spw-card-title__text" }, h("slot", { key: '5d33c12d00fb8c1e1c4a3b4468e24b02b4849049' })))));
     }
     static get style() { return spwCardTitleCss; }
 }, [1, "spw-card-title", {

package/dist/components/spw-card.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-const spwCardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";
+const spwCardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";
 const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
     constructor() {
@@ -126,7 +126,7 @@ const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: '3a6d060458c1301b3935fca45fbd75f75d331435', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '4fb9f4c2dcdfeadee146559a49881392171352a8', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '7bc364652cfcc22b7e03fc21383247161d6a0a17' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '07f9aa4a3396cb4b7f376c5f0d6f7a7c167a4855', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '96db297358b7b797da1b24b7809313df3092480d', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '61e28cbd7629917f5f82e192be5080f7a905fe81' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '3bdecad5580ae21af4da15d2710d787a081a95d0' })))));
+        return (h(Host, { key: 'e8af75b7ec7fc2fb30f7a6f609486bff459ce28a', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'f81eb66dd6e0eb8be752b0c9fc873674a28b450a', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '1f438f37adf6e45fbac65ef6732f2641891113b8' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '75880d951ae4effa952c8d708957e1f29ff5e3f4', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '84a990c43446c96f4babad5c89fdd056ca2a4dda', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '5d371fabc92f44b1b66f8f5f31f4ca52085562e9' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'a2c4b4c7baf585e868ec7c0e1da60124adbe2e34' })))));
     }
     get el() { return this; }
     static get style() { return spwCardCss; }

package/dist/components/spw-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SpwCheckbox$1, d as defineCustomElement$1 } from './p-DYW_Cep_.js';
+import { S as SpwCheckbox$1, d as defineCustomElement$1 } from './p-BPeRFxsF.js';
 const SpwCheckbox = SpwCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-cookies.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$9 } from './p-C_iAJUsF.js';
-import { d as defineCustomElement$8 } from './p-JncqUnd1.js';
-import { d as defineCustomElement$7 } from './p-D4PsQ_SH.js';
-import { d as defineCustomElement$6 } from './p-Cftdq5ca.js';
-import { d as defineCustomElement$5 } from './p-DYnakc67.js';
-import { d as defineCustomElement$4 } from './p-DYW_Cep_.js';
-import { d as defineCustomElement$3 } from './p-BOKkemIY.js';
-import { d as defineCustomElement$2 } from './p-BvEKH3n2.js';
+import { d as defineCustomElement$9 } from './p-CQpGzRKu.js';
+import { d as defineCustomElement$8 } from './p-DtyDCGAt.js';
+import { d as defineCustomElement$7 } from './p-CFQbmE2_.js';
+import { d as defineCustomElement$6 } from './p-BYWyi-Sg.js';
+import { d as defineCustomElement$5 } from './p-YZZxQbyU.js';
+import { d as defineCustomElement$4 } from './p-BPeRFxsF.js';
+import { d as defineCustomElement$3 } from './p-DzdAUdJU.js';
+import { d as defineCustomElement$2 } from './p-CIwDs15y.js';
-const spwCookiesCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}";
+const spwCookiesCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}";
 const SpwCookies$1 = /*@__PURE__*/ proxyCustomElement(class SpwCookies extends H {
     constructor() {

package/dist/components/spw-custom-select.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$5 } from './p-DYW_Cep_.js';
-import { d as defineCustomElement$4 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$3 } from './p-Cq-aN0EV.js';
-import { d as defineCustomElement$2 } from './p-BOKkemIY.js';
+import { d as defineCustomElement$5 } from './p-BPeRFxsF.js';
+import { d as defineCustomElement$4 } from './p-Otqq8W18.js';
+import { d as defineCustomElement$3 } from './p-BJuYSBNu.js';
+import { d as defineCustomElement$2 } from './p-DzdAUdJU.js';
-const spwCustomSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.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:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{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;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.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;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.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{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";
+const spwCustomSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.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:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{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;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.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;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.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{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";
 const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect extends H {
     constructor() {
@@ -396,18 +396,18 @@ const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (h("div", { key: 'a2e9fb9f19b299dfde36cc0562ee8d3e82441aae', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '624c8188f2a36b66febcfd7c8a2d22e646490d56', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'd1e74cf86c8b0de5a18a386ef384d747759b99cc', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '0f4ae9ca8c745da16f4a6a8af594e81e04889eb9', class: "spw-custom-select__wrapper" }, h("div", { key: 'ed257c48baa566f4480c161435ab2f1affd91ec0', 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 }, h("div", { key: '5006bc09c045d469089dbeab1fb99fdaadf9ae4b', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: '5ea0a83210326adf2f22d700c0c6de204f8efc4a', class: "spw-custom-select__search" }, h("input", { key: 'c4a23018e53464b65323fae714fe669e6cf510cc', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'b35cea32fe067f85a90568a67f64e3723f15d2f9' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: 'ad42651a8e606cc7abb424f167ec4a9b95562290', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (h("div", { key: 'fdc2b51cf2c2baf23c9b84458a03b515c190a7b5', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '94e05a07b9289c19ec324026577db130b3ea9114', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '19e1edb252bf57f8fb953f65dd399b50bd6d5271', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'a57eced3777ce5e7662d65783a4a47fbf5db29e6', class: "spw-custom-select__wrapper" }, h("div", { key: 'e70f3b6c04065dcafe6ffd457acb418912891609', 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 }, h("div", { key: 'edd5909a12f03f457623c17117efcbc76d60fc71', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: 'c02f0d1aec58b336a9096b9205c7f1bc133a0883', class: "spw-custom-select__search" }, h("input", { key: '5b0c4f9bb20a784b34b062b9bc37eeb23d837915', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'aabaad4291c29023445b6f82356771243752c452' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: 'dbdcedd87386fd09b3eae695e9ba7a575cd96fae', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (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, h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && h("span", { key: '6050f92aaa17ef4613559e315f8d1fc95db86638' }, this.getSelectedLabels()))), h("div", { key: 'b0031148a8d7da8d003f0935dfe6e319b8334d3f', class: "spw-custom-select__arrow" }, h("spw-icon", { key: 'd2b3141c4308fe565780794888b763d0bf6ad101', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: 'ea056a2ec8ef32dac0b12ab4f1b7e232dd3fc609', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: 'fee67a6f3e5f5d4c5d07c9b960f8e07b44974b77' }, filteredOptions.map((option, index) => (h("li", { class: {
+        }))), !this.multiple && h("span", { key: '12575fcbc55514e6a1437352c795404214d66049' }, this.getSelectedLabels()))), h("div", { key: '56f80160976a5d448b65c2580f5b6c036ac82252', class: "spw-custom-select__arrow" }, h("spw-icon", { key: 'd32a60590f047d79adf279f364e2d4403442f3e1', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '156bde89a81856676c51b45b67fa3e3b6e7f2f5a', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '7727cdf6cb0034f476e724715b06c624b7119ee5' }, filteredOptions.map((option, 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 === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("p", { key: '31ea5a9e76b448f46bf2dc4009a64e575ad3ed85', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("p", { key: 'eb431e18c7ff386f182cb2ced85141470ee825bf', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/spw-date-picker.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
 import { g as getDefaultExportFromCjs } from './p-B85MJLTf.js';
-import { d as defineCustomElement$4 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$3 } from './p-Cq-aN0EV.js';
-import { d as defineCustomElement$2 } from './p-BOKkemIY.js';
+import { d as defineCustomElement$4 } from './p-Otqq8W18.js';
+import { d as defineCustomElement$3 } from './p-BJuYSBNu.js';
+import { d as defineCustomElement$2 } from './p-DzdAUdJU.js';
 var datepicker_min = {exports: {}};
@@ -20,7 +20,7 @@ function requireDatepicker_min () {
 var datepicker_minExports = requireDatepicker_min();
 var datepicker = /*@__PURE__*/getDefaultExportFromCjs(datepicker_minExports);
-const spwDatePickerCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.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{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--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);box-sizing:border-box;display:block;font-family:inherit;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.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,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus,.spw-date-picker__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker__input-container{align-items:center;display:flex;position:relative}.spw-date-picker__input--error,.spw-date-picker__input--error:focus{border-color:var(--spw-color-error,#dc2626)}.spw-date-picker__input--error:focus{box-shadow:0 0 0 3px var(--spw-color-error-light,rgba(220,38,38,.1))}.spw-date-picker__input--disabled{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible,.spw-date-picker__input--disabled:hover{outline:none}.spw-date-picker__input--open{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-date-picker__input::-moz-placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__icon{font-size:1rem;pointer-events:none;position:absolute;right:.75rem}.spw-date-picker__help,.spw-date-picker__icon{color:var(--spw-color-text-secondary,#6b7280)}.spw-date-picker__error,.spw-date-picker__help{font-size:.75rem;line-height:1rem;margin-top:.25rem}.spw-date-picker__error{align-items:center;color:var(--spw-color-error,#dc2626);display:flex}.spw-date-picker__error spw-icon{font-size:.75rem;margin-right:.25rem}.qs-datepicker-container{border:none;box-shadow:var(--spw-effect-elevation-6);margin-top:6px;width:320px}.qs-datepicker-container .qs-controls{background:none;margin-bottom:16px;padding:24px 24px 0;position:relative}.qs-datepicker-container .qs-month-year{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;font-size:14px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{color:transparent;height:36px;position:absolute;top:24px;width:36px}.qs-datepicker-container .qs-arrow:before{align-items:center;color:var(--spw-colors-support-grey-grey-800);content:\"\";display:inline-flex;font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.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{gap:4px 0;padding:0 24px 24px}.qs-datepicker-container .qs-square{font-size:14px;height:36px;text-transform:lowercase}.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 .qr-range-start:hover,.qs-datepicker-container .qs-range-end: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:#fff;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;border-radius:4px 0 0 4px!important;color:#fff!important;font-weight:700;opacity:1!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;border-radius:0 4px 4px 0!important;color:#fff!important;font-weight:700;opacity:1!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{border-radius:0;color:var(--spw-colors-support-grey-grey-800);font-weight:400;padding-bottom:12px;position:relative}.qs-datepicker-container .qs-day:after{background:var(--spw-colors-support-grey-grey-300);bottom:0;content:\"\";height:1px;left:0;position:absolute;width:68px}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{background:#fff;padding:24px;transition:none}.qs-datepicker-container .qs-overlay-month{color:var(--spw-colors-support-grey-grey-800);font-size:14px;width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);height:40px;left:24px;padding:0;right:auto;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:32px}.qs-datepicker-container .qs-close:after{content:\"\\f060\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;text-indent:0;top:50%;transform:translateY(-50%)}.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 .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;margin-left:28px;width:calc(100% - 80px)}.qs-datepicker-container .qs-submit{background:var(--spw-ds-primary);border:2px solid transparent;border-radius:9999px;color:#fff;font-size:14px;font-weight:700;height:40px;position:absolute;right:24px;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:40px}.qs-datepicker-container .qs-submit:after{content:\"\\f00c\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:50%;position:absolute;text-indent:0;top:50%;transform:translate(-50%,-50%)}.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}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
+const spwDatePickerCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.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{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--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);box-sizing:border-box;display:block;font-family:inherit;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.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,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus,.spw-date-picker__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker__input-container{align-items:center;display:flex;position:relative}.spw-date-picker__input--error,.spw-date-picker__input--error:focus{border-color:var(--spw-color-error,#dc2626)}.spw-date-picker__input--error:focus{box-shadow:0 0 0 3px var(--spw-color-error-light,rgba(220,38,38,.1))}.spw-date-picker__input--disabled{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible,.spw-date-picker__input--disabled:hover{outline:none}.spw-date-picker__input--open{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-date-picker__input::-moz-placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__icon{font-size:1rem;pointer-events:none;position:absolute;right:.75rem}.spw-date-picker__help,.spw-date-picker__icon{color:var(--spw-color-text-secondary,#6b7280)}.spw-date-picker__error,.spw-date-picker__help{font-size:.75rem;line-height:1rem;margin-top:.25rem}.spw-date-picker__error{align-items:center;color:var(--spw-color-error,#dc2626);display:flex}.spw-date-picker__error spw-icon{font-size:.75rem;margin-right:.25rem}.qs-datepicker-container{border:none;box-shadow:var(--spw-effect-elevation-6);margin-top:6px;width:320px}.qs-datepicker-container .qs-controls{background:none;margin-bottom:16px;padding:24px 24px 0;position:relative}.qs-datepicker-container .qs-month-year{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;font-size:14px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{color:transparent;height:36px;position:absolute;top:24px;width:36px}.qs-datepicker-container .qs-arrow:before{align-items:center;color:var(--spw-colors-support-grey-grey-800);content:\"\";display:inline-flex;font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.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{gap:4px 0;padding:0 24px 24px}.qs-datepicker-container .qs-square{font-size:14px;height:36px;text-transform:lowercase}.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 .qr-range-start:hover,.qs-datepicker-container .qs-range-end: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:#fff;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;border-radius:4px 0 0 4px!important;color:#fff!important;font-weight:700;opacity:1!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;border-radius:0 4px 4px 0!important;color:#fff!important;font-weight:700;opacity:1!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{border-radius:0;color:var(--spw-colors-support-grey-grey-800);font-weight:400;padding-bottom:12px;position:relative}.qs-datepicker-container .qs-day:after{background:var(--spw-colors-support-grey-grey-300);bottom:0;content:\"\";height:1px;left:0;position:absolute;width:68px}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{background:#fff;padding:24px;transition:none}.qs-datepicker-container .qs-overlay-month{color:var(--spw-colors-support-grey-grey-800);font-size:14px;width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);height:40px;left:24px;padding:0;right:auto;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:32px}.qs-datepicker-container .qs-close:after{content:\"\\f060\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;text-indent:0;top:50%;transform:translateY(-50%)}.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 .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;margin-left:28px;width:calc(100% - 80px)}.qs-datepicker-container .qs-submit{background:var(--spw-ds-primary);border:2px solid transparent;border-radius:9999px;color:#fff;font-size:14px;font-weight:700;height:40px;position:absolute;right:24px;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:40px}.qs-datepicker-container .qs-submit:after{content:\"\\f00c\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:50%;position:absolute;text-indent:0;top:50%;transform:translate(-50%,-50%)}.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}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 const SpwDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SpwDatePicker extends H {
     constructor() {
@@ -320,11 +320,16 @@ const SpwDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SpwDatePicker ext
     }
     /** Méthode pour récupérer le range de dates */
     async getRange() {
-        var _a;
-        if (this.range && ((_a = this.datepickerInstance) === null || _a === void 0 ? void 0 : _a.getRange)) {
-            return this.datepickerInstance.getRange();
+        if (!this.range || !this.rangeId) {
+            return { start: null, end: null };
         }
-        return { start: null, end: null };
+        const { start, end } = this.getRangeSiblings();
+        const startDate = (start === null || start === void 0 ? void 0 : start.value) ? new Date(start.value) : null;
+        const endDate = (end === null || end === void 0 ? void 0 : end.value) ? new Date(end.value) : null;
+        return {
+            start: startDate && !isNaN(startDate.getTime()) ? startDate : null,
+            end: endDate && !isNaN(endDate.getTime()) ? endDate : null,
+        };
     }
     /** Méthode pour mettre à jour les contraintes min/max du datepicker */
     async updateConstraints(minDate, maxDate) {
@@ -368,11 +373,37 @@ const SpwDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SpwDatePicker ext
         this.dateChange.emit({ value: '', date: null });
         this.updateRangeConstraints();
     }
+    /** Méthode pour réinitialiser les contraintes min/max du datepicker */
+    async resetConstraints() {
+        if (!this.datepickerInstance)
+            return;
+        if (typeof this.datepickerInstance.setMin === 'function') {
+            this.datepickerInstance.setMin(this.minDate ? new Date(this.minDate) : undefined);
+        }
+        else {
+            this.datepickerInstance.minDate = this.minDate ? new Date(this.minDate) : undefined;
+        }
+        if (typeof this.datepickerInstance.setMax === 'function') {
+            this.datepickerInstance.setMax(this.maxDate ? new Date(this.maxDate) : undefined);
+        }
+        else {
+            this.datepickerInstance.maxDate = this.maxDate ? new Date(this.maxDate) : undefined;
+        }
+        if (this.isOpen && this.datepickerInstance.calendar) {
+            this.datepickerInstance.hide();
+            setTimeout(() => {
+                this.datepickerInstance.show();
+            }, 0);
+        }
+    }
     toISODateString(date) {
         const year = date.getFullYear();
         const month = `${date.getMonth() + 1}`.padStart(2, '0');
         const day = `${date.getDate()}`.padStart(2, '0');
-        return `${year}-${month}-${day}`;
+        if (this.range && !this.isStart) {
+            return `${year}-${month}-${day}T23:59:59`;
+        }
+        return `${year}-${month}-${day}T00:00:00`;
     }
     getRangeSiblings() {
         if (!this.range || !this.rangeId)
@@ -716,7 +747,7 @@ const SpwDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SpwDatePicker ext
             'spw-date-picker__input--open': this.isOpen,
         };
         const errorMessage = this.error || this.internalError;
-        return (h(Host, { key: 'eb66aebb637564da5d4e3c83cfe76d9d61e12e85' }, h("div", { key: '7984062a8d5c11c6876780431ff8bfd93bd935cc', class: "spw-date-picker" }, this.label && h("spw-field-label", { key: '494b6184491b96597c068dccba20a8f7d588b144', label: this.label, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'cac9fb61d6af9ddfc648a1483812a72fea20ed2b', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'd54d9d938865e6594c7f58f62941a01014503ee5', class: "spw-date-picker__input-container" }, h("input", { key: 'a5495ee8d28f851e40c8139f1f2ced630f19d016', 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-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("spw-icon", { key: '0737358ffe36b3c05d8a767c7cfdf14832144c85', icon: "fa-calendar", class: "spw-date-picker__icon" })), this.error && (h("spw-field-message", { key: 'da0bf405570f245e40822174b0360537be5de8da', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (h("spw-field-message", { key: '2f72f9c384714c9687abe5807ce1a42c94247357', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (h("spw-field-message", { key: 'c6d8902f5c56a696eea582d60f0fc82baade5cf3', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (h("spw-field-message", { key: '297c8119472b719c145c10301f4bd37bc6812f35', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
+        return (h(Host, { key: '0d144fa1a409a7cde6d4a59d287314be6e15ba56' }, h("div", { key: '63322b3df4206eb29a357c7f61bf24856385ec08', class: "spw-date-picker" }, this.label && h("spw-field-label", { key: '9fb215eaddd9934a1ad102c775caab615aef12cb', label: this.label, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '1e758b2b5a41aa678c4f20e0b92dd542b617c5d2', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'bf88b229bc97b138b0fe7c53052b8fc18fa74895', class: "spw-date-picker__input-container" }, h("input", { key: '8d02ac58b1892cd078b44557f01e129da2f4ffb8', 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-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("spw-icon", { key: '600f3c23e265f66c9cb6d34856ca7a9772a1a3ae', icon: "fa-calendar", class: "spw-date-picker__icon" })), this.error && (h("spw-field-message", { key: '6422495c828d19c3067e6784eac3f2fa3b0dd7f3', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (h("spw-field-message", { key: '09aa1c335c405167bce4e7fbb0f51dd4abfe340c', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (h("spw-field-message", { key: '7b6f4000dec55e2dbf5c4808d33bebc9f32fd0aa', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (h("spw-field-message", { key: '5cb3c0fd986c5f029825610f847975ecb2b24154', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -762,7 +793,8 @@ const SpwDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SpwDatePicker ext
         "getDate": [64],
         "getRange": [64],
         "updateConstraints": [64],
-        "resetInput": [64]
+        "resetInput": [64],
+        "resetConstraints": [64]
     }, undefined, {
         "value": ["watchValue"],
         "disabled": ["watchDisabled"],