@spw-ds/spw-stencil-library 0.0.1

package/dist/components/spw-card-excerpt.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardExcerpt extends Components.SpwCardExcerpt, HTMLElement {}
+export const SpwCardExcerpt: {
+    prototype: SpwCardExcerpt;
+    new (): SpwCardExcerpt;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,47 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwCardExcerptCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.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 SpwCardExcerptStyle0 = spwCardExcerptCss;
+
+const SpwCardExcerpt$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardExcerpt extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.lineClamp = 3;
+    }
+    get elementClass() {
+        const hasLineClamp = this.lineClamp !== 'none';
+        return {
+            'spw-card-excerpt': true,
+            'spw-card-excerpt--has-clamp': hasLineClamp,
+            [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,
+        };
+    }
+    render() {
+        return (h("div", { key: 'fc190496fb20f590eb34ca4e024655dbcfb70d3c', class: this.elementClass }, h("slot", { key: '9990e49bb5e0a1f480eb4ac7216a9cc45ff92f1f' })));
+    }
+    static get style() { return SpwCardExcerptStyle0; }
+}, [1, "spw-card-excerpt", {
+        "lineClamp": [8, "line-clamp"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-excerpt"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-excerpt":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardExcerpt$1);
+            }
+            break;
+    } });
+}
+
+const SpwCardExcerpt = SpwCardExcerpt$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardExcerpt, defineCustomElement };
+
+//# sourceMappingURL=spw-card-excerpt.js.map

package/dist/components/spw-card-excerpt.js.map

@@ -0,0 +1 @@
+{"file":"spw-card-excerpt.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o1GAAo1G,CAAC;AAC/2G,6BAAe,iBAAiB;;MCMnBA,gBAAc;;;;;yBAEY,CAAC;;IAEtC,IAAY,YAAY;QACtB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;QAC/C,OAAO;YACL,kBAAkB,EAAE,IAAI;YACxB,6BAA6B,EAAE,YAAY;YAC3C,CAAC,2BAA2B,IAAI,CAAC,SAAS,EAAE,GAAG,YAAY;SAC5D,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAC3B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardExcerpt"],"sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[".spw-card-excerpt {\n  color: var(--spw-color-themes-grey-grey-600);\n  font-family: 'Nunito Sans';\n  font-size: 16px;\n  line-height: 1.3;\n  margin-top: 12px;\n  &--has-clamp {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      -webkit-line-clamp: $i;\n      line-clamp: $i;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-excerpt',\n  styleUrl: 'spw-card-excerpt.scss',\n  shadow: true,\n})\nexport class SpwCardExcerpt {\n  /** Permet de limiter ou pas le nombre de lignes affichées */\n  @Prop() lineClamp: number | 'none' = 3;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-card-excerpt': true,\n      'spw-card-excerpt--has-clamp': hasLineClamp,\n      [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-card-image.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardImage extends Components.SpwCardImage, HTMLElement {}
+export const SpwCardImage: {
+    prototype: SpwCardImage;
+    new (): SpwCardImage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,64 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+import { d as defineCustomElement$2 } from './p-72ca702e.js';
+
+const spwCardImageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:\"\";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:\"\";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}";
+const SpwCardImageStyle0 = spwCardImageCss;
+
+const SpwCardImage$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardImage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.label = undefined;
+    }
+    componentDidLoad() {
+        const card = this.el.closest('spw-card');
+        if (card) {
+            card.addEventListener('mouseenter', () => this.onCardHover(true));
+            card.addEventListener('mouseleave', () => this.onCardHover(false));
+        }
+    }
+    onCardHover(hovered) {
+        const icon = this.el.shadowRoot.querySelector('.spw-card-image');
+        if (icon) {
+            if (hovered) {
+                icon.classList.add('--is-hovered');
+            }
+            else {
+                icon.classList.remove('--is-hovered');
+            }
+        }
+    }
+    render() {
+        return (h("div", { key: 'f2b47726bf7fec0f403889d292190ec09bb59a3f', class: "spw-card-image" }, this.label && h("span", { key: 'f9d10735ae13a0cb12d12a9a9834d0cd5357f485', class: "spw-card-image__label" }, this.label), h("slot", { key: '98b326fad2d40925e483999554ff4111dee29401' }), h("div", { key: '98d36b28dd287892af0fdaf9f59a714d078fb16b', class: "spw-card-image__icon" }, h("spw-icon", { key: '15db4d0452e7f4a48d0b8112e4aa74d76b80d94a', icon: "fa-plus" }))));
+    }
+    get el() { return this; }
+    static get style() { return SpwCardImageStyle0; }
+}, [1, "spw-card-image", {
+        "label": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-image", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-image":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardImage$1);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwCardImage = SpwCardImage$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardImage, defineCustomElement };
+
+//# sourceMappingURL=spw-card-image.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-card-image.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,0vKAA0vK,CAAC;AACnxK,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;;IAKvB,gBAAgB;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACzC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;SACpE;KACF;IAEO,WAAW,CAAC,OAAO;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACjE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;aACpC;iBAAM;gBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;aACvC;SACF;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACtE,8DAAa,EACb,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,iEAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardImage"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  display: block;\n  width: 100%;\n  line-height: 1;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n\n  :host(.--vertical) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-card-subtag-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardSubtagItem extends Components.SpwCardSubtagItem, HTMLElement {}
+export const SpwCardSubtagItem: {
+    prototype: SpwCardSubtagItem;
+    new (): SpwCardSubtagItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwCardSubtagItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--link) .spw-card-subtag-item{color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--tag) .spw-card-subtag-item{background:var(--spw-color-themes-grey-grey-200);border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;transition:all .2s linear}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}";
+const SpwCardSubtagItemStyle0 = spwCardSubtagItemCss;
+
+const SpwCardSubtagItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtagItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.link = undefined;
+    }
+    handleClick() {
+        if (this.link) {
+            window.location.href = this.link;
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-card-subtag-item': true,
+            'spw-card-subtag-item--has-link': !!this.link,
+        };
+    }
+    render() {
+        return (h(Host, { key: 'ac87f7aeeae9669c3d47ede13edae7d2e9b32b6a' }, h("span", { key: '822ba0cf7ba63aa9834461825c3dcca2a094f1d0', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: 'f479f65a969d28c887340368383787205dfadba1' }))));
+    }
+    static get style() { return SpwCardSubtagItemStyle0; }
+}, [1, "spw-card-subtag-item", {
+        "link": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-subtag-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-subtag-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardSubtagItem$1);
+            }
+            break;
+    } });
+}
+
+const SpwCardSubtagItem = SpwCardSubtagItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardSubtagItem, defineCustomElement };
+
+//# sourceMappingURL=spw-card-subtag-item.js.map

package/dist/components/spw-card-subtag-item.js.map

@@ -0,0 +1 @@
+{"file":"spw-card-subtag-item.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,skGAAskG,CAAC;AACpmG,gCAAe,oBAAoB;;MCMtBA,mBAAiB;;;;;;;IAI5B,WAAW;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SAClC;KACF;IAED,IAAY,YAAY;QACtB,OAAO;YACL,sBAAsB,EAAE,IAAI;YAC5B,gCAAgC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAC9C,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,6DAAM,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAC/D,8DAAa,CACR,CACF,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardSubtagItem"],"sources":["src/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.scss?tag=spw-card-subtag-item&encapsulation=shadow","src/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n.spw-card-subtag-item {\n  :host(.--link) & {\n    font-size: 15px;\n    color: var(--spw-ds-primary);\n    font-weight: 700;\n    &--has-link {\n      text-decoration: underline;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n  :host(.--tag) & {\n    display: inline-block;\n    padding: 8px 12px;\n    border-radius: 9999px;\n    background: var(--spw-color-themes-grey-grey-200);\n    transition: all 0.2s linear;\n    line-height: 1;\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-900);\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-subtag-item',\n  styleUrl: 'spw-card-subtag-item.scss',\n  shadow: true,\n})\nexport class SpwCardSubtagItem {\n  /** Lien qui mène vers la catégorie du sous-tag */\n  @Prop() link?: string;\n\n  handleClick() {\n    if (this.link) {\n      window.location.href = this.link;\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card-subtag-item': true,\n      'spw-card-subtag-item--has-link': !!this.link,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class={this.elementClass} onClick={() => this.handleClick()}>\n          <slot></slot>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-card-subtags.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardSubtags extends Components.SpwCardSubtags, HTMLElement {}
+export const SpwCardSubtags: {
+    prototype: SpwCardSubtags;
+    new (): SpwCardSubtags;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,57 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwCardSubtagsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-subtags{color:var(--spw-ds-primary);margin-bottom:8px}.spw-card-subtags .spw-card-subtag-item:after,.spw-card-subtags spw-card-subtag-item:after{content:\",\";display:inline;margin-right:2px}.spw-card-subtags .spw-card-subtag-item:last-child:after,.spw-card-subtags spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag .spw-card-subtag-item:after,.spw-card-subtags--tag spw-card-subtag-item:after{content:\"\";margin-right:4px}";
+const SpwCardSubtagsStyle0 = spwCardSubtagsCss;
+
+const SpwCardSubtags$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardSubtags extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = 'link';
+    }
+    componentWillLoad() {
+        this.applyVariantToChildren();
+    }
+    applyVariantToChildren() {
+        requestAnimationFrame(() => {
+            const variantClass = `--${this.variant}`;
+            const contentElements = this.el.querySelectorAll('spw-card-subtag-item');
+            contentElements.forEach(element => {
+                element.classList.add(variantClass);
+            });
+        });
+    }
+    get elementClass() {
+        return {
+            'spw-card-subtags': true,
+            [`spw-card-subtags--${this.variant}`]: true,
+        };
+    }
+    render() {
+        return (h(Host, { key: '25ff91a0bbace1def367234700d498e989e01cec' }, h("div", { key: 'f21219f51bc207b900675456fa13b87346c1a26e', class: this.elementClass }, h("slot", { key: '4c78c4090c3f029bb340fb1fa56b42b88df82a5f' }))));
+    }
+    get el() { return this; }
+    static get style() { return SpwCardSubtagsStyle0; }
+}, [4, "spw-card-subtags", {
+        "variant": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-subtags"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-subtags":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardSubtags$1);
+            }
+            break;
+    } });
+}
+
+const SpwCardSubtags = SpwCardSubtags$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardSubtags, defineCustomElement };
+
+//# sourceMappingURL=spw-card-subtags.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-card-subtags.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,i9FAAi9F,CAAC;AAC5+F,6BAAe,iBAAiB;;MCKnBA,gBAAc;;;;uBAIU,MAAM;;IAEzC,iBAAiB;QACf,IAAI,CAAC,sBAAsB,EAAE,CAAC;KAC/B;IAEO,sBAAsB;QAC5B,qBAAqB,CAAC;YACpB,MAAM,YAAY,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACzC,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;YAEzE,eAAe,CAAC,OAAO,CAAC,OAAO;gBAC7B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACrC,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;IAED,IAAY,YAAY;QACtB,OAAO;YACL,kBAAkB,EAAE,IAAI;YACxB,CAAC,qBAAqB,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;SAC5C,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAC3B,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardSubtags"],"sources":["src/components/spw-card/spw-card-subtags/spw-card-subtags.scss?tag=spw-card-subtags","src/components/spw-card/spw-card-subtags/spw-card-subtags.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-card-subtags {\n  // display: flex;\n  margin-bottom: 8px;\n  color: var(--spw-ds-primary);\n  spw-card-subtag-item,\n  .spw-card-subtag-item {\n    &:after {\n      content: ',';\n      margin-right: 2px;\n      display: inline;\n    }\n    &:last-child {\n      &:after {\n        display: none;\n      }\n    }\n  }\n  &--tag {\n    spw-card-subtag-item,\n    .spw-card-subtag-item {\n      &:after {\n        content: '';\n        margin-right: 4px;\n      }\n    }\n  }\n}\n","import { Component, Element, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-subtags',\n  styleUrl: 'spw-card-subtags.scss',\n})\nexport class SpwCardSubtags {\n  @Element() el: HTMLSpwCardSubtagsElement;\n\n  /** Type de variante de tags */\n  @Prop() variant?: 'link' | 'tag' = 'link';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElements = this.el.querySelectorAll('spw-card-subtag-item');\n\n      contentElements.forEach(element => {\n        element.classList.add(variantClass);\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card-subtags': true,\n      [`spw-card-subtags--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-card-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardTitle extends Components.SpwCardTitle, HTMLElement {}
+export const SpwCardTitle: {
+    prototype: SpwCardTitle;
+    new (): SpwCardTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwCardTitleCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{color:var(--spw-color-themes-grey-grey-800);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}";
+const SpwCardTitleStyle0 = spwCardTitleCss;
+
+const SpwCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardTitle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("h3", { key: '4d90fe4a11eaa65cc13da7800e56a41493441c87', class: "spw-card-title" }, h("slot", { key: '16f7bc4ebee5d52e5feb3a9e80775d90780bb2ef' })));
+    }
+    static get style() { return SpwCardTitleStyle0; }
+}, [1, "spw-card-title"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardTitle$1);
+            }
+            break;
+    } });
+}
+
+const SpwCardTitle = SpwCardTitle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardTitle, defineCustomElement };
+
+//# sourceMappingURL=spw-card-title.js.map

package/dist/components/spw-card-title.js.map

@@ -0,0 +1 @@
+{"file":"spw-card-title.js","mappings":";;AAAA,MAAM,eAAe,GAAG,gvFAAgvF,CAAC;AACzwF,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;IACvB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,gBAAgB,IACxB,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardTitle"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-800);\n  :host(.--hovered:not(.--video)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  render() {\n    return (\n      <h3 class=\"spw-card-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCard extends Components.SpwCard, HTMLElement {}
+export const SpwCard: {
+    prototype: SpwCard;
+    new (): SpwCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-card.js

@@ -0,0 +1,136 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwCardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-ds-white);border-radius:5px;box-shadow:var(--spw-effect-elevation-2);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";
+const SpwCardStyle0 = spwCardCss;
+
+const SpwCard$1 = /*@__PURE__*/ proxyCustomElement(class SpwCard extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.hasImage = false;
+        this.variant = 'news';
+        this.elementType = 'a';
+        this.href = undefined;
+        this.target = '_self';
+        this.rel = undefined;
+        this.dateStart = undefined;
+        this.dateEnd = undefined;
+        this.fullHeight = false;
+        this.disabled = false;
+        this.accAriaLabel = undefined;
+    }
+    componentWillLoad() {
+        this.checkForImage();
+        this.applyVariantToChildren();
+    }
+    slotChanged() {
+        this.checkForImage();
+        this.applyVariantToChildren();
+    }
+    onMouseEnter() {
+        this.setImageHovered(true);
+    }
+    onMouseLeave() {
+        this.setImageHovered(false);
+    }
+    checkForImage() {
+        requestAnimationFrame(() => {
+            const imageElement = this.el.querySelector('spw-card-image');
+            const contentElement = this.el.querySelector('spw-card-content');
+            this.hasImage = !!imageElement;
+            if (!this.hasImage) {
+                contentElement.classList.add('--no-image');
+            }
+        });
+    }
+    formatDate(date) {
+        if (!date)
+            return [];
+        const parts = date.split('/');
+        return parts.flatMap((part, index) => (index < parts.length - 1 ? [h("span", null, part), h("span", null, "/")] : [h("span", null, part)]));
+    }
+    applyVariantToChildren() {
+        requestAnimationFrame(() => {
+            const variantClass = `--${this.variant}`;
+            const contentElement = this.el.querySelector('spw-card-content');
+            const imageElement = this.el.querySelector('spw-card-image');
+            const titleElement = this.el.querySelector('spw-card-title');
+            const excerptElement = this.el.querySelector('spw-card-excerpt');
+            const subtagsElement = this.el.querySelector('spw-card-subtags');
+            contentElement && contentElement.classList.add(variantClass);
+            imageElement && imageElement.classList.add(variantClass);
+            titleElement && titleElement.classList.add(variantClass);
+            excerptElement && excerptElement.classList.add(variantClass);
+            subtagsElement && subtagsElement.classList.add(variantClass);
+        });
+    }
+    setImageHovered(isHovered) {
+        const imageElement = this.el.querySelector('spw-card-image');
+        const titleElement = this.el.querySelector('spw-card-title');
+        if (imageElement && this.href) {
+            imageElement.classList.toggle('--hovered', isHovered);
+        }
+        if (titleElement && this.href) {
+            titleElement.classList.toggle('--hovered', isHovered);
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-card': true,
+            'spw-card--hoverable': !!this.href,
+            'spw-card--no-image': !this.hasImage,
+            [`spw-card--${this.variant}`]: true,
+        };
+    }
+    render() {
+        const { href, rel, target, dateStart, dateEnd, variant } = this;
+        const TagType = this.href === undefined ? 'div' : 'a';
+        const attrs = TagType === 'div'
+            ? {}
+            : {
+                href,
+                rel,
+                target,
+            };
+        const ariaAttributes = {
+            'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
+            'aria-disabled': this.disabled ? 'true' : null,
+        };
+        return (h(Host, { key: '8424b7ab11f8aebed97534b11395d4520f482cfd', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'db7ac57dca0eafb4fc239864e71f29f1e67d9385', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'fc7bcca5ee6f9cf085a5049467fa0b1fe57bd823' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: 'e0f81518e3ad01847f7df5b67afd0cba2813e57b', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'c071749a0fdb1f0c8c7316a753e06802b07d88b0', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: 'bb43184c763b2c0cc4a998aad21c4f47c21fc983' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'dc6674799d941df70d963adcaea0901111759c21' })))));
+    }
+    get el() { return this; }
+    static get style() { return SpwCardStyle0; }
+}, [1, "spw-card", {
+        "variant": [1],
+        "elementType": [1, "element-type"],
+        "href": [1],
+        "target": [1],
+        "rel": [1],
+        "dateStart": [1, "date-start"],
+        "dateEnd": [1, "date-end"],
+        "fullHeight": [4, "full-height"],
+        "disabled": [4],
+        "accAriaLabel": [1, "acc-aria-label"],
+        "hasImage": [32]
+    }, [[0, "slotchange", "slotChanged"], [1, "mouseenter", "onMouseEnter"], [1, "mouseleave", "onMouseLeave"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCard$1);
+            }
+            break;
+    } });
+}
+
+const SpwCard = SpwCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCard, defineCustomElement };
+
+//# sourceMappingURL=spw-card.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-card.js","mappings":"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","names":["SpwCard"],"sources":["src/components/spw-card/spw-card.scss?tag=spw-card&encapsulation=shadow","src/components/spw-card/spw-card.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  &[data-modal-trigger] {\n    cursor: pointer;\n  }\n}\n\n:host(.--is-full-height) {\n  height: 100%;\n}\n\n.spw-card {\n  display: block;\n  border-radius: 5px;\n  background: var(--spw-ds-white);\n  box-shadow: var(--spw-effect-elevation-2);\n  transition: all 0.3s ease-in-out;\n\n  :host(.--is-full-height) & {\n    height: 100%;\n  }\n\n  &--hoverable:hover {\n    box-shadow: var(--spw-effect-elevation-4);\n    transform: translateY(-5px);\n  }\n\n  &__dates {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n    flex-direction: column;\n    line-height: 1.1;\n    width: 80px;\n    height: 80px;\n    text-align: center;\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--spw-ds-primary);\n    border-radius: 50%;\n    font-size: 18px;\n    text-decoration: none;\n  }\n  &__date-item {\n    span:first-of-type {\n      font-weight: bold;\n    }\n  }\n}\n\n.spw-card__link {\n  display: block;\n  height: 100%;\n  width: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  .spw-card--no-image & {\n    padding-top: 15px;\n  }\n\n  &:focus-visible {\n    outline: 3px solid var(--spw-ds-focus);\n    outline-offset: 2px;\n    border-radius: 5px;\n  }\n}\n\n.spw-card--vertical,\n.spw-card--video {\n  .spw-card__link {\n    display: flex;\n    min-height: 240px;\n  }\n}\n\n.spw-card--sidebar {\n  box-shadow: none;\n  &:hover {\n    box-shadow: none;\n  }\n  .spw-card__link {\n    display: flex;\n    gap: 16px;\n  }\n}\n\n.spw-card--event {\n  position: relative;\n  width: calc(100% - 40px);\n  left: 40px;\n}\n","import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setImageHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement && contentElement.classList.add(variantClass);\n      imageElement && imageElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(variantClass);\n      excerptElement && excerptElement.classList.add(variantClass);\n      subtagsElement && subtagsElement.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-checkbox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCheckbox extends Components.SpwCheckbox, HTMLElement {}
+export const SpwCheckbox: {
+    prototype: SpwCheckbox;
+    new (): SpwCheckbox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-checkbox.js

@@ -0,0 +1,8 @@
+import { S as SpwCheckbox$1, d as defineCustomElement$1 } from './p-987e354f.js';
+
+const SpwCheckbox = SpwCheckbox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCheckbox, defineCustomElement };
+
+//# sourceMappingURL=spw-checkbox.js.map

package/dist/components/spw-checkbox.js.map

@@ -0,0 +1 @@
+{"file":"spw-checkbox.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-cookies.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCookies extends Components.SpwCookies, HTMLElement {}
+export const SpwCookies: {
+    prototype: SpwCookies;
+    new (): SpwCookies;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;