@spw-ds/spw-stencil-library 1.3.3 → 1.3.4

package/hydrate/index.js

@@ -5698,7 +5698,7 @@ class SpwCard {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hasImage = false;
-        this.childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées
+        this.childHoveredCount = 0;
         /** Type de variante de carte */
         this.variant = 'news';
         /** Type d'élément du bouton */
@@ -5816,7 +5816,7 @@ class SpwCard {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (hAsync(Host, { key: '6f0453f5b68c3176fa647d9de45dab2c8d2be7d9', class: { '--is-full-height': this.fullHeight } }, hAsync("article", { key: 'fb8205ab094afa114abbe2557bc8e9e710f57c67', class: this.elementClass }, variant === 'event' && (hAsync(TagType, Object.assign({ key: 'e6bd5924585802d0f819ba418df6cbee036343f6' }, attrs, { class: "spw-card__dates" }), dateStart && hAsync("div", { key: 'fa5dda6da669c408e60a8604ed6cfa84b16cf6cf', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && hAsync("div", { key: '901b9d0c0ca88b0d625d2c068da8fed27c904b0f', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), hAsync(TagType, Object.assign({ key: '801115c5ab07fddcbd0a08d6ad240292ae8c085b' }, attrs, ariaAttributes, { class: "spw-card__link" }), hAsync("slot", { key: 'edb7b8815ca7d7ccf775381c9de70258857df7c7' })))));
+        return (hAsync(Host, { key: 'dd696a972dce8b2dd24bf4a32a91c48d647c8847', class: { '--is-full-height': this.fullHeight } }, hAsync("article", { key: '3bedcc715c5ce3999bdd683aec295cf4a5f78afd', class: this.elementClass }, variant === 'event' && (hAsync(TagType, Object.assign({ key: 'a562384022c312afe368de3b28d1746a3b0f5398' }, attrs, { class: "spw-card__dates" }), dateStart && hAsync("div", { key: '1f91f1d6a773c48ff00fb71b0867eafa7b25a53e', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && hAsync("div", { key: 'bdce357cf092475ee1792950a686d02601d634bf', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), hAsync(TagType, Object.assign({ key: '8bae3ef221cf1edc713e89d23db08dda41bf22d8' }, attrs, ariaAttributes, { class: "spw-card__link" }), hAsync("slot", { key: '89d675393747eadf75c55396cba1513566c9eace' })))));
     }
     get el() { return getElement(this); }
     static get style() { return spwCardCss(); }
@@ -5858,7 +5858,7 @@ function formatFileSize(sizeInBytes) {
     return `${formattedSize} Mo`;
 }
 
-const spwCardContentCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;height:100%;padding-right:80px}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}`;
+const spwCardContentCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%;margin-top:auto}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--highlighted) .spw-card-content{position:absolute;bottom:0;padding:24px;padding-top:64px;overflow:hidden;border-radius:0 0 5px 5px}:host(.--highlighted) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}@media (min-width: 1024px){:host(.--highlighted) .spw-card-content{padding:32px;padding-top:64px}}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;padding-right:80px;border-radius:0 0 5px 5px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag,:host(.--highlighted) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}:host(.--highlighted) .spw-card-content__tag{position:static;margin-bottom:12px}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}:host(.--highlighted) .spw-card-content__date{display:none}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}`;
 
 class SpwCardContent {
     constructor(hostRef) {
@@ -5883,7 +5883,7 @@ class SpwCardContent {
     }; }
 }
 
-const spwCardExcerptCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--people){flex:1}:host(.--people) ::slotted(spw-link){--spw-link-color:#000;--spw-link-hover-color:#000;--spw-link-active-color:#000;--spw-link-font-weight:400}.spw-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:"Nunito Sans";font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{margin-top:0;font-size:16px;color:var(--spw-color-themes-grey-grey-900)}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}`;
+const spwCardExcerptCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--people){flex:1}:host(.--people) ::slotted(spw-link){--spw-link-color:#000;--spw-link-hover-color:#000;--spw-link-active-color:#000;--spw-link-font-weight:400}.spw-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:"Nunito Sans";font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{margin-top:0;font-size:16px;color:var(--spw-color-themes-grey-grey-900)}:host(.--highlighted) .spw-card-excerpt{color:var(--spw-color-themes-grey-grey-400)}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}`;
 
 class SpwCardExcerpt {
     constructor(hostRef) {
@@ -5915,7 +5915,7 @@ class SpwCardExcerpt {
     }; }
 }
 
-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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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(.--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)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--spw-ds-primary);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)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--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:cover;object-position:center}: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:cover;object-position:center}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):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(.--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:cover;object-position:center}:host(.--video.--hovered):after{opacity:0.6}`;
+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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--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:cover;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)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--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:cover;object-position:center}: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:cover;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:cover;object-position:center}:host(.--video.--hovered):after{opacity:0.2}`;
 
 class SpwCardImage {
     constructor(hostRef) {
@@ -5939,15 +5939,33 @@ class SpwCardImage {
             }
         }
     }
+    get hasRatio() {
+        return !!(this.ratio || this.ratioMobile || this.ratioTablet || this.ratioDesktop);
+    }
     get elementClass() {
         return {
             'spw-card-image': true,
-            'spw-card-image--ratio': !!this.ratio,
+            'spw-card-image--ratio': this.hasRatio,
         };
     }
     render() {
-        const style = this.ratio ? { '--spw-card-image-ratio': this.ratio } : {};
-        return (hAsync("div", { key: 'cb691336030eaee506f7f5461e4ad4227cf6ee20', class: this.elementClass, style: style }, this.label && hAsync("span", { key: '237f198be8e6649b755069c9a7c028e24bc3d5dc', class: "spw-card-image__label" }, this.label), hAsync("slot", { key: '6e61440a051911ff77cd5101f3ddce679c390a50' }), hAsync("div", { key: '6d3258be72cb36b06050b50b1e28f9e38f1dbfa7', class: "spw-card-image__icon" }, hAsync("spw-icon", { key: '3d595d489ce0d1e999bfa33f112da8c0197797b4', icon: "fa-plus" }))));
+        const style = {};
+        if (this.ratio) {
+            style['--spw-card-image-ratio'] = this.ratio;
+            style['--spw-card-image-ratio-mobile'] = this.ratio;
+            style['--spw-card-image-ratio-tablet'] = this.ratio;
+            style['--spw-card-image-ratio-desktop'] = this.ratio;
+        }
+        if (this.ratioMobile) {
+            style['--spw-card-image-ratio-mobile'] = this.ratioMobile;
+        }
+        if (this.ratioTablet) {
+            style['--spw-card-image-ratio-tablet'] = this.ratioTablet;
+        }
+        if (this.ratioDesktop) {
+            style['--spw-card-image-ratio-desktop'] = this.ratioDesktop;
+        }
+        return (hAsync("div", { key: '9eccd1cf76ae67c9d55fc09b06729199cef04d30', class: this.elementClass, style: style }, this.label && hAsync("span", { key: '03a6afd8b38bc2a4069adc1be87eebc081ebc526', class: "spw-card-image__label" }, this.label), hAsync("slot", { key: '65cbfd02d2497cce0173fd38ebbb0da82b0a4df6' }), hAsync("div", { key: 'c96e34df588007c2ae4782118f4de76b4973e9d2', class: "spw-card-image__icon" }, hAsync("spw-icon", { key: '3b6c4a3f20e248c2f74f1549f4341bd99376f368', icon: "fa-plus" }))));
     }
     get el() { return getElement(this); }
     static get style() { return spwCardImageCss(); }
@@ -5956,7 +5974,10 @@ class SpwCardImage {
         "$tagName$": "spw-card-image",
         "$members$": {
             "label": [1],
-            "ratio": [1]
+            "ratio": [1],
+            "ratioMobile": [1, "ratio-mobile"],
+            "ratioTablet": [1, "ratio-tablet"],
+            "ratioDesktop": [1, "ratio-desktop"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -5964,7 +5985,7 @@ class SpwCardImage {
     }; }
 }
 
-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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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(.--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)}`;
+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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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)}`;
 
 class SpwCardSubtagItem {
     constructor(hostRef) {
@@ -5997,7 +6018,7 @@ class SpwCardSubtagItem {
     }; }
 }
 
-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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-card-subtags{margin-bottom:8px;color:var(--spw-ds-primary)}.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}`;
+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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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}`;
 
 class SpwCardSubtags {
     constructor(hostRef) {
@@ -6014,6 +6035,9 @@ class SpwCardSubtags {
             const contentElements = this.el.querySelectorAll('spw-card-subtag-item');
             contentElements.forEach(element => {
                 element.classList.add(variantClass);
+                if (this.el.classList.contains('--highlighted')) {
+                    element.classList.add('--highlighted');
+                }
             });
         });
     }
@@ -6024,7 +6048,7 @@ class SpwCardSubtags {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'f649df17747c0b15e378dc8ed9c8bffd387efc6c' }, hAsync("div", { key: 'e7fb23264fd9dac808b653faeb293d8f27a56c2d', class: this.elementClass }, hAsync("slot", { key: '06c3b96dd8644e797381ffc39ab987080a46bc21' }))));
+        return (hAsync(Host, { key: 'f77ffa5b4f5fe8a47ede2bc8aad7774805e6b92b' }, hAsync("div", { key: 'b2271dfdb69baf4902ac7725e7276bfa4c48341d', class: this.elementClass }, hAsync("slot", { key: 'e372a3a027c94ec0e62cf59e144d9128ef1eedfb' }))));
     }
     get el() { return getElement(this); }
     static get style() { return spwCardSubtagsCss(); }
@@ -6040,7 +6064,7 @@ class SpwCardSubtags {
     }; }
 }
 
-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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.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)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:white}: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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.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))}`;
 
 class SpwCardTitle {
     constructor(hostRef) {
@@ -6373,6 +6397,7 @@ class SpwCustomSelect {
         }
         this.updateSelectedOption();
     }
+    /** Réinitialise le champ de sélection */
     async resetSelect() {
         if (this.multiple) {
             this.internalValue = [];
@@ -6388,6 +6413,24 @@ class SpwCustomSelect {
         this.valueChanged.emit(this.internalValue);
         this.updateSelectedOption();
     }
+    /** Définit la valeur du champ de sélection */
+    async setValue(val) {
+        if (this.multiple) {
+            this.internalValue = Array.isArray(val) ? val : [val];
+            this.value = this.internalValue;
+        }
+        else {
+            this.internalValue = val;
+            this.value = val;
+        }
+        this.internals.setFormValue(this.getFormValue());
+        this.valueChanged.emit(this.internalValue);
+        this.updateSelectedOption();
+    }
+    /** Récupère la valeur actuelle du champ de sélection */
+    async getValue() {
+        return this.internalValue;
+    }
     formResetCallback() {
         this.resetSelect();
     }
@@ -6671,18 +6714,18 @@ class SpwCustomSelect {
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (hAsync("div", { key: 'b14db7d2386d766368355779964b2aaf1d12883a', class: this.elementClass, ref: el => (this.host = el) }, this.label && hAsync("spw-field-label", { key: '23cc951518387d87fb2aac75fcb11d4e386c3a8a', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: '5e775c2e0d4f088aeac5936b60fae0d2a53984d5', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: '09ee394fa2c01bc88fa1d425e21b5873615758b1', class: "spw-custom-select__wrapper" }, hAsync("div", { key: 'bcfbcc4cbc27591eac8e865af022a60318d42094', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: 'a66d964cc6958f878054c80db72f5a8fec38cc53', class: "spw-custom-select__selected" }, this.isSearchVisible() && (hAsync("div", { key: '6c6db72cbd2bfba15d144be535449336196555be', class: "spw-custom-select__search" }, hAsync("input", { key: '369521168c90323039c48a41689bd9fb71147ea1', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && hAsync("span", { key: '4840d3a851c1c3c2037f87ef2fd7f7d76d17345d' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (hAsync("div", { key: '83356082df969a094eeb6bd9688301585448b2d5', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (hAsync("div", { key: '5f7702579283fa011eba5c445de1fe29283a0239', class: this.elementClass, ref: el => (this.host = el) }, this.label && hAsync("spw-field-label", { key: '451743b7254038fe4257378ac4f7c2206a47c60d', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: '817a94b7d7d2a1abd93986f3e03d0f769a6567d0', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: 'cf9e2cd0bcaf1a5bd9143fdf54046a241bd1a527', class: "spw-custom-select__wrapper" }, hAsync("div", { key: '21a8fb2e0bb3dba93c582735db2072b150b157e4', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '7acaa25439202ea6f30dd3542a757005534b2804', class: "spw-custom-select__selected" }, this.isSearchVisible() && (hAsync("div", { key: 'e97c879fa5c70402ba331785f73747262e8854e1', class: "spw-custom-select__search" }, hAsync("input", { key: '7047f755e5a4aaacf66a78ce80e1ad3520be1b85', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && hAsync("span", { key: '772afa04f989241e8e96c0ed25d444b66f72b282' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (hAsync("div", { key: '5d101958ee7f28ba19938a9dfbd137067d0c5a45', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (hAsync("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, hAsync("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && hAsync("span", { key: 'd3e7903216c507e2fc9fc94bec814a37576b4cc6' }, this.getSelectedLabels()))), hAsync("div", { key: '654ca8a8a8b8f57ea7bf9e0488cf1530a03dd646', class: "spw-custom-select__arrow" }, hAsync("spw-icon", { key: 'c051c6bb9f71ef36e80edda3dd7c9aff4abb8831', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (hAsync("div", { key: 'ad29aae6e9a08f2e1f56bb570da6fa8cfd3c4ab7', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (hAsync("ul", { key: '33154a536873077036837e0807cc2cf178df3b3c' }, filteredOptions.map((option, index) => (hAsync("li", { class: {
+        }))), !this.multiple && hAsync("span", { key: 'd6e00ae63c72be4e2bd86c4a46f3966cb7681592' }, this.getSelectedLabels()))), hAsync("div", { key: '2dbf6b83c3c479e6251291ce13f77f43e1525841', class: "spw-custom-select__arrow" }, hAsync("spw-icon", { key: '42e9d62768469dd064ccfca75dcfb45b0e6caf7b', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (hAsync("div", { key: '9b53310eda74ea2ee34888a64f43ca5cfb48bca1', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (hAsync("ul", { key: 'f30eb6a1d7839f241b9905ee3591ab9eed32e7df' }, filteredOptions.map((option, index) => (hAsync("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (hAsync("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && hAsync("p", { key: 'd715b43bee14b967de36fd7798540c82501ee9ff', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (hAsync("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && hAsync("p", { key: '2b8efa73852cff382f97fa73e0f4bf0080b8dee9', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -6727,7 +6770,9 @@ class SpwCustomSelect {
             "searchText": [32],
             "dropdownDirection": [32],
             "hasSelectedValue": [32],
-            "resetSelect": [64]
+            "resetSelect": [64],
+            "setValue": [64],
+            "getValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -7931,8 +7976,10 @@ class SpwFileUpload {
         this.enableDropZone = false;
         /** Permet de téléverser plusieurs fichiers si vrai */
         this.multiple = false;
-        /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */
+        /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME ou extensions (whitelist) */
         this.accept = '';
+        /** Types de fichiers refusés, spécifiés sous forme de chaîne de types MIME ou extensions (blacklist) */
+        this.refuse = '';
         /** Taille maximale autorisée pour chaque fichier, en Mo */
         this.maxFileSize = 100;
         /** Nombre maximal de fichiers pouvant être téléversés */
@@ -7946,6 +7993,9 @@ class SpwFileUpload {
     componentWillLoad() {
         this.internalValue = this.value;
         this.maxFileSize = this.maxFileSize * 1024 * 1024;
+        if (this.accept && this.refuse) {
+            console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.');
+        }
     }
     componentWillUpdate() {
         if (this.value !== this.internalValue) {
@@ -8003,10 +8053,20 @@ class SpwFileUpload {
         this.updateFormValue();
     }
     isFileAccepted(file) {
-        if (!this.accept)
-            return true;
-        const acceptedTypes = this.accept.split(',').map(type => type.trim());
-        return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));
+        if (this.accept && this.refuse) {
+            const acceptedTypes = this.accept.split(',').map(type => type.trim());
+            return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));
+        }
+        if (this.accept) {
+            const acceptedTypes = this.accept.split(',').map(type => type.trim());
+            return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));
+        }
+        if (this.refuse) {
+            const refusedTypes = this.refuse.split(',').map(type => type.trim());
+            const isRefused = refusedTypes.includes(file.type) || refusedTypes.some(type => file.name.endsWith(type));
+            return !isRefused;
+        }
+        return true;
     }
     isFileSizeValid(file) {
         return file.size <= this.maxFileSize;
@@ -8079,7 +8139,6 @@ class SpwFileUpload {
     }
     get hintsMessages() {
         const maxSizeInMB = this.maxFileSize / (1024 * 1024);
-        const acceptedFormats = this.accept ? this.accept : 'tous les formats';
         const messages = [];
         let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;
         if (this.multiple && this.maxFiles !== Infinity) {
@@ -8090,16 +8149,27 @@ class SpwFileUpload {
             message += '.';
         }
         messages.push(message);
-        messages.push(`Formats autorisés : ${acceptedFormats}.`);
+        if (this.accept && this.refuse) {
+            messages.push(`Formats autorisés : ${this.accept}.`);
+        }
+        else if (this.accept) {
+            messages.push(`Formats autorisés : ${this.accept}.`);
+        }
+        else if (this.refuse) {
+            messages.push(`Formats refusés : ${this.refuse}.`);
+        }
+        else {
+            messages.push(`Formats autorisés : tous les formats.`);
+        }
         return messages;
     }
     render() {
         const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';
         const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';
-        return (hAsync("div", { key: '196c01c219629f7e3c0b916f3961ac26c4b6ff62', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, hAsync("input", { key: 'bef05fd986b41b0e113952726eec82aa09c18488', 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 ? (hAsync("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", hAsync("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (hAsync("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), hAsync("div", { key: 'f0247eae6e516ccf4e5d18e67274056427fe22b3', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (hAsync("ul", { key: '6616bb81473149b200e199f3db8a2e29b940dfec' }, this.hintsMessages.map((message, index) => (hAsync("li", { key: index }, message)))))), hAsync("div", { key: '1680d3f03ec73d312bf028069f44c7c8dd614bd3', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (hAsync("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index) => (hAsync("li", { key: index }, hAsync("span", { class: "spw-file-upload__info-list-name" }, file.name), hAsync("div", { class: "spw-file-upload__info-list-actions" }, hAsync("span", { class: "spw-file-upload__spacing" }, formatFileSize(file.size)), hAsync("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (hAsync("div", { key: '501bc95288cc670462c4545d44db80758195ddda', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, hAsync("input", { key: '6bf6586de3919a1f913ad7b371d83d322f6385a3', 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 ? (hAsync("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", hAsync("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (hAsync("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), hAsync("div", { key: '082e5f3f10f27b6435dcf47b5688d03b42d034f5', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (hAsync("ul", { key: '62495fffa5ee797c7787535af7c349e18a3076b5' }, this.hintsMessages.map((message, index) => (hAsync("li", { key: index }, message)))))), hAsync("div", { key: 'd21de5e0f796829746ae8d3dc981e3150219f72e', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (hAsync("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index) => (hAsync("li", { key: index }, hAsync("span", { class: "spw-file-upload__info-list-name" }, file.name), hAsync("div", { class: "spw-file-upload__info-list-actions" }, hAsync("span", { class: "spw-file-upload__spacing" }, formatFileSize(file.size)), hAsync("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index);
-            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (hAsync("ul", { key: '07abd61c8d4fe0644b6ef4699828f718f3df74c7', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (hAsync("ul", { key: '63ad9f2f1894abe7e512d08bebc453001343200a', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
+            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (hAsync("ul", { key: '7b4415ba4316aec17e08d91a6057505877686c2e', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (hAsync("ul", { key: '0372034644a7a3158dc32933f8e431e487543d9a', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index) => (hAsync("li", { key: index }, hAsync("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -8115,6 +8185,7 @@ class SpwFileUpload {
             "enableDropZone": [4, "enable-drop-zone"],
             "multiple": [4],
             "accept": [1],
+            "refuse": [1],
             "maxFileSize": [2, "max-file-size"],
             "maxFiles": [2, "max-files"],
             "internalValue": [32],
@@ -15202,10 +15273,13 @@ class SpwMosaic {
             const slot = this.el.shadowRoot.querySelector('slot');
             const masonryItems = slot.assignedElements({ flatten: true });
             if (masonryItems.length > 0) {
+                // Trouver un item sans colSpan pour calculer la largeur de base d'une colonne
+                const baseItem = Array.from(masonryItems).find(item => !item.hasAttribute('col-span-desktop') && !item.hasAttribute('col-span-tablet') && !item.hasAttribute('col-span-mobile')) || masonryItems[0];
                 this.masonry = new Masonry(this.el, {
                     itemSelector: 'spw-mosaic-item',
-                    columnWidth: 'spw-mosaic-item',
+                    columnWidth: baseItem,
                     percentPosition: true,
+                    gutter: 0,
                 });
                 this.initialized = true;
                 masonryItems.forEach(item => {
@@ -15248,7 +15322,7 @@ class SpwMosaic {
         };
     }
     render() {
-        return (hAsync(Host, { key: '315dbce69f6894a93dfea27c215ed6d74c43beb2' }, hAsync("div", { key: '7383f3c38c7d90c3995c621824d28d5d8c46d37c', class: this.elementClass }, hAsync("slot", { key: '2120301d6e1b24331a49c265c08e0f8f0aefb34c' }))));
+        return (hAsync(Host, { key: 'f61eb75efa6cc8fe663e50f45568c5cb7dd8f2f3' }, hAsync("div", { key: '1094aebb0e127ce6fa37c9884216cf0fa20ad781', class: this.elementClass }, hAsync("slot", { key: '0788e769762d7d137fe4df586b6add1da6e723f8' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15293,28 +15367,73 @@ const spwMosaicItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:10
 class SpwMosaicItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.parentColsMobile = 1;
+        this.parentColsTablet = 2;
+        this.parentColsDesktop = 3;
     }
     componentDidLoad() {
-        this.el.closest('spw-mosaic').addEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
+        var _a;
+        (_a = this.el.closest('spw-mosaic')) === null || _a === void 0 ? void 0 : _a.addEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
+        this.applyColSpans();
     }
     disconnectedCallback() {
-        this.el.closest('spw-mosaic').removeEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
+        var _a;
+        (_a = this.el.closest('spw-mosaic')) === null || _a === void 0 ? void 0 : _a.removeEventListener('mosaicConfigurationChanged', this.handleConfigurationChange.bind(this));
+    }
+    colSpanChanged() {
+        this.applyColSpans();
     }
     handleConfigurationChange(event) {
         const { colsMobile, colsTablet, colsDesktop } = event.detail;
-        this.el.style.setProperty('--spw-mosaic-item-width-mobile', `calc(100% / ${colsMobile})`);
-        this.el.style.setProperty('--spw-mosaic-item-width-tablet', `calc(100% / ${colsTablet})`);
-        this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${colsDesktop})`);
+        this.parentColsMobile = colsMobile;
+        this.parentColsTablet = colsTablet;
+        this.parentColsDesktop = colsDesktop;
+        this.applyColSpans();
+    }
+    applyColSpans() {
+        if (this.colSpanMobile) {
+            this.el.style.setProperty('--spw-mosaic-item-width-mobile', `calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`);
+        }
+        else {
+            this.el.style.setProperty('--spw-mosaic-item-width-mobile', `calc(100% / ${this.parentColsMobile})`);
+        }
+        if (this.colSpanTablet) {
+            this.el.style.setProperty('--spw-mosaic-item-width-tablet', `calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`);
+        }
+        else {
+            this.el.style.setProperty('--spw-mosaic-item-width-tablet', `calc(100% / ${this.parentColsTablet})`);
+        }
+        if (this.colSpanDesktop) {
+            this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`);
+        }
+        else {
+            this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${this.parentColsDesktop})`);
+        }
     }
     render() {
-        return (hAsync(Host, { key: '9d7ac5809bee8a8ecf58bdee19a341eaffd217ef' }, hAsync("slot", { key: '9adf812c99dc0ffcd918327672027395fc3db797' })));
+        return (hAsync(Host, { key: 'c63e3ce803e887c548341162f7a890bfd1a315c4' }, hAsync("slot", { key: 'b57cee581ed137ca253db8790b40a8e2ba28a201' })));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "colSpanMobile": [{
+                "colSpanChanged": 0
+            }],
+        "colSpanTablet": [{
+                "colSpanChanged": 0
+            }],
+        "colSpanDesktop": [{
+                "colSpanChanged": 0
+            }]
+    }; }
     static get style() { return spwMosaicItemCss(); }
     static get cmpMeta() { return {
         "$flags$": 265,
         "$tagName$": "spw-mosaic-item",
-        "$members$": undefined,
+        "$members$": {
+            "colSpanMobile": [2, "col-span-mobile"],
+            "colSpanTablet": [2, "col-span-tablet"],
+            "colSpanDesktop": [2, "col-span-desktop"]
+        },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
@@ -15956,6 +16075,7 @@ class SpwSelect {
             this.syncDynamicOptions();
         }
     }
+    /** Réinitialise le champ de sélection */
     async resetSelect() {
         this.internalValue = '';
         this.value = '';
@@ -15965,6 +16085,20 @@ class SpwSelect {
         this.internals.setFormValue('');
         this.valueChanged.emit('');
     }
+    /** Définit la valeur du champ de sélection */
+    async setValue(val) {
+        this.internalValue = val;
+        this.value = val;
+        if (this.selectElement) {
+            this.selectElement.value = String(val);
+        }
+        this.internals.setFormValue(this.getFormValue());
+        this.valueChanged.emit(this.internalValue);
+    }
+    /** Récupère la valeur actuelle du champ de sélection */
+    async getValue() {
+        return this.internalValue;
+    }
     componentWillLoad() {
         var _a;
         this.defaultValue = (_a = this.value) !== null && _a !== void 0 ? _a : this.getInitialSelectedValue();
@@ -15984,15 +16118,6 @@ class SpwSelect {
         this.setValue((_a = this.defaultValue) !== null && _a !== void 0 ? _a : '');
         this.resetSelect();
     }
-    setValue(val) {
-        this.internalValue = val;
-        this.value = val;
-        if (this.selectElement) {
-            this.selectElement.value = String(val);
-        }
-        this.internals.setFormValue(this.getFormValue());
-        this.valueChanged.emit(this.internalValue);
-    }
     getFormValue() {
         return this.internalValue ? String(this.internalValue) : null;
     }
@@ -16075,7 +16200,7 @@ class SpwSelect {
         };
     }
     render() {
-        return (hAsync(Host, { key: '03a8d7f699a02091c1769f6ea6d01bc6adfc1a5d' }, hAsync("div", { key: 'e4e8df7f871ce76fdb8f19ea1b10006a5ae50ec0', class: this.elementClass }, this.label && hAsync("spw-field-label", { key: 'e73bd6387bd7c647a11684300790f763bd1fea6e', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: 'df5f4b589ae18374bf50802d4ed8dc923d06c34c', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: '3f1ee0d1e1e84919b387c14a1833ffe7f2058823', class: "spw-select__container" }, hAsync("select", { key: 'e8a04cd43db7c56e23acd133a682c4f973194c41', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, hAsync("option", { key: 'bae3d205bc526e60ac00fb492770b2614049b4cf', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), hAsync("spw-icon", { key: '035d35a7db87d124d3102ff34c694a69bbccf0b3', class: "spw-select__arrow", icon: "fa-chevron-down" })), !this.items && hAsync("slot", { key: '7efab927c453d175faf60d83eb120ee487427796' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (hAsync(Host, { key: 'c623e21b2b6e04d3a1f8b85dfc702cf3a2fb4c1e' }, hAsync("div", { key: 'cc80bd65c5a6bd0612dc79c7a47fa8b15860211e', class: this.elementClass }, this.label && hAsync("spw-field-label", { key: '98724278781185bc0060948baa65d79d9a263455', label: this.label, name: this.name, required: this.required }), this.assistiveText && (hAsync("spw-field-message", { key: '9361a3d523b9ad611cb25ec10d3cab9664ce16f3', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), hAsync("div", { key: 'b62735322558094dde5e4ee8efa8f6a2cd8f075e', class: "spw-select__container" }, hAsync("select", { key: 'df5714c4a8ad2e469605f9ed000a8df325846304', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, hAsync("option", { key: 'd74dbffc296ed6c9c5861fe7de2a7e4d4704461e', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), hAsync("spw-icon", { key: '95147be8fa99af30865d61b65b2e5814482281b7', class: "spw-select__arrow", icon: "fa-chevron-down" })), !this.items && hAsync("slot", { key: '68c022ef52e5df4b2fa5c5b9d443ac2005b25e4c' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -16110,7 +16235,9 @@ class SpwSelect {
             "itemValue": [1, "item-value"],
             "accAriaLabel": [1, "acc-aria-label"],
             "internalValue": [32],
-            "resetSelect": [64]
+            "resetSelect": [64],
+            "setValue": [64],
+            "getValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -18856,7 +18983,7 @@ class SpwThemeProvider {
     }; }
 }
 
-const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
+const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
 
 class SpwTile {
     constructor(hostRef) {