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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DFv_X5OO.js');
+var index = require('./index-BDhk9IqL.js');
 
 const spwWizardItemCss = () => `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:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-wizard-item{display:flex;flex-direction:column;align-items:center;width:100%;cursor:not-allowed}.spw-wizard-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-wizard-item--clickable{cursor:pointer}.spw-wizard-item--clickable .spw-wizard-item__icon:hover{transform:scale(1.05)}.spw-wizard-item--current{cursor:default}.spw-wizard-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-wizard-item__step spw-icon{font-size:16px}.spw-wizard-item--vertical .spw-wizard-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-wizard-item__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative}.spw-wizard-item__icon svg{width:24px;height:24px}.spw-wizard-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease}.spw-wizard-item--vertical .spw-wizard-item__connector{top:0;left:14px;right:auto;width:3px;height:100%}.spw-wizard-item__label{display:none;margin-top:12px;font-size:16px;font-weight:700;text-align:center;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}@media (min-width: 768px){.spw-wizard-item__label{display:block}}.spw-wizard-item--vertical .spw-wizard-item__label{text-align:left}.spw-wizard-item__description{display:none;margin-top:4px;font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px}@media (min-width: 768px){.spw-wizard-item__description{display:block}}.spw-wizard-item--vertical .spw-wizard-item__description{text-align:left}.spw-wizard-item__additional-info{display:none;margin-top:4px;font-size:12px;text-align:center;font-weight:700;color:var(--spw-ds-primary);padding:0 8px}@media (min-width: 768px){.spw-wizard-item__additional-info{display:block}}.spw-wizard-item--vertical .spw-wizard-item__additional-info{text-align:left}.spw-wizard-item--vertical .spw-wizard-item__content{margin-top:-6px;margin-bottom:8px}.spw-wizard-item--inactive .spw-wizard-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}.spw-wizard-item--inactive .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--active .spw-wizard-item__icon{border-color:#16a34a;background-color:white;color:#16a34a}.spw-wizard-item--active .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--completed .spw-wizard-item__icon{border-color:#16a34a;background-color:white;color:#16a34a}.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db !important}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db !important}.spw-wizard-item--before-current.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#16a34a !important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__icon{border-color:#f97316 !important;background-color:white !important;color:#f97316 !important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#f97316 !important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__icon{border-color:#dc2626 !important;background-color:white !important;color:#dc2626 !important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#dc2626 !important}.spw-wizard-item--current.spw-wizard-item--completed .spw-wizard-item__icon{border-color:#16a34a !important;background-color:#16a34a !important;color:white !important}.spw-wizard-item--current.spw-wizard-item--active .spw-wizard-item__icon{border-color:#16a34a !important;background-color:#16a34a !important;color:white !important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__icon{border-color:#f97316 !important;background-color:#f97316 !important;color:white !important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#d1d5db !important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__icon{border-color:#dc2626 !important;background-color:#dc2626 !important;color:white !important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#d1d5db !important}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DFv_X5OO.js');
+var index = require('./index-BDhk9IqL.js');
 
 const spwWizardCss = () => `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-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}`;
 

package/dist/collection/collection-manifest.json

@@ -96,7 +96,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.3",
+    "version": "4.42.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css

@@ -378,6 +378,7 @@ template {
 :host(.--video) {
   min-width: 100%;
   width: 100%;
+  margin-top: auto;
 }
 
 .spw-card-content {
@@ -411,14 +412,40 @@ template {
   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;
-  height: 100%;
   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;
@@ -448,7 +475,7 @@ template {
   padding: 0;
   margin-bottom: 8px;
 }
-:host(.--video) .spw-card-content__tag {
+:host(.--video) .spw-card-content__tag, :host(.--highlighted) .spw-card-content__tag {
   width: auto;
   align-self: flex-start;
   display: inline-block;
@@ -460,12 +487,19 @@ template {
   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;

package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css

@@ -403,6 +403,9 @@ template {
   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;
 }

package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css

@@ -375,6 +375,19 @@ template {
   }
 }
 
+: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;
@@ -395,7 +408,7 @@ template {
 :host(.--vertical) .spw-card-image, :host(.--event) .spw-card-image {
   border-radius: 5px 0 0 5px;
 }
-:host(.--people) .spw-card-image {
+:host(.--highlighted) .spw-card-image, :host(.--people) .spw-card-image {
   border-radius: 5px;
 }
 :host(.--video) .spw-card-image, :host(.--sidebar) .spw-card-image {
@@ -409,7 +422,17 @@ template {
   transform-origin: center center;
 }
 .spw-card-image--ratio {
-  aspect-ratio: var(--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 {
@@ -428,7 +451,7 @@ template {
   left: 0;
   width: 100%;
   height: 100%;
-  background: var(--spw-ds-primary);
+  background: black;
   opacity: 0.4;
 }
 .spw-card-image__icon {
@@ -525,6 +548,13 @@ template {
   object-position: center;
 }
 
+:host(.--highlighted) {
+  position: relative;
+}
+:host(.--highlighted):after {
+  opacity: 0;
+}
+
 :host(.--video) {
   width: 100%;
   height: 100%;
@@ -534,16 +564,7 @@ template {
   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%;
+  opacity: 0;
 }
 :host(.--video) .spw-card-image {
   height: 100%;
@@ -559,5 +580,5 @@ template {
 }
 
 :host(.--video.--hovered):after {
-  opacity: 0.6;
+  opacity: 0.2;
 }

package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js

@@ -18,15 +18,33 @@ export 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 (h("div", { key: 'cb691336030eaee506f7f5461e4ad4227cf6ee20', class: this.elementClass, style: style }, this.label && h("span", { key: '237f198be8e6649b755069c9a7c028e24bc3d5dc', class: "spw-card-image__label" }, this.label), h("slot", { key: '6e61440a051911ff77cd5101f3ddce679c390a50' }), h("div", { key: '6d3258be72cb36b06050b50b1e28f9e38f1dbfa7', class: "spw-card-image__icon" }, h("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 (h("div", { key: '9eccd1cf76ae67c9d55fc09b06729199cef04d30', class: this.elementClass, style: style }, this.label && h("span", { key: '03a6afd8b38bc2a4069adc1be87eebc081ebc526', class: "spw-card-image__label" }, this.label), h("slot", { key: '65cbfd02d2497cce0173fd38ebbb0da82b0a4df6' }), h("div", { key: 'c96e34df588007c2ae4782118f4de76b4973e9d2', class: "spw-card-image__icon" }, h("spw-icon", { key: '3b6c4a3f20e248c2f74f1549f4341bd99376f368', icon: "fa-plus" }))));
     }
     static get is() { return "spw-card-image"; }
     static get encapsulation() { return "shadow"; }
@@ -73,12 +91,69 @@ export class SpwCardImage {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Ratio d'aspect de l'image (ex: \"16/9\", \"4/3\", \"1/1\")"
+                    "text": "Ratio d'aspect de l'image pour tous les breakpoints (ex: \"16/9\", \"4/3\", \"1/1\")"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "ratio"
+            },
+            "ratioMobile": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Ratio d'aspect de l'image en vue mobile"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ratio-mobile"
+            },
+            "ratioTablet": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Ratio d'aspect de l'image en vue tablette"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ratio-tablet"
+            },
+            "ratioDesktop": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Ratio d'aspect de l'image en vue desktop"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ratio-desktop"
             }
         };
     }

package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.css

@@ -390,6 +390,9 @@ template {
 :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;

package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.css

@@ -383,6 +383,9 @@ template {
   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: ",";

package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js

@@ -13,6 +13,9 @@ export 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');
+                }
             });
         });
     }
@@ -23,7 +26,7 @@ export class SpwCardSubtags {
         };
     }
     render() {
-        return (h(Host, { key: 'f649df17747c0b15e378dc8ed9c8bffd387efc6c' }, h("div", { key: 'e7fb23264fd9dac808b653faeb293d8f27a56c2d', class: this.elementClass }, h("slot", { key: '06c3b96dd8644e797381ffc39ab987080a46bc21' }))));
+        return (h(Host, { key: 'f77ffa5b4f5fe8a47ede2bc8aad7774805e6b92b' }, h("div", { key: 'b2271dfdb69baf4902ac7725e7276bfa4c48341d', class: this.elementClass }, h("slot", { key: 'e372a3a027c94ec0e62cf59e144d9128ef1eedfb' }))));
     }
     static get is() { return "spw-card-subtags"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css

@@ -382,12 +382,20 @@ template {
   transition: all 0.3s ease;
   color: var(--spw-color-themes-grey-grey-900);
 }
-:host(.--hovered:not(.--video):not(.--people)) .spw-card-title {
+:host(.--hovered:not(.--video):not(.--people):not(.--highlighted)) .spw-card-title {
   color: var(--spw-ds-primary);
 }
-:host(.--video) .spw-card-title {
+: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;

package/dist/collection/components/spw-card/spw-card.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class SpwCard {
     constructor() {
         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 */
@@ -120,7 +120,7 @@ export class SpwCard {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: '6f0453f5b68c3176fa647d9de45dab2c8d2be7d9', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'fb8205ab094afa114abbe2557bc8e9e710f57c67', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'e6bd5924585802d0f819ba418df6cbee036343f6' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: 'fa5dda6da669c408e60a8604ed6cfa84b16cf6cf', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '901b9d0c0ca88b0d625d2c068da8fed27c904b0f', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '801115c5ab07fddcbd0a08d6ad240292ae8c085b' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'edb7b8815ca7d7ccf775381c9de70258857df7c7' })))));
+        return (h(Host, { key: 'dd696a972dce8b2dd24bf4a32a91c48d647c8847', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '3bedcc715c5ce3999bdd683aec295cf4a5f78afd', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'a562384022c312afe368de3b28d1746a3b0f5398' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '1f91f1d6a773c48ff00fb71b0867eafa7b25a53e', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'bdce357cf092475ee1792950a686d02601d634bf', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '8bae3ef221cf1edc713e89d23db08dda41bf22d8' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '89d675393747eadf75c55396cba1513566c9eace' })))));
     }
     static get is() { return "spw-card"; }
     static get encapsulation() { return "shadow"; }
@@ -140,8 +140,8 @@ export class SpwCard {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people'",
-                    "resolved": "\"event\" | \"news\" | \"people\" | \"sidebar\" | \"vertical\" | \"video\"",
+                    "original": "'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people'",
+                    "resolved": "\"event\" | \"highlighted\" | \"news\" | \"people\" | \"sidebar\" | \"vertical\" | \"video\"",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/spw-custom-select/spw-custom-select.js

@@ -86,6 +86,7 @@ export class SpwCustomSelect {
         }
         this.updateSelectedOption();
     }
+    /** Réinitialise le champ de sélection */
     async resetSelect() {
         if (this.multiple) {
             this.internalValue = [];
@@ -101,6 +102,24 @@ export 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();
     }
@@ -384,18 +403,18 @@ export class SpwCustomSelect {
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (h("div", { key: 'b14db7d2386d766368355779964b2aaf1d12883a', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '23cc951518387d87fb2aac75fcb11d4e386c3a8a', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '5e775c2e0d4f088aeac5936b60fae0d2a53984d5', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '09ee394fa2c01bc88fa1d425e21b5873615758b1', class: "spw-custom-select__wrapper" }, h("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 }, h("div", { key: 'a66d964cc6958f878054c80db72f5a8fec38cc53', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: '6c6db72cbd2bfba15d144be535449336196555be', class: "spw-custom-select__search" }, h("input", { key: '369521168c90323039c48a41689bd9fb71147ea1', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: '4840d3a851c1c3c2037f87ef2fd7f7d76d17345d' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: '83356082df969a094eeb6bd9688301585448b2d5', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (h("div", { key: '5f7702579283fa011eba5c445de1fe29283a0239', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '451743b7254038fe4257378ac4f7c2206a47c60d', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '817a94b7d7d2a1abd93986f3e03d0f769a6567d0', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'cf9e2cd0bcaf1a5bd9143fdf54046a241bd1a527', class: "spw-custom-select__wrapper" }, h("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 }, h("div", { key: '7acaa25439202ea6f30dd3542a757005534b2804', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: 'e97c879fa5c70402ba331785f73747262e8854e1', class: "spw-custom-select__search" }, h("input", { key: '7047f755e5a4aaacf66a78ce80e1ad3520be1b85', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: '772afa04f989241e8e96c0ed25d444b66f72b282' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: '5d101958ee7f28ba19938a9dfbd137067d0c5a45', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && h("span", { key: 'd3e7903216c507e2fc9fc94bec814a37576b4cc6' }, this.getSelectedLabels()))), h("div", { key: '654ca8a8a8b8f57ea7bf9e0488cf1530a03dd646', class: "spw-custom-select__arrow" }, h("spw-icon", { key: 'c051c6bb9f71ef36e80edda3dd7c9aff4abb8831', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: 'ad29aae6e9a08f2e1f56bb570da6fa8cfd3c4ab7', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '33154a536873077036837e0807cc2cf178df3b3c' }, filteredOptions.map((option, index) => (h("li", { class: {
+        }))), !this.multiple && h("span", { key: 'd6e00ae63c72be4e2bd86c4a46f3966cb7681592' }, this.getSelectedLabels()))), h("div", { key: '2dbf6b83c3c479e6251291ce13f77f43e1525841', class: "spw-custom-select__arrow" }, h("spw-icon", { key: '42e9d62768469dd064ccfca75dcfb45b0e6caf7b', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '9b53310eda74ea2ee34888a64f43ca5cfb48bca1', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: 'f30eb6a1d7839f241b9905ee3591ab9eed32e7df' }, filteredOptions.map((option, index) => (h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("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 && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("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 is() { return "spw-custom-select"; }
     static get encapsulation() { return "shadow"; }
@@ -834,7 +853,45 @@ export class SpwCustomSelect {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "R\u00E9initialise le champ de s\u00E9lection",
+                    "tags": []
+                }
+            },
+            "setValue": {
+                "complexType": {
+                    "signature": "(val: (string | number)[] | string | number) => Promise<void>",
+                    "parameters": [{
+                            "name": "val",
+                            "type": "string | number | (string | number)[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "D\u00E9finit la valeur du champ de s\u00E9lection",
+                    "tags": []
+                }
+            },
+            "getValue": {
+                "complexType": {
+                    "signature": "() => Promise<(string | number)[] | string | number>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string | number | (string | number)[]>"
+                },
+                "docs": {
+                    "text": "R\u00E9cup\u00E8re la valeur actuelle du champ de s\u00E9lection",
                     "tags": []
                 }
             }