@spw-ds/spw-stencil-library 1.15.0 → 1.16.0

package/dist/esm/spw-card-image.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, a as getElement } from './index-DkNryMko.js';
 
 const spwCardImageCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video):after,:host(.--highlighted):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--highlighted) .spw-card-image,:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-mobile, var(--spw-card-image-ratio))}@media (min-width: 768px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-tablet, var(--spw-card-image-ratio))}}@media (min-width: 1024px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-desktop, var(--spw-card-image-ratio))}}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video):not(.--event)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video):not(.--event)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video):not(.--event)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video):not(.--event)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video):not(.--event)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video):not(.--event)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--vertical){width:170px;min-width:170px}:host(.--event){width:100px;min-width:100px}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--highlighted){position:relative}:host(.--highlighted):after{opacity:0}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{opacity:0}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--video.--hovered):after{opacity:0.2}:host(.--rounded-picture){width:100%}:host(.--rounded-picture) .spw-card-image{border-radius:8px 8px 120px 8px;border:1px solid var(--spw-color-themes-grey-grey-300);overflow:hidden}:host(.--rounded-picture) .spw-card-image ::slotted(img),:host(.--rounded-picture) .spw-card-image img{width:100%;height:100% !important;object-fit:cover;object-position:center;display:block}`;
 
@@ -58,7 +58,7 @@ const SpwCardImage = class {
         if (this.imageFit) {
             style['--spw-card-image-object-fit'] = this.imageFit;
         }
-        return (h("div", { key: 'e4cfa022f3319a0afd6d47d088d1ca9bd0de906b', class: this.elementClass, style: style }, this.label && h("span", { key: '4022dba885fba56e9b590be013cd6420912ae918', class: "spw-card-image__label" }, this.label), h("slot", { key: 'cbf151ddf4db09a88aa2b177d09a87586b1b5f9f' }), h("div", { key: '81ab97574ec5a91605cebee5c6dc77df4e6c3cb2', class: "spw-card-image__icon" }, h("spw-icon", { key: 'c5e4be497be3fa106e4b6c079ebe2d36c536064e', icon: this.hoverIcon }))));
+        return (h("div", { key: '63fd7dc51e934f45c7a54e60c83410351e4c6f76', class: this.elementClass, style: style }, this.label && h("span", { key: 'baa9943ec3e165129353f554119d9ae075054b53', class: "spw-card-image__label" }, this.label), h("slot", { key: '5ee91af7b9efe54b56cd76e087122988fb955f99' }), h("div", { key: 'f1e6dda447d3f112f37ad1663a50dfc7cac15fc1', class: "spw-card-image__icon" }, h("spw-icon", { key: 'b8692b751c0be959589cc445eab3732d99a48868', icon: this.hoverIcon }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-card-subtag-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
 
 const spwCardSubtagItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline}:host(.--link) .spw-card-subtag-item{font-size:15px;color:var(--spw-ds-primary);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(.--link.--highlighted) .spw-card-subtag-item{color:white}:host(.--tag) .spw-card-subtag-item{display:inline-block;padding:8px 12px;border-radius:9999px;background:var(--spw-color-themes-grey-grey-200);transition:all 0.2s linear;line-height:1;font-size:14px;color:var(--spw-color-themes-grey-grey-900)}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}`;
 
@@ -18,7 +18,7 @@ const SpwCardSubtagItem = class {
         };
     }
     render() {
-        return (h(Host, { key: '069a3dd57332cbc07497570790dc0c6b43cd3c55' }, h("span", { key: 'f888db1b02f2a29492c56995c293b2c811f66a51', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'ecd74f3803b7f5ba4ea3b8678adce16f270bffa3' }))));
+        return (h(Host, { key: '7c20e182434e8dc1a34babbb67ed261c2fd8e525' }, h("span", { key: '93cabd65e045ba3af65cd0037effb567d592197a', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'dd8e86278ed00180c967a73cdccff14ac2de4a6f' }))));
     }
 };
 SpwCardSubtagItem.style = spwCardSubtagItemCss();

package/dist/esm/spw-card-subtags.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwCardSubtagsCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-card-subtags{margin-bottom:8px;color:var(--spw-ds-primary)}.--highlighted .spw-card-subtags{color:white}.spw-card-subtags spw-card-subtag-item:after,.spw-card-subtags .spw-card-subtag-item:after{content:",";margin-right:2px;display:inline}.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}`;
 
@@ -30,7 +30,7 @@ const SpwCardSubtags = class {
         };
     }
     render() {
-        return (h(Host, { key: 'dd1415e28ab658b479fe353b27b1b63394d06b34' }, h("div", { key: '46cd99dde752fd3e206c449457e294201568a006', class: this.elementClass }, h("slot", { key: '5fa75e7d8a990e434c4306ca88253b88ea237f84' }))));
+        return (h(Host, { key: 'bcb358ab0f2730b7bf2ceaf5d03e6cdc50f80874' }, h("div", { key: '2ba43b42a850f29d5dd77ee1555d2917fef3e2c1', class: this.elementClass }, h("slot", { key: '227e22c519166ba20930f2a0651fe02bb3445886' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-card-title.entry.js

@@ -1,15 +1,25 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
 
-const spwCardTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{line-height:1.3;font-weight:700;font-size:20px;transition:all 0.3s ease;color:var(--spw-color-themes-grey-grey-900)}:host(.--hovered:not(.--video):not(.--people):not(.--highlighted)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title,:host(.--highlighted) .spw-card-title{color:white}:host(.--highlighted) .spw-card-title{font-size:24px}@media (min-width: 768px){:host(.--highlighted) .spw-card-title{font-size:32px}}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{padding:0 24px;border-bottom:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--people) .spw-card-title__text{display:inline-block;padding:18px 0;border-bottom:4px solid var(--spw-card-title-border-color, var(--spw-ds-primary))}`;
+const spwCardTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{line-height:1.3;font-weight:700}.spw-card-title--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-card-title--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-title--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-title--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-title--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-title--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-title--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-title--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-title--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-title--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-title--clamp-10{-webkit-line-clamp:10;line-clamp:10}.spw-card-title{font-size:20px;transition:all 0.3s ease;color:var(--spw-color-themes-grey-grey-900)}:host(.--hovered:not(.--video):not(.--people):not(.--highlighted)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title,:host(.--highlighted) .spw-card-title{color:white}:host(.--highlighted) .spw-card-title{font-size:24px}@media (min-width: 768px){:host(.--highlighted) .spw-card-title{font-size:32px}}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{padding:0 24px;border-bottom:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--people) .spw-card-title__text{display:inline-block;padding:18px 0;border-bottom:4px solid var(--spw-card-title-border-color, var(--spw-ds-primary))}`;
 
 const SpwCardTitle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people") */
         this.borderColor = '';
+        /** Permet de limiter ou pas le nombre de lignes affichées */
+        this.lineClamp = 'none';
+    }
+    get elementClass() {
+        const hasLineClamp = this.lineClamp !== 'none';
+        return {
+            'spw-card-title': true,
+            'spw-card-title--has-clamp': hasLineClamp,
+            [`spw-card-title--clamp-${this.lineClamp}`]: hasLineClamp,
+        };
     }
     render() {
-        return (h(Host, { key: '6bb60b7bfda451d86156271bfcac19d62867ed08', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '9f1f616fef2f6a0b519bce3ad420795e8fa4b38f', class: "spw-card-title" }, h("span", { key: 'df69580022638f2c34a9cbeedbb626e7ecb9fa4f', class: "spw-card-title__text" }, h("slot", { key: '57b0a399404c3d8866238bc3d87f17bc3a582522' })))));
+        return (h(Host, { key: 'b02f7913e237b6988b6b88c00929a0623d16c607', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: 'ec1060047ff1cd2883f1e475791f63fc381fe017', class: this.elementClass }, h("span", { key: '87465ba67f5dbea02e7c2545acb3eb6bdc2616b5', class: "spw-card-title__text" }, h("slot", { key: '442e0b3f178f4ba1195eafc3bd24d6f0af3c9553' })))));
     }
 };
 SpwCardTitle.style = spwCardTitleCss();

package/dist/esm/spw-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwCardCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.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{cursor:pointer;position:absolute;top:50%;left:25px;transform:translate(0, -50%);flex-direction:column;line-height:1.1;width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;z-index:6}.spw-card__dates--single{top:auto;transform:none;bottom:24px}.spw-card--no-image.spw-card--event .spw-card__dates{left:15px}.spw-card__date-item{text-align:center;margin:4px 0}.spw-card__date-label{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-bottom:4px}.spw-card__date-day{font-size:18px;font-weight:bold;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-month{font-size:12px;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-content{padding:8px 12px;background:white;border-radius:6px}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card--no-image.spw-card--event .spw-card__link{padding-top:0}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--has-2-dates .spw-card__link{min-height:180px}.spw-card--event{position:relative}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}`;
 
@@ -134,7 +134,7 @@ const SpwCard = class {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: 'e0c3cdd9da2dbe327323418a2ce8886084b42d91', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '44b922611365e2ea2a026d064f933deb5365ead6', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '721a1594f257a751ba5148395c72a4757b6e157b' }, attrs, { class: { 'spw-card__dates': true, 'spw-card__dates--range': !!(dateStart && dateEnd), 'spw-card__dates--single': !!(dateStart && !dateEnd) } }), dateStart && (h("div", { key: '6348b9aa873b4fb163a610ac9a5ebf834b4b337c', class: "spw-card__date-item" }, h("div", { key: 'b9622320dcffb6641510f46fe8065b4d8a19b482', class: "spw-card__date-content" }, dateEnd && h("span", { key: 'ab97a4b2eb85776483fd13370c36d8d6e2037377', class: "spw-card__date-label" }, this.fromLabel), this.formatDate(dateStart)))), dateEnd && (h("div", { key: 'd5d886efce8f6b49a1fdf7b73d207e1e4fef10f9', class: "spw-card__date-item" }, h("div", { key: '7b10129d916c49fb02abcfb2cc190f092c0dd4b7', class: "spw-card__date-content" }, h("span", { key: '569a278970fa7a1cbe4fae4816e96b90ec51a54c', class: "spw-card__date-label" }, this.toLabel), this.formatDate(dateEnd)))))), h(TagType, Object.assign({ key: '910a82e7567ba8c4cdbe76133a8664dade563ce4' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '9065f8b373dfd6bbc69733a283509ccd0db3d8b9' })))));
+        return (h(Host, { key: 'f95a6ae6c3605ceedbd161b4d7fd6ccb32b5c9a5', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'c0f5558843980898fc024c6a58ad4c5fc0874dae', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'b6f5ff06ba07a44d192ccc1280f4b1ec91aec7ae' }, attrs, { class: { 'spw-card__dates': true, 'spw-card__dates--range': !!(dateStart && dateEnd), 'spw-card__dates--single': !!(dateStart && !dateEnd) } }), dateStart && (h("div", { key: '38739600168e556e1825a952d59d6b56dddfbd38', class: "spw-card__date-item" }, h("div", { key: 'e2d976245e9149f19289ed6760f9616d252bc0df', class: "spw-card__date-content" }, dateEnd && h("span", { key: 'cad7e3030d55c6784fbf8482b26d02c1090a2494', class: "spw-card__date-label" }, this.fromLabel), this.formatDate(dateStart)))), dateEnd && (h("div", { key: '5cd8ac811280cf3eb15a088f4d50d1c39d07b065', class: "spw-card__date-item" }, h("div", { key: 'd650d7ab355881400f9f3e2b2ab1e80dc5cd8e19', class: "spw-card__date-content" }, h("span", { key: 'b8c923502709ed1b6be4f548076128e8559d6c34', class: "spw-card__date-label" }, this.toLabel), this.formatDate(dateEnd)))))), h(TagType, Object.assign({ key: '38734f2432f59b83af58ad7b7600e529fe8263b0' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '70cc28a5bf5206cc6a9c17297dd2dcaca895d8b0' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.js';
 
 const spwCheckboxCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);--spw-ds-toggle-checked-color:var(--spw-color-themes-green-green-600);--spw-ds-toggle-checked-active-color:var(--spw-color-themes-green-green-700);--spw-ds-toggle-checked-hover-color:var(--spw-color-themes-green-green-800)}.spw-checkbox{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-checkbox__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);font-size:var(--spw-typography-body-body-3-font-size);flex:none;order:0;flex-grow:0}.spw-checkbox__wrapper spw-icon{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{top:1px;width:30px;height:18px;border-radius:40px;border:none;background:var(--spw-color-themes-grey-grey-500);transition:background 0.2s ease}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{opacity:0;line-height:0;transition:all 0.2s 0.3s ease;margin-left:15px;transition:all 0.2s ease}.spw-checkbox__wrapper--toggle:before{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:all 0.2s ease}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-toggle-checked-color);color:var(--spw-ds-toggle-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{left:calc(100% - 16px);background:white}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-toggle-checked-hover-color);color:var(--spw-ds-toggle-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-toggle-checked-active-color);color:var(--spw-ds-toggle-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:var(--spw-color-themes-grey-grey-500);color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-ds-white)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked{border-color:var(--spw-color-themes-grey-grey-300);background:var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked:before{background:white}.spw-checkbox__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper:hover,.spw-checkbox__label:hover{cursor:pointer}.spw-checkbox__wrapper--disabled:hover,.spw-checkbox__label--disabled:hover{cursor:not-allowed}`;
 
@@ -87,7 +87,7 @@ const SpwCheckbox = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '42165c5a437c03c55486b9468ef089bdae0466d0', class: "spw-checkbox" }, h("input", { key: '1d5b10952a932ab1f1b5f2aa08b7cb0b943918bc', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'd1a358a567b5d899e28badefd60e20fa848435de', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: e => this.handleCheckbox(e) }, h("slot", { key: 'b38fd399291ab9cdfe879b55f42271cbd3510254' }))), h("div", { key: '89a613bd0000c0d2b599c9865c4e91f9bf510cf6', tabindex: this.disabled ? -1 : 0, onClick: e => this.handleCheckbox(e), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.name || 'Label', class: this.elementClass }, this.internalChecked && h("spw-icon", { key: 'f047f0ce2dc2cd66116a79759a28c38b252517d6', icon: this.icon }))));
+        return (h("div", { key: '18ccf771e46503992b59da08f9bdf64096d3fc9a', class: "spw-checkbox" }, h("input", { key: 'ec4e470b407134abc5d71e54afa72275ea11999b', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '841289771f521f5a501b689b45af02753bfafbed', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: e => this.handleCheckbox(e) }, h("slot", { key: 'a74b6cf82bfc54abf2bf5ebb81f9e2874cc74833' }))), h("div", { key: '4958afb920af7171e324b1bf3c7a2fb25ec11c04', tabindex: this.disabled ? -1 : 0, onClick: e => this.handleCheckbox(e), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.name || 'Label', class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '3600734ca78300af19c0ee9eaf20ae6aead1aad8', icon: this.icon }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/spw-cookies.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, h } from './index-DkNryMko.js';
 
 const spwCookiesCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-cookies{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:flex-end;justify-content:end;z-index:9999}.spw-cookies__container{background:white;border-radius:5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);max-width:400px;width:100%;margin:12px;line-height:1.5;max-height:calc(-24px + 100vh);overflow-y:auto}.spw-cookies__content,.spw-cookies__buttons{padding:16px}@media (min-width: 768px){.spw-cookies__content,.spw-cookies__buttons{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{position:sticky;z-index:10;bottom:0;background:#fff;display:flex;flex-direction:column;gap:12px;text-align:center}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{font-size:24px;line-height:1.2;color:var(--spw-colors-support-grey-grey-900);margin-bottom:8px}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:16px}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.js';
 
 const spwCustomSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DkNryMko.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
 
 var datepicker_min = {exports: {}};
@@ -940,7 +940,7 @@ const SpwDatePicker = class {
             'spw-date-picker--is-clear': this.isClearIconVisible,
         };
         const errorMessage = this.error || this.internalError;
-        return (h(Host, { key: '24bb23078497d43361b87764cee792d7ae296828' }, h("div", { key: '6e3b9f7e1a65fa69b3bd3c9ba4e63fbeb76dc49a', class: containerClass }, this.label && (h("spw-field-label", { key: '6aedb3a5a4f43697adc29ce5de2abcdd14c370d6', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: 'dbf9f864e7e1789496cc518c674fc3c824881de0', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'be9a9f496f780a27454ee0b43cef2f4fe20e56c9', class: "spw-date-picker__input-container" }, h("input", { key: 'cde538eb71eedfec1c93f27a0ff61273e5a02422', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("div", { key: 'ac6dfdb23da486fcd7e79ba83633c333b9eadde6', class: "spw-date-picker__icons" }, this.isClearIconVisible && (h("span", { key: '450b1fa90fccf00f73d75fe32501d84b8b750c56', class: "spw-date-picker__clear", onClick: this.handleClear }, h("spw-icon", { key: '05b500767a17e9d055cdc2be6d0ecc2fa7855a5c', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), h("span", { key: '49d866cd2a5b0ec1e472ca354d9d4a61e9613e4c', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, h("spw-icon", { key: '1ccf5673e72759309e6b96ef7ea421c1a8fe3ba8', icon: "fa-calendar", variant: "fa-regular", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (h("spw-field-message", { key: '52ba919f73c1a8286470e952a4b979f06bfca5d5', variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { key: '3721f74e97ffd53fbf79d58d41d763b2bde7fb35', name: "details", slot: "details" }))), this.hint && (h("spw-field-message", { key: '28c7afec7b1d64b7b405820748227a5c544c5d47', variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { key: 'a1d69416b92fafc06b18bd08640560bbe562b8a0', name: "details", slot: "details" }))), this.success && (h("spw-field-message", { key: '871ea576dd625b54f1432522706345511dcb4f32', variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { key: 'd45b67bfefb312d19846274554a5e3c303bc5245', name: "details", slot: "details" }))), this.warning && (h("spw-field-message", { key: '26abe8209087133b84b03355cda7b7cca9b0d893', variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { key: '38ae8e6a1cfff7fc7eead69a8bed18e3ab789725', name: "details", slot: "details" }))))));
+        return (h(Host, { key: '564bc68f8ad447f770da4c8728f6d58a384a9b2b' }, h("div", { key: '32ccc3cda6d814e03421420246ed16330ea849c2', class: containerClass }, this.label && (h("spw-field-label", { key: '80583426a18953b34e8fc201afa824f912518f19', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '0dc408e84a46e244c091346d2933ce2303d1a38f', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '4c1ff3ff68256ca217ec08064a445dbded3ab965', class: "spw-date-picker__input-container" }, h("input", { key: 'f17dbd4e81beac9034360d7f37c9ac035246b296', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("div", { key: '4045e0a3c681853098a82b9c02299ae102afe226', class: "spw-date-picker__icons" }, this.isClearIconVisible && (h("span", { key: '6d306f9bea41e7247d12b58d1d5835fb2f94f1e5', class: "spw-date-picker__clear", onClick: this.handleClear }, h("spw-icon", { key: 'de27f7a164391647c8d493903cafc7daa8265ce7', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), h("span", { key: '56752a196dab51adfd885ee2cf77fe0aa00df145', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, h("spw-icon", { key: 'ecc83e23e44439e69e776a55a18efb1713cfaa0f', icon: "fa-calendar", variant: "fa-regular", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (h("spw-field-message", { key: '31591b3fb7000b0ed02a6bf644fd6b716a31f5e7', variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { key: 'e64d3106764297df28b83a5faa80199931af97fa', name: "details", slot: "details" }))), this.hint && (h("spw-field-message", { key: 'a53097541783ed894989cd8558623365aa24c240', variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { key: 'b5ad3ca2403c6bc7ff151163343a608aac901a3e', name: "details", slot: "details" }))), this.success && (h("spw-field-message", { key: '41e4ec713c6f90a12acf4ebf44331d4197a0fa15', variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { key: 'ac0cf72b8b8ba372f678318b0371ad7d8e95033b', name: "details", slot: "details" }))), this.warning && (h("spw-field-message", { key: 'a0135160706177af565dfbb1bf00d93b80406efd', variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { key: 'ce8f1a543fae42a05a132e0ac34aefd35e2fe4a2', name: "details", slot: "details" }))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/spw-drawer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DkNryMko.js';
 import { q as queryShadowRoot, i as isFocusable, a as isHidden } from './focus-trap-Hi4pwfHU.js';
 import { a as animationTo } from './animation-BRFNx2DL.js';
 
@@ -222,13 +222,13 @@ const SpwDrawer = class {
         };
     }
     render() {
-        return (h(Host, { key: '621548e815f396df4a54e05b836f0b07f793e142' }, h("div", { key: 'fd7925dd51fe814ac4ce8f10f525b3b230fb736f', class: this.containerClass }, this.modal && h("div", { key: '1a8d8e04568be0dfd2d59eeb349daf44982f00e0', class: "spw-drawer__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'c0c0d0f4eb333fd789eac3d9234983010de130f1', ref: el => (this.drawerPanel = el), class: this.panelClass, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: 'b297bbcb3fd2c5d989d1521cbd9d34b9a643d0b2', class: "spw-drawer__header" }, this.showCaption && h("h2", { key: 'd66a41696e970fab84f995bc32f4a697a74a0033', class: "spw-drawer__caption" }, this.caption), this.showCloseButton && (h("div", { key: 'afc4bb96c03867d4936495e7fba7903abaa4b2a6', class: "spw-drawer__close-button", ref: el => (this.closeButtonEl = el), tabindex: "0", role: "button", onClick: () => this.doBeforeClose('CLOSE_BUTTON'), onKeyDown: (e) => (e.key === 'Enter' || e.key === ' ') && this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: 'e779de1391e99db2c6ce001bec61f9785e6c6e2c', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'c7911fff41d8d1c19ef0a25b412a8d477b8512c6', class: "spw-drawer__body", ref: el => (this.drawerContent = el) }, h("slot", { key: '5d8d6c05a13294a5033e8d113eb4e579e20c5b92', name: "content" })), h("div", { key: 'd5d9ef307a1de26f1efbff685a3020521a2b5459', class: {
+        return (h(Host, { key: '959023af74f1f006cb52ff26b8befc1b55526c09' }, h("div", { key: '0b48c017357960db20fbf1d5359493c2ed8d26e2', class: this.containerClass }, this.modal && h("div", { key: '83462c42f8cc7031f0112cb3f4516f947fcbe99a', class: "spw-drawer__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '2b28ec80a7ad5a811293c1b488596de35e331484', ref: el => (this.drawerPanel = el), class: this.panelClass, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '9f59f1eca71c1503a0eb7aed9d1b4e04008f96d5', class: "spw-drawer__header" }, this.showCaption && h("h2", { key: 'a722f7d54a5b333c3c43d5a4ae82bfb5f1fd6540', class: "spw-drawer__caption" }, this.caption), this.showCloseButton && (h("div", { key: '418acf5d3f54a4f24d8b92e62ef2770fa35ac5f5', class: "spw-drawer__close-button", ref: el => (this.closeButtonEl = el), tabindex: "0", role: "button", onClick: () => this.doBeforeClose('CLOSE_BUTTON'), onKeyDown: (e) => (e.key === 'Enter' || e.key === ' ') && this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '6f2d090746ab8f134abf7f5513316cf175e54ca4', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: '86f2ebde999686b9525387f63f4dbff5365f728e', class: "spw-drawer__body", ref: el => (this.drawerContent = el) }, h("slot", { key: '1874804cc1740f1032e27d482223dd83a755e737', name: "content" })), h("div", { key: '3fb59d6bed76b2e670457c9f70ab5def222c5069', class: {
                 'spw-drawer__footer': true,
                 'spw-drawer__footer--present': this.slotFooterPresent,
-            } }, h("slot", { key: '7c9f0e9a6aafaba1cfd56073992626aa6f4696ec', name: "footer", onSlotchange: (e) => {
+            } }, h("slot", { key: 'f36304df12e7546f9925f8ce91efb0d7edf8b985', name: "footer", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotFooterPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } }))), h("div", { key: 'bfb80879502d4c22689953893f208270f74594d3', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } }))), h("div", { key: 'eeaf9d766f88ed01cd7b1c50bc15a6b61ec89983', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
 
 const spwDropdownContainerCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-container{padding:16px}`;
 
@@ -7,7 +7,7 @@ const SpwDropdownContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a139c525c1cc0f93f7f112ac5dcb9563babc24ee' }, h("div", { key: '45c05feacdbb1281411a3e6aa50832efc0d49028', class: "spw-dropdown-container" }, h("slot", { key: '3201b3d0fcdd663dafe25a87997691151dc50db8' }))));
+        return (h(Host, { key: '254b2d132682cd814071d3a9efe34302aa5c2fb8' }, h("div", { key: 'cf9ec527584a84088280a1becc2f6bdc029ee527', class: "spw-dropdown-container" }, h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' }))));
     }
 };
 SpwDropdownContainer.style = spwDropdownContainerCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwDropdownItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-item{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--spw-colors-support-grey-grey-900);text-decoration:none;transition:background-color 0.2s ease;font-size:14px;border-radius:4px}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item:focus-visible{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--spw-colors-support-grey-grey-700)}.spw-dropdown-item__content{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spw-dropdown-item__toggle{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{font-size:12px;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{padding-left:16px;margin-top:4px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}`;
 
@@ -87,7 +87,7 @@ const SpwDropdownItem = class {
             'spw-dropdown-item__toggle': true,
             'spw-dropdown-item__toggle--open': this.subItemsOpen,
         };
-        return (h(Host, { key: 'f200649da21b3c2485e65c8c43a6df5a54b9226b' }, h(Tag, { key: '2c8356dac6b653516cbd466dd2ccf1e4aac5a168', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, role: "menuitem", tabindex: this.disabled ? -1 : 0, onClick: this.handleItemClick, onKeyDown: this.handleItemKeyDown }, this.icon && (h("div", { key: '91b5e991816a7c2d267448226cd5488cbc0ec844', class: "spw-dropdown-item__icon" }, h("spw-icon", { key: '532f255b8e3ad7819bebeb611a4cb6319bc72660', variant: this.iconVariant, icon: this.icon }))), h("div", { key: 'b45f1cec592a1deb9303f94fdaf89f80e5f23191', class: "spw-dropdown-item__content" }, h("div", { key: '31bf6ca7cddc19b62cb35ec0b65be3375b679b66', class: "spw-dropdown-item__label" }, h("slot", { key: '9ea3efc3da2793f9001a6aea33a5036da2f90100' })), this.hasSubItems && (h("div", { key: '268b3d9cb66f74983b2eacb8c101b1f98af0ca33', class: toggleClasses, onClick: this.handleToggleSubItems }, h("spw-icon", { key: 'd6f1dcaad451c99861a8538f4327809636e0aad4', icon: "fa-chevron-down" }))))), this.hasSubItems && (h("div", { key: 'ca31f823beb452a38a4a8a8dbb99b390b87a55ad', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, h("slot", { key: 'd38901c9f180d7e92cf016aa9ee439359c1f57b6', name: "sub-items" })))));
+        return (h(Host, { key: '32e923b3a9e108f1086174906faee0da128ff653' }, h(Tag, { key: '6d8ef52d2f13479c89f27f778ab9f9bf6825a7f6', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, role: "menuitem", tabindex: this.disabled ? -1 : 0, onClick: this.handleItemClick, onKeyDown: this.handleItemKeyDown }, this.icon && (h("div", { key: '38f32fedc809d43ecdb54a1b951beca4e1d66736', class: "spw-dropdown-item__icon" }, h("spw-icon", { key: '1a56eb106833f1de640edb96a9384dc12c319170', variant: this.iconVariant, icon: this.icon }))), h("div", { key: 'd17e23cf648d73ada4446ddf734337486d7c8065', class: "spw-dropdown-item__content" }, h("div", { key: '0825c1c2975fbd3fae85a824e24271cbd022d951', class: "spw-dropdown-item__label" }, h("slot", { key: 'cf1c32853c466f2739d825e6374d547cd70cd913' })), this.hasSubItems && (h("div", { key: '906e05ba073404465f8d846b02c977945a29b343', class: toggleClasses, onClick: this.handleToggleSubItems }, h("spw-icon", { key: '6575e949217f70d56d4f2b182f2091f663034c59', icon: "fa-chevron-down" }))))), this.hasSubItems && (h("div", { key: '256d12700e405244870e4a336a59dcd36a3eb2d2', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, h("slot", { key: '3c84ac7480468f6789595e9506e34100b4184a68', name: "sub-items" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.js';
 
 const spwDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}`;
 
@@ -49,10 +49,8 @@ const SpwDropdown = class {
             requestAnimationFrame(() => {
                 this.positionDropdown();
                 this.addListeners();
-                const focusable = this.getFocusableElements();
-                if (focusable.length > 0) {
-                    focusable[0].focus();
-                }
+                this.dropdownEl.setAttribute('tabindex', '-1');
+                this.dropdownEl.focus({ preventScroll: true });
             });
         };
         this.hideDropdown = () => {
@@ -90,6 +88,13 @@ const SpwDropdown = class {
         if ((e.key === 'Enter' || e.key === ' ') && !this.isVisible) {
             e.preventDefault();
             this.open = true;
+            return;
+        }
+        if (e.key === 'ArrowDown' && this.isVisible) {
+            e.preventDefault();
+            const focusable = this.getFocusableElements();
+            if (focusable.length > 0)
+                focusable[0].focus();
         }
     }
     componentDidLoad() {
@@ -234,7 +239,7 @@ const SpwDropdown = class {
         dropdown.style.visibility = 'visible';
     }
     render() {
-        return (h("div", { key: '9161936bf0f6dd13672f81e9fe6a6b1264986094', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open), "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "menu" }, h("slot", { key: '814cd4da36bff9d43a9d5b22389f6f7801a61614' })));
+        return (h("div", { key: '355a6c48bfc0256e89821adc33ee5302617cc815', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open), "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "menu" }, h("slot", { key: 'ea07cd30880d19c666293f895a4deeebdff6a0f8' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-field-label_8.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DkNryMko.js';
 
 const spwFieldLabelCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-field-label{color:var(--spw-color-themes-grey-grey-800);display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:8px}.spw-field-label__text{display:inline-block}.spw-field-label__required{color:var(--spw-ds-primary)}.spw-field-label__icon{color:var(--spw-color-themes-grey-grey-600);font-size:16px;flex-shrink:0}`;
 
@@ -25,7 +25,7 @@ const SpwFieldLabel = class {
         return !!(this.tooltipText || this.tooltipTitle);
     }
     render() {
-        return (h(Host, { key: '23ce423c1b5a8d79150dd11ab58feabff12ed2b9' }, h("label", { key: '74a68c9d82319e380b8f0b2439298fc95b19689e', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, h("span", { key: 'bbbc2511a0aa4050e90545023230f842d3a7c0c5', class: "spw-field-label__text" }, this.label), this.hasTooltip && (h("spw-tooltip", { key: '1308e5cf08ace99121747d980ce6a1e7577c1aba', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, h("spw-icon", { key: '012911fab7ea6c87bb301b58765cb866f5e2360c', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && h("span", { key: '79c11a45fe31be3d59ced505475e5d2ac1eaca1a', class: "spw-field-label__required" }, "*"))));
+        return (h(Host, { key: '98e1c6ce4789a41cb40cf17e05b4b5f01ede9206' }, h("label", { key: '806fcafd344b1ec3aebad9f7ca5240fe60c66a70', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, h("span", { key: 'df417feeb140d5791a115d9454062962135fddaa', class: "spw-field-label__text" }, this.label), this.hasTooltip && (h("spw-tooltip", { key: '5874bf363f3c0f194b4710b85e3bc7e4e594ed00', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, h("spw-icon", { key: '80048d6b4ab44327a48b400fd443c63705c16bf4', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && h("span", { key: '3522289fd7311ac8d834a99119003aea6468e125', class: "spw-field-label__required" }, "*"))));
     }
     get el() { return getElement(this); }
 };
@@ -72,7 +72,7 @@ const SpwFieldMessage = class {
     }
     render() {
         const { isExpandable, isExpanded, expandLabel, collapseLabel } = this;
-        return (h(Host, { key: 'a94098895496521c1778e5be90efa200be8ecfce' }, h("div", { key: 'cb6c9319f7dcf0fd8419f4fe36d5d91e265e025c', class: this.elementClass }, this.showIcon && (h("div", { key: '08aa74469c64cabfde1baed685ee6189fd234091', class: "spw-field-message__icon" }, h("spw-icon", { key: '337e9835e4607f038c375af76c915e5f04ffaecf', icon: this.variantIcon }))), h("span", { key: '2396e32bf5484ffd11f46851dfe1437a90e829d8', class: "spw-field-message__text" }, h("slot", { key: 'bed47081420f273272cb6f472f65e086b631ce9a' }), isExpandable && (h("div", { key: 'fc5ef61e4b0a2988c6ff0b1bd26460876896894e', class: "spw-field-message__expandable" }, h("div", { key: 'cd1377f1f6e7cc574efafa715ce021a408d4852c', class: { 'spw-field-message__details': true, 'spw-field-message__details--hidden': !isExpanded } }, h("slot", { key: 'a17c9ad5516403d55c4cd74940ac457870088432', name: "details" })), h("spw-link", { key: '96e54b4cf152080dcf8cb299a736cb10283eb4f5', href: "#", icon: isExpanded ? 'fa-chevron-up' : 'fa-chevron-down', onClick: this.toggleExpanded }, isExpanded ? collapseLabel : expandLabel)))))));
+        return (h(Host, { key: 'b38c0aa42f009699030e3ee86140eab077e599c9' }, h("div", { key: '5ee40f9390f1029192b3d23eed4215fa33a8602b', class: this.elementClass }, this.showIcon && (h("div", { key: 'd8b45a7b87fa01a6b63f754dda7a313cb0633a49', class: "spw-field-message__icon" }, h("spw-icon", { key: '6517e220995aeabeb8684ac8aba8f7f3e5526195', icon: this.variantIcon }))), h("span", { key: '6473b11a31c69cb7dbd648218c5b62f0a6c199a5', class: "spw-field-message__text" }, h("slot", { key: '228dff3a239c19348d20ebf0f28ec063b1545981' }), isExpandable && (h("div", { key: '833936731b2374a41bf89c149cb72bc74e2656a3', class: "spw-field-message__expandable" }, h("div", { key: 'da953e19879ce23254463dcafebd9c21ce3d16bf', class: { 'spw-field-message__details': true, 'spw-field-message__details--hidden': !isExpanded } }, h("slot", { key: '116d71e3546d38805f4ee26627d5d506df1b564b', name: "details" })), h("spw-link", { key: '617265971ba78f7a4f4c0bcfeb665b37370a7327', href: "#", icon: isExpanded ? 'fa-chevron-up' : 'fa-chevron-down', onClick: this.toggleExpanded }, isExpanded ? collapseLabel : expandLabel)))))));
     }
 };
 SpwFieldMessage.style = spwFieldMessageCss();
@@ -155,7 +155,7 @@ const SpwGroup = class {
         ];
     }
     render() {
-        return (h(Host, { key: '46cf831fd90fabba38a9508a777039cedd9924ec' }, h("div", { key: 'c645a9e070ba98a5d5b7b1aec8bd0bdae3e946b4', class: this.groupClasses }, this.label && (h("spw-field-label", { key: '1f46a311e8c6d2bdedd264d465a91790b11b7dd3', class: "spw-group__field-label", label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.isCheckboxOrRadio && this.assistiveText && (h("spw-field-message", { key: '1041d97993cd496248ccd50cdbc7de7def9b7bc1', class: "spw-group__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '79f222b64a3c569f2d3f9152bbe012aa1f312aa3', class: "spw-group__container", style: { flexWrap: this.flexWrap } }, h("slot", { key: '04f0d0b2708d84cd90d5b68d03c91335f636da81', ref: el => (this.slotEl = el) })), this.renderMessages())));
+        return (h(Host, { key: '88364482e94f002f2e798407d4afcd2ed3db0019' }, h("div", { key: 'e602d3d47b13b3350af36107b397698c6ce91c7d', class: this.groupClasses }, this.label && (h("spw-field-label", { key: '7f4af60defddb9387613fd279cedef1df54d6779', class: "spw-group__field-label", label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.isCheckboxOrRadio && this.assistiveText && (h("spw-field-message", { key: '7141778173e5f55acfff9ff4b818e261adb246e9', class: "spw-group__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'c4d395cdc6d21a19edb569bc1dbeaa443d1b3d14', class: "spw-group__container", style: { flexWrap: this.flexWrap } }, h("slot", { key: '4f3a6ad9725951b695e5459be37c63249292b842', ref: el => (this.slotEl = el) })), this.renderMessages())));
     }
     static get watchers() { return {
         "error": [{
@@ -175,7 +175,7 @@ const SpwIcon = class {
     }
     render() {
         const iconClassName = `spw-icon ${this.variant} ${this.icon}`;
-        return h("i", { key: '058bd372340a4a9bd4c212a2168fed97769a553a', class: iconClassName });
+        return h("i", { key: 'ea36180447154ccde8cd3434b674752b83be2eb8', class: iconClassName });
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -220,7 +220,7 @@ const SpwLink = class {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (h("a", Object.assign({ key: '8577d449cef04789c624765ab367548f9b242876', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '45f182d7d2d1a952353a6e722f8dfe7f81cc2fe7', class: "spw-link__inner" }, h("slot", { key: 'fa23f5e2f43f0d3fc341c926a8a18cdcd4e88eaf' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: 'f6f5e296a99640156dc7204b042fd8c1a8984f0f', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '7eba164c5de00f7feeedd4722247330ad9a2d2d3', class: "spw-link__inner" }, h("slot", { key: '6e1784314b450ccb7e9d301d3514941950164cc8' })), iconPosition === 'right' && iconElement));
     }
     get el() { return getElement(this); }
 };
@@ -257,7 +257,7 @@ const SpwSeparator = class {
         };
     }
     render() {
-        return h("div", { key: '6ab2aeb17e2f50a0bc917ede54a58a4ebc39c9fb', class: this.elementClass, style: this.style });
+        return h("div", { key: '338dcc69af19f31c0e2d42e149cf5f5a7760cba6', class: this.elementClass, style: this.style });
     }
 };
 SpwSeparator.style = spwSeparatorCss();
@@ -320,7 +320,7 @@ const SpwThemeProvider = class {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: 'f3b357211e37d7e3442e042ef33068df5b2683e2', class: `spw-theme-${this.theme}` }, h("slot", { key: 'e6bdb0c0710b6441b35f705888656aa2a4c53e4b' })));
+        return (h("main", { key: '0285afd390f8bd53ce43e58ff0982acf2bfb2de0', class: `spw-theme-${this.theme}` }, h("slot", { key: '0ae37393d3ebfad492887fa1979e21123363db79' })));
     }
     get el() { return getElement(this); }
 };
@@ -456,7 +456,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (h("div", { key: '8a2170ec05946de72f633b9ab7238e326ac7aed4', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'f437419938515fee4a3ab73eeca1a7f132280f02' })));
+        return (h("div", { key: '85279a6e6e1fc9de788d0b5f36df918f6284b200', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'acd39fe15bf329ed41143c57a0cf865060377041' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.js';
 import { a as formatFileSize } from './utils-BBi01mKM.js';
 
 const spwFileUploadCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}`;
@@ -261,10 +261,10 @@ const SpwFileUpload = class {
     render() {
         const inputTextNoDrop = this.multiple ? this.textChooseFiles : this.textChooseFile;
         const inputTextDrop = this.multiple ? this.textDropFiles : this.textDropFile;
-        return (h("div", { key: '71d9c8c34432814373e44ae4d4155fa58f098cdc', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, h("input", { key: '1a738bc28116a3d0036e8e81366af8b6dc2387f8', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ", h("span", { class: "spw-file-upload__dropzone-link" }, this.textChooseFromComputer))) : (h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), h("div", { key: '89b433e29d8dd53031a7d9e425c13441547dfc9d', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (h("ul", { key: 'e6ddecf10fbabd974ab26050813cb1c91a733b7c' }, this.hintsMessages.map((message, index) => (h("li", { key: index }, message)))))), h("div", { key: 'e74581cf6ee05ddc98d28c496319dc5e6a6234e5', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index) => (h("li", { key: index }, h("span", { class: "spw-file-upload__info-list-name" }, file.name), h("div", { class: "spw-file-upload__info-list-actions" }, h("span", { class: "spw-file-upload__spacing" }, formatFileSize(file.size)), h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (h("div", { key: 'b9ebd2c1fc52c12db5a618184286764f2940286c', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, h("input", { key: 'dcb8127694409b0b2e5a6b8eb8ec145e0611a6d5', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ", h("span", { class: "spw-file-upload__dropzone-link" }, this.textChooseFromComputer))) : (h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), h("div", { key: '17ce5706ea9ddfe6b86abaa2d2d8bb07792ac29f', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (h("ul", { key: '4d122133f13dc87218591517c423326a01fc8ab5' }, this.hintsMessages.map((message, index) => (h("li", { key: index }, message)))))), h("div", { key: '6ddfc9b38a2e0063cb83567f5389f136988b0283', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index) => (h("li", { key: index }, h("span", { class: "spw-file-upload__info-list-name" }, file.name), h("div", { class: "spw-file-upload__info-list-actions" }, h("span", { class: "spw-file-upload__spacing" }, formatFileSize(file.size)), h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index);
-            } }, this.textDelete))))))) : (''), this.fileLimitErrors.length > 0 && (h("ul", { key: '8b4938c78058e11c6929d946f8e9d2e5aca8233b', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index) => (h("li", { key: index }, h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (h("ul", { key: '19d79c0ffd3e3ca5a28c1c5d4fa724a1da1b48eb', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index) => (h("li", { key: index }, h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
+            } }, this.textDelete))))))) : (''), this.fileLimitErrors.length > 0 && (h("ul", { key: '555c82b252214a6587d9a80405d727ab73561fc0', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index) => (h("li", { key: index }, h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (h("ul", { key: '9aee36f1c9d26711eb58e723a14ddcdeef447ece', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index) => (h("li", { key: index }, h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }