@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,444 @@
+import { h } from "@stencil/core";
+export class SpwButton {
+    constructor() {
+        this.onFocus = () => {
+            this.spwFocus.emit();
+        };
+        this.onBlur = () => {
+            this.spwBlur.emit();
+        };
+        this.onClick = (ev) => {
+            if (this.disabled) {
+                ev.preventDefault();
+                return;
+            }
+            if (this.type === 'reset') {
+                ev.preventDefault();
+                this.resetFormInputs();
+                return;
+            }
+            if (this.type === 'submit' && !this.disabled) {
+                const form = this.el.closest('form');
+                if (form) {
+                    ev.preventDefault();
+                    form.requestSubmit();
+                    return;
+                }
+            }
+            if (this.href !== undefined) {
+                this.spwNavigate.emit(ev);
+            }
+        };
+        this.href = undefined;
+        this.target = '_self';
+        this.rel = undefined;
+        this.download = undefined;
+        this.name = '';
+        this.value = '';
+        this.type = 'button';
+        this.variant = 'primary';
+        this.surface = 'default';
+        this.disabled = false;
+        this.size = 'medium';
+        this.accAriaLabel = undefined;
+        this.icon = undefined;
+        this.iconPosition = undefined;
+        this.isFullWidth = false;
+        this.isFullWidthMobile = true;
+    }
+    resetFormInputs() {
+        const form = this.el.closest('form');
+        if (!form)
+            return;
+        const spwInputs = form.querySelectorAll('spw-input');
+        spwInputs.forEach(spwInput => {
+            const input = spwInput.shadowRoot.querySelector('input');
+            if (input) {
+                input.value = '';
+            }
+        });
+    }
+    get elementClass() {
+        return {
+            'spw-button': true,
+            [`spw-button--${this.variant}`]: true,
+            [`spw-button--surface-${this.surface}`]: true,
+            [`spw-button--${this.size}`]: true,
+            [`spw-button--fullwidth`]: this.isFullWidth,
+            [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,
+        };
+    }
+    render() {
+        const { type, download, href, rel, target, name, value } = this;
+        const TagType = this.href === undefined ? 'button' : 'a';
+        const attrs = TagType === 'button'
+            ? { type: type, name, value }
+            : {
+                download,
+                href,
+                rel,
+                target,
+            };
+        const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
+        const iconClass = `spw-icon--${iconPosition}`;
+        const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
+        const ariaAttributes = {
+            'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
+            'aria-disabled': this.disabled ? 'true' : null,
+        };
+        return (h(TagType, Object.assign({ key: '4ffe0a0a720e7124079dd1a101ce439e4b571df3' }, attrs, { class: this.elementClass, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: '7bd65740f0a5e8f7e0d6fa699e7fba29bc1e0ea1', class: "spw-button__inner" }, iconPosition === 'left' && iconElement, h("slot", { key: 'fd571bd239bd4f94f1414c767cd03b7e4c7e0fec' }), iconPosition === 'right' && iconElement)));
+    }
+    static get is() { return "spw-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sp\u00E9cifie le lien si n\u00E9cessaire"
+                },
+                "attribute": "href",
+                "reflect": false
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Attribut target, s'applique uniquement si href est rempli"
+                },
+                "attribute": "target",
+                "reflect": false,
+                "defaultValue": "'_self'"
+            },
+            "rel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Remplit l'attribut rel"
+                },
+                "attribute": "rel",
+                "reflect": false
+            },
+            "download": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de t\u00E9l\u00E9charger un fichier au lieu de naviguer vers le lien"
+                },
+                "attribute": "download",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Nom du bouton"
+                },
+                "attribute": "name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Valeur du bouton"
+                },
+                "attribute": "value",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'button' | 'submit' | 'reset'",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Type du bouton"
+                },
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'button'"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary' | 'tertiary'",
+                    "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de s\u00E9lectionner une variante du bouton"
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'primary'"
+            },
+            "surface": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'dark' | 'light'",
+                    "resolved": "\"dark\" | \"default\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de choisir la surface d'arri\u00E8re-plan du bouton"
+                },
+                "attribute": "surface",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si d\u00E9sactiv\u00E9, le bouton n'est pas utilisable"
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'large' | 'medium' | 'small'",
+                    "resolved": "\"large\" | \"medium\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de sp\u00E9cifier la taille du bouton"
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'medium'"
+            },
+            "accAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Remplit l'attribut aria-label, utilis\u00E9 \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "attribute": "acc-aria-label",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si rempli, vous pouvez utiliser une r\u00E9f\u00E9rence d'ic\u00F4ne font-awesome"
+                },
+                "attribute": "icon",
+                "reflect": false
+            },
+            "iconPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'left' | 'right'",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Position de l'ic\u00F4ne \u00E0 l'int\u00E9rieur du bouton"
+                },
+                "attribute": "icon-position",
+                "reflect": false
+            },
+            "isFullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si vrai, le bouton prend toute la largeur"
+                },
+                "attribute": "is-full-width",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isFullWidthMobile": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si vrai, le bouton prend toute la largeur en mobile"
+                },
+                "attribute": "is-full-width-mobile",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "spwFocus",
+                "name": "spwFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Lors du focus"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "spwBlur",
+                "name": "spwBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Lors de la perte du focus"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "spwNavigate",
+                "name": "spwNavigate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Navigation vers un lien lors du clic"
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=spw-button.js.map

package/dist/collection/components/spw-button/spw-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-button.js","sourceRoot":"","sources":["../../../src/components/spw-button/spw-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-button',\n  styleUrl: 'spw-button.scss',\n  shadow: true,\n})\nexport class SpwButton {\n  @Element() el: HTMLSpwButtonElement;\n\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  /** Permet de télécharger un fichier au lieu de naviguer vers le lien */\n  @Prop() download?: string;\n  /** Nom du bouton */\n  @Prop() name?: string = '';\n  /** Valeur du bouton */\n  @Prop() value?: string | number = '';\n  /** Type du bouton */\n  @Prop() type?: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Permet de sélectionner une variante du bouton */\n  @Prop() variant?: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  /** Permet de choisir la surface d'arrière-plan du bouton */\n  @Prop() surface?: 'default' | 'dark' | 'light' = 'default';\n  /** Si désactivé, le bouton n'est pas utilisable */\n  @Prop() disabled?: boolean = false;\n  /** Permet de spécifier la taille du bouton */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'medium';\n\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  /** Si vrai, le bouton prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n  /** Si vrai, le bouton prend toute la largeur en mobile */\n  @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n  /** Lors du focus */\n  @Event() spwFocus: EventEmitter<void>;\n  /** Lors de la perte du focus */\n  @Event() spwBlur: EventEmitter<void>;\n  /** Navigation vers un lien lors du clic */\n  @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n  private onFocus = () => {\n    this.spwFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.spwBlur.emit();\n  };\n\n  private resetFormInputs() {\n    const form = this.el.closest('form');\n    if (!form) return;\n\n    const spwInputs = form.querySelectorAll('spw-input');\n    spwInputs.forEach(spwInput => {\n      const input = spwInput.shadowRoot.querySelector('input');\n      if (input) {\n        input.value = '';\n      }\n    });\n  }\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (this.type === 'reset') {\n      ev.preventDefault();\n      this.resetFormInputs();\n      return;\n    }\n\n    if (this.type === 'submit' && !this.disabled) {\n      const form = this.el.closest('form');\n      if (form) {\n        ev.preventDefault();\n        form.requestSubmit();\n        return;\n      }\n    }\n\n    if (this.href !== undefined) {\n      this.spwNavigate.emit(ev);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-button': true,\n      [`spw-button--${this.variant}`]: true,\n      [`spw-button--surface-${this.surface}`]: true,\n      [`spw-button--${this.size}`]: true,\n      [`spw-button--fullwidth`]: this.isFullWidth,\n      [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n    };\n  }\n\n  render() {\n    const { type, download, href, rel, target, name, value } = this;\n    const TagType = this.href === undefined ? 'button' : 'a';\n    const attrs =\n      TagType === 'button'\n        ? { type: type, name, value }\n        : {\n            download,\n            href,\n            rel,\n            target,\n          };\n\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <TagType {...attrs} class={this.elementClass} disabled={this.disabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n        <div class=\"spw-button__inner\">\n          {iconPosition === 'left' && iconElement}\n          <slot></slot>\n          {iconPosition === 'right' && iconElement}\n        </div>\n      </TagType>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+
+ /*! 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)}}:host(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:12px 24px 24px 64px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:"\f144";font-family:Font Awesome\ 6 Free;font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;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-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}

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

@@ -0,0 +1,69 @@
+import { h } from "@stencil/core";
+import { formatDate } from "../../../utils/utils";
+export class SpwCardContent {
+    constructor() {
+        this.hasImage = undefined;
+        this.tag = undefined;
+        this.date = undefined;
+    }
+    render() {
+        return (h("div", { key: 'b1c1d539a59ee23b12a51e4502646fa95ff5b4a5', class: "spw-card-content" }, this.tag && h("span", { key: '76af396f8ca9bed65008ab17a5dc671305ac944c', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'e5eb647a65af19ed15de1dab43da2b8289502ced', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '9eaa07625e6b543894965a70c17a4242772a4ec5' })));
+    }
+    static get is() { return "spw-card-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-card-content.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-card-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tag sp\u00E9cifi\u00E9 dans la carte"
+                },
+                "attribute": "tag",
+                "reflect": false
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Date de publication"
+                },
+                "attribute": "date",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasImage": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=spw-card-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-card-content.js","sourceRoot":"","sources":["../../../../src/components/spw-card/spw-card-content/spw-card-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,MAAM,OAAO,cAAc;;;;;;IASzB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC1B,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,GAAG,CAAQ;YACjE,IAAI,CAAC,IAAI,IAAI,CACZ,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,IACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR;YACD,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+
+ /*! 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}

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

@@ -0,0 +1,52 @@
+import { h } from "@stencil/core";
+export class SpwCardExcerpt {
+    constructor() {
+        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 is() { return "spw-card-excerpt"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-card-excerpt.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-card-excerpt.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "lineClamp": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | 'none'",
+                    "resolved": "\"none\" | number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de limiter ou pas le nombre de lignes affich\u00E9es"
+                },
+                "attribute": "line-clamp",
+                "reflect": false,
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=spw-card-excerpt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-card-excerpt.js","sourceRoot":"","sources":["../../../../src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;;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,CAAC,EAAE,YAAY;SAC5D,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY;YAC3B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -0,0 +1,2 @@
+
+ /*! 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}