@spw-ds/spw-stencil-library 0.0.1

package/dist/collection/components/spw-select/spw-select.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.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-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:"\f078";font-family:Font Awesome\ 5 Free;font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}

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

@@ -0,0 +1,374 @@
+import { Host, h } from "@stencil/core";
+export class SpwSelect {
+    constructor() {
+        this.internalValue = undefined;
+        this.value = undefined;
+        this.label = '';
+        this.placeholder = 'Sélectionner une option';
+        this.disabled = undefined;
+        this.name = undefined;
+        this.required = false;
+        this.size = 'medium';
+        this.assistiveText = undefined;
+        this.error = '';
+        this.hint = '';
+        this.success = '';
+        this.showErrorIcon = true;
+        this.showHintIcon = true;
+        this.showSuccessIcon = true;
+    }
+    componentWillLoad() {
+        this.internalValue = this.value || this.getInitialSelectedValue();
+    }
+    componentDidLoad() {
+        this.internals.setFormValue(this.getFormValue());
+        this.moveOptionsToLightDom();
+    }
+    getFormValue() {
+        return this.internalValue ? String(this.internalValue) : null;
+    }
+    getInitialSelectedValue() {
+        const assignedNodes = Array.from(this.el.querySelectorAll('option'));
+        for (const option of assignedNodes) {
+            if (option.hasAttribute('selected')) {
+                return option.getAttribute('value');
+            }
+        }
+        return null;
+    }
+    handleSelectChange(event) {
+        const select = event.target;
+        this.internalValue = select.value;
+        this.value = this.internalValue;
+        this.internals.setFormValue(this.getFormValue());
+        this.valueChanged.emit(this.internalValue);
+    }
+    moveOptionsToLightDom() {
+        const slot = this.el.shadowRoot.querySelector('slot');
+        if (slot) {
+            const assignedNodes = slot.assignedNodes({ flatten: true });
+            assignedNodes.forEach(node => {
+                if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {
+                    this.selectElement.appendChild(node);
+                }
+            });
+        }
+    }
+    renderErrorMessage() {
+        if (this.error) {
+            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon }, this.error));
+        }
+    }
+    renderHintMessage() {
+        if (this.hint) {
+            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon }, this.hint));
+        }
+    }
+    renderSuccessMessage() {
+        if (this.success) {
+            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon }, this.success));
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-select': true,
+            [`spw-select--${this.size}`]: true,
+            'spw-select--disabled': this.disabled,
+            'spw-select--is-error': !!this.error,
+        };
+    }
+    render() {
+        return (h(Host, { key: '286a2cfe145c46177a886e4edbbc45fedfa9b359' }, h("div", { key: '56d205d4445361460ef5d742aaa749634ebe8a94', class: this.elementClass }, this.label && h("spw-field-label", { key: '179c2b7548576dadb2ca15985a24931b70d412c9', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '664e59f004d9578d1346864bc1dbbf27d8dd25fe', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '41dab1f83d2313563c803d32aee813fb6769509c', class: "spw-select__container" }, h("select", { key: '00bbbe08e999a42d7a05e0c46203bb31f2a64e38', id: this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: 'be20ee56bc5dd9ec7359814ef196b1954bcbf0cd', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("spw-icon", { key: 'b569a9ebe89e7716d44d6812704181965407ae5f', class: "spw-select__arrow", icon: "fa-chevron-down" })), h("slot", { key: '75f9fed6e88e88a965ac73a75dc94641314154a8' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage()));
+    }
+    static get is() { return "spw-select"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-select.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-select.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "any",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valeur s\u00E9lectionn\u00E9e actuelle, mutable et refl\u00E9t\u00E9e dans le DOM"
+                },
+                "attribute": "value",
+                "reflect": true
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label associ\u00E9 au champ de s\u00E9lection"
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte du placeholder \u00E0 afficher lorsque rien n'est s\u00E9lectionn\u00E9"
+                },
+                "attribute": "placeholder",
+                "reflect": false,
+                "defaultValue": "'S\u00E9lectionner une option'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indique si le champ de s\u00E9lection est d\u00E9sactiv\u00E9"
+                },
+                "attribute": "disabled",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Nom de l'\u00E9l\u00E9ment utilis\u00E9 dans les formulaires pour associer la valeur s\u00E9lectionn\u00E9e"
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indique si la s\u00E9lection est obligatoire dans le formulaire"
+                },
+                "attribute": "required",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'large' | 'medium'",
+                    "resolved": "\"large\" | \"medium\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Taille du champ de s\u00E9lection : 'large' ou 'medium'"
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'medium'"
+            },
+            "assistiveText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte d'assistance affich\u00E9 sous le champ de s\u00E9lection"
+                },
+                "attribute": "assistive-text",
+                "reflect": false
+            },
+            "error": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Message d'erreur \u00E0 afficher sous le champ de s\u00E9lection"
+                },
+                "attribute": "error",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "hint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Message d'indication (hint) \u00E0 afficher sous le champ de s\u00E9lection"
+                },
+                "attribute": "hint",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "success": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Message de succ\u00E8s \u00E0 afficher sous le champ de s\u00E9lection"
+                },
+                "attribute": "success",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "showErrorIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche une ic\u00F4ne d'erreur si vrai"
+                },
+                "attribute": "show-error-icon",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showHintIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche une ic\u00F4ne d'indication si vrai"
+                },
+                "attribute": "show-hint-icon",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showSuccessIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche une ic\u00F4ne de succ\u00E8s si vrai"
+                },
+                "attribute": "show-success-icon",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalValue": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "valueChanged",
+                "name": "valueChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emet un event si la valeur change"
+                },
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "internals"; }
+}
+//# sourceMappingURL=spw-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-select.js","sourceRoot":"","sources":["../../../src/components/spw-select/spw-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Host, Component, Prop, State, Event, EventEmitter, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-select',\n  styleUrl: 'spw-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwSelect {\n  @Element() el: HTMLSpwSelectElement;\n\n  /** Emet un event si la valeur change */\n  @Event() valueChanged: EventEmitter<string | number>;\n  @State() internalValue: string | number;\n\n  /** Valeur sélectionnée actuelle, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value: string | number;\n  /** Label associé au champ de sélection */\n  @Prop() label: string = '';\n  /** Texte du placeholder à afficher lorsque rien n'est sélectionné */\n  @Prop() placeholder: string = 'Sélectionner une option';\n  /** Indique si le champ de sélection est désactivé */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur sélectionnée */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Taille du champ de sélection : 'large' ou 'medium' */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Texte d'assistance affiché sous le champ de sélection */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ de sélection */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ de sélection */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ de sélection */\n  @Prop() success?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n\n  private selectElement!: HTMLSelectElement;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    this.internalValue = this.value || this.getInitialSelectedValue();\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.getFormValue());\n    this.moveOptionsToLightDom();\n  }\n\n  private getFormValue(): string | null {\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private getInitialSelectedValue(): string | number | null {\n    const assignedNodes = Array.from(this.el.querySelectorAll('option')) as HTMLOptionElement[];\n    for (const option of assignedNodes) {\n      if (option.hasAttribute('selected')) {\n        return option.getAttribute('value');\n      }\n    }\n    return null;\n  }\n\n  private handleSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    this.internalValue = select.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private moveOptionsToLightDom() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true }) as HTMLElement[];\n      assignedNodes.forEach(node => {\n        if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {\n          this.selectElement.appendChild(node);\n        }\n      });\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-select': true,\n      [`spw-select--${this.size}`]: true,\n      'spw-select--disabled': this.disabled,\n      'spw-select--is-error': !!this.error,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          {this.assistiveText && (\n            <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n              {this.assistiveText}\n            </spw-field-message>\n          )}\n          <div class=\"spw-select__container\">\n            <select\n              id={this.name}\n              class=\"spw-select__trigger\"\n              onChange={event => this.handleSelectChange(event)}\n              disabled={this.disabled}\n              ref={el => (this.selectElement = el as HTMLSelectElement)}\n              tabindex={this.disabled ? -1 : 0}\n            >\n              <option value=\"\" disabled selected={!this.internalValue}>\n                {this.placeholder}\n              </option>\n            </select>\n            <spw-icon class=\"spw-select__arrow\" icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <slot />\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-separator/spw-separator.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.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-separator{border-width:1px;display:block}.spw-separator--horizontal{border-bottom-style:solid;height:0;width:auto}.spw-separator--vertical{border-right-style:solid;height:auto;width:0}.spw-separator--dark{border-color:var(--spw-colors-support-grey-grey-900)}.spw-separator--light{border-color:var(--spw-ds-white)}.spw-separator--thickness-1{border-width:1px}.spw-separator--thickness-2{border-width:2px}

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

@@ -0,0 +1,134 @@
+import { h } from "@stencil/core";
+export class SpwSeparator {
+    constructor() {
+        this.surface = 'dark';
+        this.direction = 'horizontal';
+        this.thickness = 1;
+        this.width = '100%';
+        this.height = '100%';
+    }
+    get elementClass() {
+        return {
+            'spw-separator': true,
+            [`spw-separator--${this.surface}`]: true,
+            [`spw-separator--${this.direction}`]: true,
+            [`spw-separator--thickness-${this.thickness}`]: true,
+        };
+    }
+    get style() {
+        return {
+            width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,
+            height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,
+        };
+    }
+    render() {
+        return h("div", { key: 'cf968a9b822afa56b6427bce76dd30f61330505d', class: this.elementClass, style: this.style });
+    }
+    static get is() { return "spw-separator"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-separator.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-separator.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "surface": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'dark' | 'light'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de choisir la surface du s\u00E9parateur (clair ou sombre)"
+                },
+                "attribute": "surface",
+                "reflect": false,
+                "defaultValue": "'dark'"
+            },
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'vertical' | 'horizontal'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de d\u00E9finir la direction du s\u00E9parateur"
+                },
+                "attribute": "direction",
+                "reflect": false,
+                "defaultValue": "'horizontal'"
+            },
+            "thickness": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "1 | 2",
+                    "resolved": "1 | 2",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit l'\u00E9paisseur du s\u00E9parateur"
+                },
+                "attribute": "thickness",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Largeur du s\u00E9parateur (par d\u00E9faut 100% si non sp\u00E9cifi\u00E9)"
+                },
+                "attribute": "width",
+                "reflect": false,
+                "defaultValue": "'100%'"
+            },
+            "height": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Hauteur du s\u00E9parateur (par d\u00E9faut 100% si non sp\u00E9cifi\u00E9)"
+                },
+                "attribute": "height",
+                "reflect": false,
+                "defaultValue": "'100%'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=spw-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-separator.js","sourceRoot":"","sources":["../../../src/components/spw-separator/spw-separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;;uBAEa,MAAM;yBAGK,YAAY;yBAGhC,CAAC;qBAGJ,MAAM;sBAGL,MAAM;;IAE/B,IAAY,YAAY;QACtB,OAAO;YACL,eAAe,EAAE,IAAI;YACrB,CAAC,kBAAkB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACxC,CAAC,kBAAkB,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;YAC1C,CAAC,4BAA4B,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;SACrD,CAAC;IACJ,CAAC;IAED,IAAY,KAAK;QACf,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,IAAI;YAClF,MAAM,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,IAAI;SACnF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAQ,CAAC;IAClE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-separator',\n  styleUrl: 'spw-separator.scss',\n  shadow: true,\n})\nexport class SpwSeparator {\n  /** Permet de choisir la surface du séparateur (clair ou sombre) */\n  @Prop() surface: 'dark' | 'light' = 'dark';\n\n  /** Permet de définir la direction du séparateur */\n  @Prop() direction: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** Définit l'épaisseur du séparateur */\n  @Prop() thickness: 1 | 2 = 1;\n\n  /** Largeur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() width: string = '100%';\n\n  /** Hauteur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() height: string = '100%';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-separator': true,\n      [`spw-separator--${this.surface}`]: true,\n      [`spw-separator--${this.direction}`]: true,\n      [`spw-separator--thickness-${this.thickness}`]: true,\n    };\n  }\n\n  private get style(): { [key: string]: string } {\n    return {\n      width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n      height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n    };\n  }\n\n  render() {\n    return <div class={this.elementClass} style={this.style}></div>;\n  }\n}\n"]}

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.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: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)}}

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class SpwTableBody {
+    render() {
+        return (h("tbody", { key: '63663fe3b8514338dc96185e715ccbce015978e9', part: "tbody" }, h("slot", { key: '4411d3b6f1e0a6c4835075bd977d8528f6753468' })));
+    }
+    static get is() { return "spw-table-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table-body.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table-body.css"]
+        };
+    }
+}
+//# sourceMappingURL=spw-table-body.js.map

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-body.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-body/spw-table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,OAAO,CACL,8DAAO,IAAI,EAAC,OAAO;YACjB,8DAAQ,CACF,CACT,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-body',\n  styleUrl: 'spw-table-body.scss',\n  shadow: true,\n})\nexport class SpwTableBody {\n  render() {\n    return (\n      <tbody part=\"tbody\">\n        <slot />\n      </tbody>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.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: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-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;padding:16px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}