@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,238 @@
+import { h } from "@stencil/core";
+export class SpwCheckbox {
+    constructor() {
+        this.disabled = false;
+        this.checked = false;
+        this.error = false;
+        this.icon = 'fa-check';
+        this.name = undefined;
+        this.internalChecked = undefined;
+    }
+    handleCheckbox() {
+        if (!this.disabled) {
+            this.internalChecked = !this.internalChecked;
+            this.checked = this.internalChecked;
+            this.updateFormValue();
+            this.spwChange.emit(this.internalChecked);
+        }
+    }
+    /** Méthode publique pour changer l'état de la case à cocher. */
+    async toggleCheckedState(newVal) {
+        this.internalChecked = newVal;
+        this.checked = newVal;
+        this.updateFormValue();
+    }
+    checkedChanged(newChecked) {
+        this.internalChecked = newChecked;
+        this.inputElement.checked = newChecked;
+        this.updateFormValue();
+    }
+    updateFormValue() {
+        if (this.internalChecked) {
+            this.internals.setFormValue('on');
+        }
+        else {
+            this.internals.setFormValue(null);
+        }
+    }
+    handleKeydown(event) {
+        if (event.key === ' ' || event.key === 'Enter') {
+            // Space or Enter keys
+            this.handleCheckbox();
+            event.preventDefault();
+        }
+    }
+    componentWillLoad() {
+        this.internalChecked = this.checked;
+        this.updateFormValue();
+    }
+    componentDidLoad() {
+        var _a;
+        (_a = this.el.closest('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('formdata', (e) => {
+            if (this.internalChecked) {
+                e.formData.set(this.name, 'on');
+            }
+        });
+    }
+    formResetCallback() {
+        this.internalChecked = false;
+        this.checked = false;
+        this.updateFormValue();
+    }
+    get elementClass() {
+        return {
+            'spw-checkbox__wrapper': true,
+            'spw-checkbox__wrapper--disabled': this.disabled,
+            'spw-checkbox__wrapper--checked': this.internalChecked,
+            'spw-checkbox__wrapper--error': this.error,
+        };
+    }
+    render() {
+        const slot = this.el.innerHTML;
+        const hasSlot = Boolean(slot);
+        return (h("div", { key: 'd7b40e34677b2c0cb6f25ec274b264033c604aa5', class: "spw-checkbox" }, h("input", { key: 'f738dbc907a1084356d2ea31baed31b524ae37c7', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'ce732daa262678adb6ff093995865c2304d5762e', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: 'cf7512ec3d4140c66a9bb889d5da0268fe5816f8' }))), h("div", { key: '6724803813e1f08624a19b219af0033ff023d27a', tabindex: this.disabled ? -1 : 0, onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '21e7c2a9232e6ec7eea719ebeb44934213f182bd', icon: this.icon }))));
+    }
+    static get is() { return "spw-checkbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9termine si la case \u00E0 cocher est d\u00E9sactiv\u00E9e, rendant l'\u00E9l\u00E9ment inutilisable"
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Propri\u00E9t\u00E9 mutable qui refl\u00E8te si la case \u00E0 cocher est coch\u00E9e ou non"
+                },
+                "attribute": "checked",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "error": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indique s'il y a une erreur associ\u00E9e \u00E0 la case \u00E0 cocher, pour un affichage visuel"
+                },
+                "attribute": "error",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Ic\u00F4ne \u00E0 afficher lorsque la case \u00E0 cocher est coch\u00E9e"
+                },
+                "attribute": "icon",
+                "reflect": false,
+                "defaultValue": "'fa-check'"
+            },
+            "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"
+                },
+                "attribute": "name",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalChecked": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "spwChange",
+                "name": "spwChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00C9v\u00E9nement d\u00E9clench\u00E9 lors d'un changement d'\u00E9tat de la case \u00E0 cocher (coch\u00E9e ou d\u00E9coch\u00E9e)"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggleCheckedState": {
+                "complexType": {
+                    "signature": "(newVal: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "newVal",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "M\u00E9thode publique pour changer l'\u00E9tat de la case \u00E0 cocher.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "checked",
+                "methodName": "checkedChanged"
+            }];
+    }
+    static get attachInternalsMemberName() { return "internals"; }
+}
+//# sourceMappingURL=spw-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-checkbox.js","sourceRoot":"","sources":["../../../src/components/spw-checkbox/spw-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-cookies/spw-cookies.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-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}

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

@@ -0,0 +1,166 @@
+import { h } from "@stencil/core";
+export class SpwCookies {
+    constructor() {
+        this.cookiesTitle = 'Nous utilisons des cookies';
+        this.cookiesDescription = `Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.`;
+        this.acceptAllButtonText = 'Accepter tous les cookies';
+        this.acceptRequiredButtonText = 'Accepter uniquement les cookies fonctionnels';
+        this.isVisible = false;
+        this.analyticsEnabled = false;
+    }
+    componentWillLoad() {
+        this.initializeCookieSettings();
+        this.checkCookieSettings();
+    }
+    initializeCookieSettings() {
+        if (localStorage.getItem('spw-cookie-settings__required') === null) {
+            localStorage.setItem('spw-cookie-settings__required', 'false');
+        }
+        if (localStorage.getItem('spw-cookie-settings__analytics') === null) {
+            localStorage.setItem('spw-cookie-settings__analytics', 'false');
+        }
+        if (localStorage.getItem('spw-cookie-settings__saved') === null) {
+            localStorage.setItem('spw-cookie-settings__saved', 'false');
+        }
+    }
+    checkCookieSettings() {
+        const settings = this.getCookieSettings();
+        if (!settings['spw-cookie-settings__saved']) {
+            this.isVisible = true;
+        }
+        this.analyticsEnabled = settings['spw-cookie-settings__analytics'];
+    }
+    getCookieSettings() {
+        return {
+            'spw-cookie-settings__required': JSON.parse(localStorage.getItem('spw-cookie-settings__required')),
+            'spw-cookie-settings__analytics': JSON.parse(localStorage.getItem('spw-cookie-settings__analytics')),
+            'spw-cookie-settings__saved': JSON.parse(localStorage.getItem('spw-cookie-settings__saved')),
+        };
+    }
+    setCookieSettings(settings) {
+        Object.keys(settings).forEach(key => {
+            localStorage.setItem(key, JSON.stringify(settings[key]));
+        });
+    }
+    toggleAnalytics() {
+        this.analyticsEnabled = !this.analyticsEnabled;
+        this.setCookieSettings({ 'spw-cookie-settings__analytics': this.analyticsEnabled });
+    }
+    acceptAllCookies() {
+        this.setCookieSettings({
+            'spw-cookie-settings__required': true,
+            'spw-cookie-settings__analytics': true,
+            'spw-cookie-settings__saved': true,
+        });
+        this.isVisible = false;
+    }
+    acceptRequiredCookies() {
+        this.setCookieSettings({
+            'spw-cookie-settings__required': true,
+            'spw-cookie-settings__analytics': false,
+            'spw-cookie-settings__saved': true,
+        });
+        this.isVisible = false;
+    }
+    render() {
+        if (!this.isVisible) {
+            return null;
+        }
+        return (h("div", { class: "spw-cookies" }, h("div", { class: "spw-cookies__container" }, h("div", { class: "spw-cookies__content" }, h("h2", { class: "spw-cookies__title" }, this.cookiesTitle), h("p", { class: "spw-cookies__text" }, this.cookiesDescription), h("spw-accordion", null, h("spw-accordion-item", null, h("spw-accordion-title", { slot: "title" }, "Param\u00E9trer les cookies"), h("spw-accordion-content", { slot: "content" }, h("div", { class: "spw-cookies__checkbox" }, h("spw-checkbox", { checked: this.analyticsEnabled, onSpwChange: () => this.toggleAnalytics() }, h("span", { class: "spw-cookies__checkbox-text" }, "Les cookies de statistiques proviennent de soci\u00E9t\u00E9s de externes (\"cookies tiers\") et sont utilis\u00E9s pour collecter des informations sur les sites web visit\u00E9s par l'utilisateur."))))))), h("div", { class: "spw-cookies__buttons" }, h("spw-button", { "is-full-width": "true", onClick: () => this.acceptAllCookies() }, this.acceptAllButtonText), h("spw-button", { "is-full-width": "true", variant: "secondary", onClick: () => this.acceptRequiredCookies() }, this.acceptRequiredButtonText)))));
+    }
+    static get is() { return "spw-cookies"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-cookies.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-cookies.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "cookiesTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Titre affich\u00E9 dans la banni\u00E8re de cookies"
+                },
+                "attribute": "cookies-title",
+                "reflect": false,
+                "defaultValue": "'Nous utilisons des cookies'"
+            },
+            "cookiesDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Description des cookies et de leur utilisation, affich\u00E9e dans la banni\u00E8re"
+                },
+                "attribute": "cookies-description",
+                "reflect": false,
+                "defaultValue": "`Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront install\u00E9s qu'apr\u00E8s avoir obtenu votre consentement.`"
+            },
+            "acceptAllButtonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte du bouton pour accepter tous les cookies"
+                },
+                "attribute": "accept-all-button-text",
+                "reflect": false,
+                "defaultValue": "'Accepter tous les cookies'"
+            },
+            "acceptRequiredButtonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte du bouton pour accepter uniquement les cookies fonctionnels"
+                },
+                "attribute": "accept-required-button-text",
+                "reflect": false,
+                "defaultValue": "'Accepter uniquement les cookies fonctionnels'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isVisible": {},
+            "analyticsEnabled": {}
+        };
+    }
+}
+//# sourceMappingURL=spw-cookies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-cookies.js","sourceRoot":"","sources":["../../../src/components/spw-cookies/spw-cookies.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-cookies',\n  styleUrl: 'spw-cookies.scss',\n  shadow: true,\n})\nexport class SpwCookies {\n  /** Titre affiché dans la bannière de cookies */\n  @Prop() cookiesTitle: string = 'Nous utilisons des cookies';\n  /** Description des cookies et de leur utilisation, affichée dans la bannière */\n  @Prop() cookiesDescription: string =\n    `Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.`;\n  /** Texte du bouton pour accepter tous les cookies */\n  @Prop() acceptAllButtonText: string = 'Accepter tous les cookies';\n  /** Texte du bouton pour accepter uniquement les cookies fonctionnels */\n  @Prop() acceptRequiredButtonText: string = 'Accepter uniquement les cookies fonctionnels';\n\n  @State() isVisible: boolean = false;\n  @State() analyticsEnabled: boolean = false;\n\n  componentWillLoad() {\n    this.initializeCookieSettings();\n    this.checkCookieSettings();\n  }\n\n  private initializeCookieSettings() {\n    if (localStorage.getItem('spw-cookie-settings__required') === null) {\n      localStorage.setItem('spw-cookie-settings__required', 'false');\n    }\n    if (localStorage.getItem('spw-cookie-settings__analytics') === null) {\n      localStorage.setItem('spw-cookie-settings__analytics', 'false');\n    }\n    if (localStorage.getItem('spw-cookie-settings__saved') === null) {\n      localStorage.setItem('spw-cookie-settings__saved', 'false');\n    }\n  }\n\n  private checkCookieSettings() {\n    const settings = this.getCookieSettings();\n    if (!settings['spw-cookie-settings__saved']) {\n      this.isVisible = true;\n    }\n    this.analyticsEnabled = settings['spw-cookie-settings__analytics'];\n  }\n\n  private getCookieSettings() {\n    return {\n      'spw-cookie-settings__required': JSON.parse(localStorage.getItem('spw-cookie-settings__required')),\n      'spw-cookie-settings__analytics': JSON.parse(localStorage.getItem('spw-cookie-settings__analytics')),\n      'spw-cookie-settings__saved': JSON.parse(localStorage.getItem('spw-cookie-settings__saved')),\n    };\n  }\n\n  private setCookieSettings(settings: { [key: string]: boolean }) {\n    Object.keys(settings).forEach(key => {\n      localStorage.setItem(key, JSON.stringify(settings[key]));\n    });\n  }\n\n  private toggleAnalytics() {\n    this.analyticsEnabled = !this.analyticsEnabled;\n    this.setCookieSettings({ 'spw-cookie-settings__analytics': this.analyticsEnabled });\n  }\n\n  private acceptAllCookies() {\n    this.setCookieSettings({\n      'spw-cookie-settings__required': true,\n      'spw-cookie-settings__analytics': true,\n      'spw-cookie-settings__saved': true,\n    });\n    this.isVisible = false;\n  }\n\n  private acceptRequiredCookies() {\n    this.setCookieSettings({\n      'spw-cookie-settings__required': true,\n      'spw-cookie-settings__analytics': false,\n      'spw-cookie-settings__saved': true,\n    });\n    this.isVisible = false;\n  }\n\n  render() {\n    if (!this.isVisible) {\n      return null;\n    }\n\n    return (\n      <div class=\"spw-cookies\">\n        <div class=\"spw-cookies__container\">\n          <div class=\"spw-cookies__content\">\n            <h2 class=\"spw-cookies__title\">{this.cookiesTitle}</h2>\n            <p class=\"spw-cookies__text\">{this.cookiesDescription}</p>\n            <spw-accordion>\n              <spw-accordion-item>\n                <spw-accordion-title slot=\"title\">Paramétrer les cookies</spw-accordion-title>\n                <spw-accordion-content slot=\"content\">\n                  <div class=\"spw-cookies__checkbox\">\n                    <spw-checkbox checked={this.analyticsEnabled} onSpwChange={() => this.toggleAnalytics()}>\n                      <span class=\"spw-cookies__checkbox-text\">\n                        Les cookies de statistiques proviennent de sociétés de externes (\"cookies tiers\") et sont utilisés pour collecter des informations sur les sites web visités\n                        par l'utilisateur.\n                      </span>\n                    </spw-checkbox>\n                  </div>\n                </spw-accordion-content>\n              </spw-accordion-item>\n            </spw-accordion>\n          </div>\n          <div class=\"spw-cookies__buttons\">\n            <spw-button is-full-width=\"true\" onClick={() => this.acceptAllCookies()}>\n              {this.acceptAllButtonText}\n            </spw-button>\n            <spw-button is-full-width=\"true\" variant=\"secondary\" onClick={() => this.acceptRequiredCookies()}>\n              {this.acceptRequiredButtonText}\n            </spw-button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-custom-select/spw-custom-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-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:12px;pointer-events:none;position:absolute;right:12px;top:14px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}