@spw-ds/spw-stencil-library 0.0.1

package/dist/components/spw-cookies.js

@@ -0,0 +1,148 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+import { d as defineCustomElement$8 } from './p-def4fee9.js';
+import { d as defineCustomElement$7 } from './p-f48f06ae.js';
+import { d as defineCustomElement$6 } from './p-89cf5afe.js';
+import { d as defineCustomElement$5 } from './p-a9181b0a.js';
+import { d as defineCustomElement$4 } from './p-e37034cf.js';
+import { d as defineCustomElement$3 } from './p-987e354f.js';
+import { d as defineCustomElement$2 } from './p-72ca702e.js';
+
+const spwCookiesCss = "/*! 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)}";
+const SpwCookiesStyle0 = spwCookiesCss;
+
+const SpwCookies$1 = /*@__PURE__*/ proxyCustomElement(class SpwCookies extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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 style() { return SpwCookiesStyle0; }
+}, [1, "spw-cookies", {
+        "cookiesTitle": [1, "cookies-title"],
+        "cookiesDescription": [1, "cookies-description"],
+        "acceptAllButtonText": [1, "accept-all-button-text"],
+        "acceptRequiredButtonText": [1, "accept-required-button-text"],
+        "isVisible": [32],
+        "analyticsEnabled": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-cookies", "spw-accordion", "spw-accordion-content", "spw-accordion-item", "spw-accordion-title", "spw-button", "spw-checkbox", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-cookies":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCookies$1);
+            }
+            break;
+        case "spw-accordion":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "spw-accordion-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "spw-accordion-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "spw-accordion-title":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "spw-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "spw-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwCookies = SpwCookies$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCookies, defineCustomElement };
+
+//# sourceMappingURL=spw-cookies.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-cookies.js","mappings":"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","names":["SpwCookies"],"sources":["src/components/spw-cookies/spw-cookies.scss?tag=spw-cookies&encapsulation=shadow","src/components/spw-cookies/spw-cookies.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-cookies {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: flex-end;\n  justify-content: end;\n  z-index: 9999;\n\n  &__container {\n    background: white;\n    border-radius: 5px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    max-width: 400px;\n    width: 100%;\n    margin: 12px;\n    line-height: 1.5;\n    max-height: calc(-24px + 100vh);\n    overflow-y: auto;\n  }\n\n  &__content,\n  &__buttons {\n    padding: 16px;\n    @include breakpoint(md) {\n      padding: 24px;\n    }\n  }\n\n  &__content {\n    padding-bottom: 0;\n  }\n\n  &__buttons {\n    position: sticky;\n    z-index: 10;\n    bottom: 0;\n    background: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    text-align: center;\n    spw-button {\n      --spw-button-py-medium: var(--spw-button-py-large);\n    }\n  }\n\n  &__title {\n    font-size: 24px;\n    line-height: 1.2;\n    color: var(--spw-colors-support-grey-grey-900);\n    @apply spw-tw-mb-2;\n  }\n\n  &__text {\n    color: var(--spw-color-themes-grey-grey-600);\n    @apply spw-tw-mb-4;\n  }\n}\n\n.spw-cookies__checkbox {\n  padding-top: 4px;\n}\n\n.spw-cookies__checkbox-text {\n  color: var(--spw-color-themes-grey-grey-600);\n}\n","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"],"version":3}

package/dist/components/spw-custom-select.d.ts

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

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

@@ -0,0 +1,407 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-3706b88e.js';
+import { d as defineCustomElement$5 } from './p-987e354f.js';
+import { d as defineCustomElement$4 } from './p-b3b66a09.js';
+import { d as defineCustomElement$3 } from './p-e70f2b83.js';
+import { d as defineCustomElement$2 } from './p-72ca702e.js';
+
+const spwCustomSelectCss = "/*! 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}";
+const SpwCustomSelectStyle0 = spwCustomSelectCss;
+
+const SpwCustomSelect$1 = /*@__PURE__*/ proxyCustomElement(class SpwCustomSelect extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChanged = createEvent(this, "valueChanged", 7);
+        this.internals = this.attachInternals();
+        this.handleClickOutside = (event) => {
+            var _a, _b;
+            if (this.isOpen) {
+                const target = event.composedPath()[0];
+                const isInsideHost = this.host.contains(target);
+                const searchField = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.spw-custom-select__search-input');
+                const isInsideSearchField = searchField === null || searchField === void 0 ? void 0 : searchField.contains(target);
+                if (!isInsideHost && !isInsideSearchField) {
+                    if (this.multiple) {
+                        const optionsContainer = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.spw-custom-select__options');
+                        if (optionsContainer && optionsContainer.contains(target)) {
+                            return;
+                        }
+                    }
+                    this.closeDropdown();
+                }
+            }
+        };
+        this.internalValue = undefined;
+        this.isOpen = false;
+        this.parsedOptions = [];
+        this.focusedOptionIndex = null;
+        this.searchText = '';
+        this.dropdownDirection = 'down';
+        this.hasSelectedValue = false;
+        this.value = [];
+        this.label = '';
+        this.placeholder = 'Sélectionnez une option';
+        this.disabled = undefined;
+        this.name = undefined;
+        this.required = false;
+        this.options = undefined;
+        this.size = 'medium';
+        this.multiple = false;
+        this.isSearch = false;
+        this.assistiveText = undefined;
+        this.error = '';
+        this.hint = '';
+        this.success = '';
+        this.showErrorIcon = true;
+        this.showHintIcon = true;
+        this.showSuccessIcon = true;
+    }
+    componentWillLoad() {
+        if (this.multiple) {
+            if (typeof this.value === 'string') {
+                try {
+                    this.internalValue = JSON.parse(this.value);
+                }
+                catch (e) {
+                    this.internalValue = [];
+                }
+            }
+            else if (Array.isArray(this.value)) {
+                this.internalValue = this.value;
+            }
+            else {
+                this.internalValue = [];
+            }
+        }
+        else {
+            this.internalValue = this.value;
+        }
+        if (this.options) {
+            this.parseOptions(this.options);
+        }
+        this.updateSelectedOption();
+    }
+    componentDidLoad() {
+        document.addEventListener('click', this.handleClickOutside);
+        this.internals.setFormValue(this.getFormValue());
+    }
+    disconnectedCallback() {
+        document.removeEventListener('click', this.handleClickOutside);
+    }
+    parseOptions(newValue) {
+        try {
+            this.parsedOptions = JSON.parse(newValue).map(option => ({
+                value: option.value,
+                label: option.label,
+            }));
+            this.updateSelectedOption();
+        }
+        catch (e) {
+            this.parsedOptions = [];
+        }
+    }
+    valueChangedHandler(newValue) {
+        if (this.multiple) {
+            this.internalValue = Array.isArray(newValue) ? newValue : [newValue];
+        }
+        else {
+            this.internalValue = newValue;
+        }
+        this.updateSelectedOption();
+        this.internals.setFormValue(this.getFormValue());
+        this.valueChanged.emit(this.internalValue);
+    }
+    updateSelectedOption() {
+        this.internals.setFormValue(this.getFormValue());
+        if (!this.multiple && this.internalValue !== undefined) {
+            this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));
+        }
+        else if (this.multiple && Array.isArray(this.internalValue)) {
+            this.internalValue = this.internalValue
+                .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))
+                .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));
+        }
+    }
+    internalValueChanged() {
+        this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);
+    }
+    getFormValue() {
+        if (this.multiple) {
+            return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;
+        }
+        return this.internalValue ? String(this.internalValue) : null;
+    }
+    toggleDropdown(event) {
+        if (!this.disabled) {
+            if (event) {
+                const target = event.composedPath()[0];
+                if (target.classList.contains('spw-custom-select__search-input')) {
+                    return;
+                }
+                event.stopPropagation();
+            }
+            this.determineDropdownDirection();
+            this.isOpen = !this.isOpen;
+            if (!this.isOpen) {
+                this.focusedOptionIndex = null;
+            }
+        }
+    }
+    determineDropdownDirection() {
+        const rect = this.selectContainer.getBoundingClientRect();
+        const viewportHeight = window.innerHeight;
+        if (rect.bottom + 200 > viewportHeight && rect.top > 200) {
+            this.dropdownDirection = 'up';
+        }
+        else {
+            this.dropdownDirection = 'down';
+        }
+    }
+    openDropdownWithKeyboard() {
+        this.determineDropdownDirection();
+        this.isOpen = true;
+        this.focusedOptionIndex = 0;
+    }
+    closeDropdown() {
+        this.isOpen = false;
+        this.focusedOptionIndex = null;
+        this.searchText = '';
+    }
+    selectOption(optionValue, event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        if (this.multiple) {
+            const index = this.internalValue.findIndex(val => String(val) === String(optionValue));
+            if (index > -1) {
+                this.internalValue = [...this.internalValue.slice(0, index), ...this.internalValue.slice(index + 1)];
+            }
+            else {
+                this.internalValue = [...this.internalValue, optionValue];
+            }
+            this.internalValue = this.internalValue.sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));
+        }
+        else {
+            this.internalValue = optionValue;
+            this.closeDropdown();
+        }
+        this.value = this.internalValue;
+        this.internals.setFormValue(this.getFormValue());
+        this.valueChanged.emit(this.internalValue);
+        this.updateSelectedOption();
+    }
+    handleOptionKeyDown(event, optionValue) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.selectOption(optionValue);
+        }
+    }
+    handleKeyDown(event) {
+        if (event.target.classList.contains('spw-custom-select__search-input')) {
+            return;
+        }
+        switch (event.key) {
+            case ' ':
+                event.preventDefault();
+                if (!this.isOpen) {
+                    this.openDropdownWithKeyboard();
+                }
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                if (this.isOpen) {
+                    this.focusedOptionIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;
+                }
+                else {
+                    this.openDropdownWithKeyboard();
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (this.isOpen) {
+                    this.focusedOptionIndex =
+                        this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;
+                }
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.isOpen && this.focusedOptionIndex !== null) {
+                    this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);
+                }
+                break;
+            case 'Escape':
+                if (this.isOpen) {
+                    this.closeDropdown();
+                }
+                break;
+        }
+    }
+    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-custom-select': true,
+            [`spw-custom-select--${this.size}`]: true,
+            'spw-custom-select--is-error': !!this.error,
+            'spw-custom-select--disabled': this.disabled,
+            'spw-custom-select--is-opened': this.isOpen,
+            'spw-custom-select--has-value': this.hasSelectedValue,
+            'spw-custom-select--no-value': !this.hasSelectedValue,
+            'spw-custom-select--is-searchable': this.isSearch,
+            'spw-custom-select--not-searchable': !this.isSearch,
+        };
+    }
+    normalizeString(str) {
+        return str
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+            .toLowerCase();
+    }
+    getSelectedLabels() {
+        if (this.multiple) {
+            return Array.isArray(this.internalValue) && this.internalValue.length > 0
+                ? this.internalValue
+                    .map(val => { var _a; return (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 : _a.label; })
+                    .filter(Boolean)
+                    .join(', ')
+                : null;
+        }
+        else {
+            const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));
+            return selectedOption ? selectedOption.label : null;
+        }
+    }
+    getFilteredOptions() {
+        const normalizedSearchText = this.normalizeString(this.searchText);
+        return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));
+    }
+    handleSearchInput(event) {
+        const input = event.target;
+        this.searchText = input.value;
+        this.focusedOptionIndex = 0;
+        if (!this.isOpen) {
+            this.isOpen = true;
+        }
+    }
+    isSearchVisible() {
+        if (!this.isSearch)
+            return false;
+        if (!this.hasSelectedValue && !this.isOpen)
+            return true;
+        if (this.isSearch && this.isOpen)
+            return true;
+        return this.isOpen;
+    }
+    showPlaceholder() {
+        if (this.isSearch)
+            return false;
+        if (this.hasSelectedValue)
+            return false;
+        return true;
+    }
+    render() {
+        const filteredOptions = this.getFilteredOptions();
+        const showPlaceholder = this.showPlaceholder();
+        return (h("div", { key: '04b9b042735ca9cbd8d62fdde23df9903b4af983', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '1c712b4c97a02abf414e7263a0e4025621861718', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'a6677e42e705a4d19bab430bc4f4f85df18753d8', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'd5a8ead52aeecb11202aad815666137a54fb9181', class: "spw-custom-select__wrapper" }, h("div", { key: '1c644ae35f75c299dff9164339840da3912e2b79', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'be1320ab9c008e2ba2d29875f2eb95e4deb1e797', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: '9bc6165e0688318a1666d7273ca448bcefb77b3c', class: "spw-custom-select__search" }, h("input", { key: '809d52b2d5a9e83b245c6ec26bb7c565316bc379', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'fc13a05467fc489f5639bc190d80a488c5fec4cd' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: '2e7fa49d7f495045ecd62d7e35795af3b17309d8', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+            var _a;
+            return (h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
+                _a.label, h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
+        }))), !this.multiple && h("span", { key: 'd1a6b8e5df131273aba9a64e6dfd7790a8de74c8' }, this.getSelectedLabels()))), h("div", { key: '0aba5a4ab9e364ac363b8b04ca05ec5db31593bf', class: "spw-custom-select__arrow" }, h("spw-icon", { key: '8262e24e01a52bd2e92deecc29c88a743f272aac', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '71a1b63d9996231b34b3bd0cb24075ea8f1cb7f6', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: 'f9a5d9d75187b92c6e503d12e8e4ce0e11d54454' }, filteredOptions.map((option, index) => (h("li", { class: {
+                'spw-custom-select__option': true,
+                'spw-custom-select__option--selected': this.multiple
+                    ? this.internalValue.some(val => String(val) === String(option.value))
+                    : option.value === this.internalValue,
+                'spw-custom-select__option--focused': index === this.focusedOptionIndex,
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)) })), option.label))))), !filteredOptions.length && h("p", { key: 'c8fc0bd94b5c0e6aa70fbbb0194b91e733b9d44e', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage()));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "options": ["parseOptions"],
+        "value": ["valueChangedHandler"],
+        "internalValue": ["internalValueChanged"]
+    }; }
+    static get style() { return SpwCustomSelectStyle0; }
+}, [65, "spw-custom-select", {
+        "value": [1544],
+        "label": [1],
+        "placeholder": [1],
+        "disabled": [4],
+        "name": [1],
+        "required": [4],
+        "options": [1],
+        "size": [1],
+        "multiple": [4],
+        "isSearch": [4, "is-search"],
+        "assistiveText": [1, "assistive-text"],
+        "error": [1],
+        "hint": [1],
+        "success": [1],
+        "showErrorIcon": [4, "show-error-icon"],
+        "showHintIcon": [4, "show-hint-icon"],
+        "showSuccessIcon": [4, "show-success-icon"],
+        "internalValue": [32],
+        "isOpen": [32],
+        "parsedOptions": [32],
+        "focusedOptionIndex": [32],
+        "searchText": [32],
+        "dropdownDirection": [32],
+        "hasSelectedValue": [32]
+    }, undefined, {
+        "options": ["parseOptions"],
+        "value": ["valueChangedHandler"],
+        "internalValue": ["internalValueChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-custom-select", "spw-checkbox", "spw-field-label", "spw-field-message", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-custom-select":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCustomSelect$1);
+            }
+            break;
+        case "spw-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "spw-field-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "spw-field-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwCustomSelect = SpwCustomSelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCustomSelect, defineCustomElement };
+
+//# sourceMappingURL=spw-custom-select.js.map