@spw-ds/spw-stencil-library 0.0.1

package/dist/components/p-a9181b0a.js

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+import { d as defineCustomElement$1 } from './p-72ca702e.js';
+
+const spwAccordionTitleCss = "/*! 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-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host(.--collapsed) .spw-accordion-title:hover{background:var(--spw-color-themes-grey-grey-100)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";
+const SpwAccordionTitleStyle0 = spwAccordionTitleCss;
+
+const SpwAccordionTitle = /*@__PURE__*/ proxyCustomElement(class SpwAccordionTitle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.tag = 'h3';
+        this.icon = undefined;
+    }
+    render() {
+        const TagType = this.tag;
+        const iconElement = this.icon ? h("spw-icon", { icon: this.icon }) : null;
+        return (h(Host, { key: 'a51f79aa7112907e5cfed15d5cee8704c7c38c7c' }, h("div", { key: 'e9c6d28a6f2dab0ae04d634060a2ef47b4ba93b6', class: "spw-accordion-title" }, h("div", { key: '4453527cdffeeb11f2919846d79a753340ae8f25', class: "spw-accordion-title__content" }, h(TagType, { key: 'c24b019897cfb3d21926e26e43ff86dfcd0a20e6', class: "spw-tw-flex" }, iconElement && h("div", { key: '5f6de3eb9aefce5bfaa4108d06aa7a57f884d64e', class: "spw-tw-mr-3" }, iconElement), h("div", { key: 'f681640756963f207c12274c1dcc56097f6a59f5' }, h("slot", { key: '222153aac9e81a4771e27684ef417ffe7f469d2c' }))), h("span", { key: '8a4f27899e5df1fedc57ee2b30a1b7fb70c73be1', class: "spw-accordion-title__trigger" }, h("spw-icon", { key: '795239c54a42a6c033f5e2a3050fed0e4e56d9e5', icon: "fa-chevron-down" }))))));
+    }
+    static get style() { return SpwAccordionTitleStyle0; }
+}, [1, "spw-accordion-title", {
+        "tag": [1],
+        "icon": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-accordion-title", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-accordion-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwAccordionTitle);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SpwAccordionTitle as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-a9181b0a.js.map

package/dist/components/p-a9181b0a.js.map

@@ -0,0 +1 @@
+{"file":"p-a9181b0a.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,q6GAAq6G,CAAC;AACn8G,gCAAe,oBAAoB;;MCMtB,iBAAiB;;;;;mBAEqB,IAAI;;;IAIrD,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,GAAG,IAAI,CAAC;QAC9E,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,4DAAK,KAAK,EAAC,8BAA8B,IACvC,EAAC,OAAO,qDAAC,KAAK,EAAC,aAAa,IACzB,WAAW,IAAI,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,EAC5D,8DACE,8DAAa,CACT,CACE,EACV,6DAAM,KAAK,EAAC,8BAA8B,IACxC,iEAAU,IAAI,EAAC,iBAAiB,GAAY,CACvC,CACH,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-b3b66a09.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwFieldLabelCss = "/*! 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-field-label{color:var(--spw-color-themes-grey-grey-800);display:block;font-weight:600;margin-bottom:.5rem}.spw-field-label__required{color:var(--spw-ds-primary)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-3{margin-bottom:.75rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";
+const SpwFieldLabelStyle0 = spwFieldLabelCss;
+
+const SpwFieldLabel = /*@__PURE__*/ proxyCustomElement(class SpwFieldLabel extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.handleClick = () => {
+            const rootNode = this.el.getRootNode();
+            const targetElement = rootNode.getElementById(this.name);
+            if (targetElement) {
+                targetElement.focus();
+            }
+        };
+        this.name = undefined;
+        this.label = '';
+        this.required = false;
+    }
+    render() {
+        return (h(Host, { key: '5b526d0643fbedd3a10c9e0642c40992217debbe' }, h("label", { key: 'c76bb371aa685e3c3f90283fe160ce5c6e7e7a1b', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, this.label, " ", this.required && h("span", { key: 'eda5c559a015e769950ff9e4967fa38b69d5c010', class: "spw-field-label__required" }, "*"))));
+    }
+    get el() { return this; }
+    static get style() { return SpwFieldLabelStyle0; }
+}, [1, "spw-field-label", {
+        "name": [1],
+        "label": [1],
+        "required": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-field-label"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-field-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwFieldLabel);
+            }
+            break;
+    } });
+}
+
+export { SpwFieldLabel as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-b3b66a09.js.map

package/dist/components/p-b3b66a09.js.map

@@ -0,0 +1 @@
+{"file":"p-b3b66a09.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,g/FAAg/F,CAAC;AAC1gG,4BAAe,gBAAgB;;MCMlB,aAAa;;;;;QAUhB,gBAAW,GAAG;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAA2B,CAAC;YAChE,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEzD,IAAI,aAAa,EAAE;gBAChB,aAA6B,CAAC,KAAK,EAAE,CAAC;aACxC;SACF,CAAC;;qBAbuB,EAAE;wBAEE,KAAK;;IAalC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAO,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,IACzE,IAAI,CAAC,KAAK,OAAG,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,2BAA2B,QAAS,CACzE,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-label {\n  color: var(--spw-color-themes-grey-grey-800);\n  display: block;\n  font-weight: 600;\n  @apply spw-tw-mb-2;\n  &__required {\n    color: var(--spw-ds-primary);\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-label',\n  styleUrl: 'spw-field-label.scss',\n  shadow: true,\n})\nexport class SpwFieldLabel {\n  /** L'attribut id de l'élément input */\n  @Prop() name: string;\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label?: string = '';\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n\n  @Element() el: HTMLSpwFieldLabelElement;\n\n  private handleClick = () => {\n    const rootNode = this.el.getRootNode() as ShadowRoot | Document;\n    const targetElement = rootNode.getElementById(this.name);\n\n    if (targetElement) {\n      (targetElement as HTMLElement).focus();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n          {this.label} {this.required && <span class=\"spw-field-label__required\">*</span>}\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-cb0eb249.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwLoadingCss = "/*! 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-loading{display:flex}.spw-loading__spinner{animation:loading 1s linear infinite;border:4px solid var(--spw-color-themes-grey-grey-100);border-radius:50%;border-top-color:var(--spw-ds-primary);height:20px;width:20px}@keyframes loading{to{transform:rotate(1turn)}}.spw-loading__text{color:var(--spw-color-themes-grey-grey-800);margin-left:8px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
+const SpwLoadingStyle0 = spwLoadingCss;
+
+const SpwLoading = /*@__PURE__*/ proxyCustomElement(class SpwLoading extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.text = 'Chargement...';
+    }
+    render() {
+        return (h(Host, { key: '1d72eb366cb08f33ba5a3f92c15979fa3295beaf' }, h("div", { key: '70337a12bf43ca63ad81fd35f0bfd6dd2c0f4576', class: "spw-loading" }, h("div", { key: '57aebc1b0c47e51d376a0a5b5da8f510c47a2dbc', class: "spw-loading__spinner" }), h("p", { key: '8de8b8f0bc0aa81788edc1bf03d70e0a3fb48b52', class: "spw-loading__text" }, this.text))));
+    }
+    static get style() { return SpwLoadingStyle0; }
+}, [1, "spw-loading", {
+        "text": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-loading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-loading":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwLoading);
+            }
+            break;
+    } });
+}
+
+export { SpwLoading as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-cb0eb249.js.map

package/dist/components/p-cb0eb249.js.map

@@ -0,0 +1 @@
+{"file":"p-cb0eb249.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ikGAAikG,CAAC;AACxlG,yBAAe,aAAa;;MCMf,UAAU;;;;;oBAEG,eAAe;;IAEvC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,sBAAsB,GAAO,EACxC,0DAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,IAAI,CAAK,CACxC,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-loading {\n  display: flex;\n  &__spinner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 4px solid var(--spw-color-themes-grey-grey-100);\n    border-top-color: var(--spw-ds-primary);\n    animation: loading 1s linear infinite;\n  }\n  @keyframes loading {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  &__text {\n    margin-left: 8px;\n    color: var(--spw-color-themes-grey-grey-800);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-loading',\n  styleUrl: 'spw-loading.scss',\n  shadow: true,\n})\nexport class SpwLoading {\n  /** Permet de spécifier un texte de chargement */\n  @Prop() text?: string = 'Chargement...';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-loading\">\n          <div class=\"spw-loading__spinner\"></div>\n          <p class=\"spw-loading__text\">{this.text}</p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-cb99b731.js

@@ -0,0 +1,153 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-3706b88e.js';
+import { d as defineCustomElement$3 } from './p-b3b66a09.js';
+import { d as defineCustomElement$2 } from './p-e70f2b83.js';
+import { d as defineCustomElement$1 } from './p-72ca702e.js';
+
+const spwTextFieldCss = "/*! 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%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-border:var(--spw-color-themes-grey-grey-800);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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:4px;flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spw-text-field__input[type=number][type=number]{-moz-appearance:textfield}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-color-themes-grey-grey-900)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
+const SpwTextFieldStyle0 = spwTextFieldCss;
+
+const SpwTextField = /*@__PURE__*/ proxyCustomElement(class SpwTextField extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChanged = createEvent(this, "valueChanged", 7);
+        this.internals = this.attachInternals();
+        this.internalValue = '';
+        this.value = undefined;
+        this.type = 'text';
+        this.label = '';
+        this.placeholder = undefined;
+        this.disabled = undefined;
+        this.name = undefined;
+        this.minLength = undefined;
+        this.maxLength = undefined;
+        this.isSearch = false;
+        this.isClear = false;
+        this.required = false;
+        this.size = 'medium';
+        this.indicator = undefined;
+        this.assistiveText = undefined;
+        this.error = '';
+        this.hint = '';
+        this.success = '';
+        this.showErrorIcon = true;
+        this.showHintIcon = true;
+        this.showSuccessIcon = true;
+        this.isClearIconVisible = false;
+    }
+    valueChangedHandler(newValue) {
+        this.internalValue = newValue;
+        this.internals.setFormValue(this.internalValue);
+        this.valueChanged.emit(this.internalValue);
+    }
+    componentWillLoad() {
+        if (this.value) {
+            this.internalValue = this.value;
+        }
+    }
+    handleChange(event) {
+        this.internalValue = event.target.value;
+        this.value = this.internalValue;
+        this.isClearIconVisible = this.isClear && !!this.internalValue;
+        this.internals.setFormValue(this.internalValue);
+        this.valueChanged.emit(this.internalValue);
+    }
+    handleClear() {
+        this.internalValue = '';
+        this.value = '';
+        this.internals.setFormValue(this.internalValue);
+        this.valueChanged.emit(this.internalValue);
+        this.isClearIconVisible = false;
+    }
+    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-text-field': true,
+            [`spw-text-field--${this.size}`]: true,
+            'spw-text-field--is-search': this.isSearch,
+            'spw-text-field--is-error': !!this.error,
+            'spw-text-field--is-clear': this.isClearIconVisible,
+            'spw-text-field--disabled': this.disabled,
+        };
+    }
+    render() {
+        return (h("div", { key: '59a46fa2a17b67e7775b37216e25c2f615d660a2', class: this.elementClass }, this.label && h("spw-field-label", { key: '6fa71f7ab81101cbd226e8bd0b2429b843e1f7b2', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '5efb5f50d8af7d8a55e0f00ce70999eda5c0a50a', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '59918d2629c0116d755f2e7fc2e08a8cb2af8f18', class: "spw-text-field__container" }, h("div", { key: '0c703b6e361a0883b522b970215bbd4bb9bcdb32', class: "spw-text-field__input-container" }, h("input", { key: '92de3964274a14747a97406c0c81dc9b23fe7aad', class: "spw-text-field__input", type: this.type, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'e9ee591e6800761303e2c73196477d3cca7f9f67', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'b841984b5e7b907acce494c5273e99fc79a07ab0', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '089ec2e4226fa93b9a9fe49f344c1dae2064ebfa', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '59041483ab8d21cc3511af0a766e11adb6cf7c19', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'ea7b4e144b436ca71c285dcb644024ef51783bff', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage()));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "value": ["valueChangedHandler"]
+    }; }
+    static get style() { return SpwTextFieldStyle0; }
+}, [65, "spw-text-field", {
+        "value": [1537],
+        "type": [1],
+        "label": [1],
+        "placeholder": [1],
+        "disabled": [4],
+        "name": [1],
+        "minLength": [2, "min-length"],
+        "maxLength": [2, "max-length"],
+        "isSearch": [4, "is-search"],
+        "isClear": [4, "is-clear"],
+        "required": [4],
+        "size": [1],
+        "indicator": [1],
+        "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],
+        "isClearIconVisible": [32]
+    }, undefined, {
+        "value": ["valueChangedHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-text-field", "spw-field-label", "spw-field-message", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-text-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTextField);
+            }
+            break;
+        case "spw-field-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-field-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SpwTextField as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-cb99b731.js.map

package/dist/components/p-cb99b731.js.map

@@ -0,0 +1 @@
+{"file":"p-cb99b731.js","mappings":"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","names":[],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-input-height: 40px;\n  --spw-input-padding: 0 12px;\n  --spw-input-text-align: left;\n  --spw-input-font-size: 16px;\n  --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n  position: relative;\n  &__input-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n  }\n  &__input {\n    flex: 1;\n    width: 100%;\n    height: var(--spw-input-height);\n    padding: var(--spw-input-padding);\n    text-overflow: ellipsis;\n    line-height: var(--spw-input-height);\n    border-radius: 4px;\n    font-size: var(--spw-input-font-size);\n    text-align: var(--spw-input-text-align);\n    border: 1px solid var(--spw-input-border);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid var(--spw-ds-focus);\n      outline-offset: 2px;\n    }\n    &[type='number'] {\n      -moz-appearance: textfield;\n      -webkit-appearance: none;\n      appearance: none;\n      margin: 0;\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n      &[type='number'] {\n        -moz-appearance: textfield;\n      }\n    }\n    :host-context(spw-header) & {\n      border: 1px solid var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-text-field--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-text-field--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear & {\n      padding-right: 70px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icons {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    gap: 8px;\n    transform: translateY(-50%);\n    .spw-text-field--large & {\n      right: 24px;\n    }\n    .spw-text-field--disabled & {\n      pointer-events: none;\n    }\n  }\n  &__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n    border: 2px var(--spw-color-themes-grey-grey-900) solid;\n    border-radius: 50%;\n    font-size: 12px;\n    transition: all 0.2s ease-in;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n  &__icon {\n    color: var(--spw-color-themes-grey-grey-900);\n    .spw-text-field--disabled & {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n    &--search {\n      pointer-events: none;\n      font-size: 18px;\n      .spw-text-field--large & {\n        font-size: 24px;\n      }\n    }\n    &--clear {\n      font-size: 12px;\n    }\n  }\n}\n","import { AttachInternals, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-text-field',\n  styleUrl: 'spw-text-field.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextField {\n  /** Événement émis lorsque la valeur de l'input change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n  @Prop() type?: string = 'text';\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label: string = '';\n  /** Texte du placeholder pour le champ de saisie */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Longueur minimale pour la valeur de l'input */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur de l'input */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ peut être effacé avec un bouton */\n  @Prop() isClear?: boolean = false;\n  /** Indique si l'input est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ de saisie */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher sous le champ de saisie */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\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  @State() isClearIconVisible: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.internalValue = newValue;\n    this.internals.setFormValue(this.internalValue);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.internalValue = this.value;\n    }\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.isClearIconVisible = this.isClear && !!this.internalValue;\n    this.internals.setFormValue(this.internalValue);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private handleClear() {\n    this.internalValue = '';\n    this.value = '';\n    this.internals.setFormValue(this.internalValue);\n    this.valueChanged.emit(this.internalValue);\n    this.isClearIconVisible = false;\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-text-field': true,\n      [`spw-text-field--${this.size}`]: true,\n      'spw-text-field--is-search': this.isSearch,\n      'spw-text-field--is-error': !!this.error,\n      'spw-text-field--is-clear': this.isClearIconVisible,\n      'spw-text-field--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\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-text-field__container\">\n          <div class=\"spw-text-field__input-container\">\n            <input\n              class=\"spw-text-field__input\"\n              type={this.type}\n              value={this.internalValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              name={this.name}\n              id={this.name}\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              required={this.required}\n              onInput={event => this.handleChange(event)}\n            />\n            {(this.isSearch || this.isClearIconVisible) && (\n              <div class=\"spw-text-field__icons\">\n                {this.isClearIconVisible && (\n                  <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n                    <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n                  </span>\n                )}\n                {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n              </div>\n            )}\n          </div>\n          {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-def4fee9.js

@@ -0,0 +1,33 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwAccordionCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}: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-accordion{border-top:1px solid var(--spw-color-themes-grey-grey-300)}";
+const SpwAccordionStyle0 = spwAccordionCss;
+
+const SpwAccordion = /*@__PURE__*/ proxyCustomElement(class SpwAccordion extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '522657af848eb4a53a877fbe9b5793b2e39dfce8' }, h("div", { key: 'f85e2e923ec6e68ae5843fa340518e4723f08c0e', class: "spw-accordion" }, h("slot", { key: 'bcf891b46696814f8f76fe411c4d8653aa04e19d' }))));
+    }
+    static get style() { return SpwAccordionStyle0; }
+}, [1, "spw-accordion"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwAccordion);
+            }
+            break;
+    } });
+}
+
+export { SpwAccordion as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-def4fee9.js.map

package/dist/components/p-def4fee9.js.map

@@ -0,0 +1 @@
+{"file":"p-def4fee9.js","mappings":";;AAAA,MAAM,eAAe,GAAG,gmFAAgmF,CAAC;AACznF,2BAAe,eAAe;;MCMjB,YAAY;;;;;;IACvB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,eAAe,IACxB,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.spw-accordion {\n  border-top: 1px solid var(--spw-color-themes-grey-grey-300);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-e37034cf.js

@@ -0,0 +1,143 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-3706b88e.js';
+import { d as defineCustomElement$1 } from './p-72ca702e.js';
+
+const spwButtonCss = "/*! 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%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}: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-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button:focus-visible{outline:3px solid var(--spw-ds-focus)}.spw-button__inner{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button:is(a){text-decoration:none}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner{gap:12px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner{gap:8px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner{gap:6px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mx-auto{margin-left:auto;margin-right:auto}.spw-tw-mr-4{margin-right:1rem}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.spw-tw-px-4{padding-left:1rem;padding-right:1rem}";
+const SpwButtonStyle0 = spwButtonCss;
+
+const SpwButton = /*@__PURE__*/ proxyCustomElement(class SpwButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.spwFocus = createEvent(this, "spwFocus", 7);
+        this.spwBlur = createEvent(this, "spwBlur", 7);
+        this.spwNavigate = createEvent(this, "spwNavigate", 7);
+        this.onFocus = () => {
+            this.spwFocus.emit();
+        };
+        this.onBlur = () => {
+            this.spwBlur.emit();
+        };
+        this.onClick = (ev) => {
+            if (this.disabled) {
+                ev.preventDefault();
+                return;
+            }
+            if (this.type === 'reset') {
+                ev.preventDefault();
+                this.resetFormInputs();
+                return;
+            }
+            if (this.type === 'submit' && !this.disabled) {
+                const form = this.el.closest('form');
+                if (form) {
+                    ev.preventDefault();
+                    form.requestSubmit();
+                    return;
+                }
+            }
+            if (this.href !== undefined) {
+                this.spwNavigate.emit(ev);
+            }
+        };
+        this.href = undefined;
+        this.target = '_self';
+        this.rel = undefined;
+        this.download = undefined;
+        this.name = '';
+        this.value = '';
+        this.type = 'button';
+        this.variant = 'primary';
+        this.surface = 'default';
+        this.disabled = false;
+        this.size = 'medium';
+        this.accAriaLabel = undefined;
+        this.icon = undefined;
+        this.iconPosition = undefined;
+        this.isFullWidth = false;
+        this.isFullWidthMobile = true;
+    }
+    resetFormInputs() {
+        const form = this.el.closest('form');
+        if (!form)
+            return;
+        const spwInputs = form.querySelectorAll('spw-input');
+        spwInputs.forEach(spwInput => {
+            const input = spwInput.shadowRoot.querySelector('input');
+            if (input) {
+                input.value = '';
+            }
+        });
+    }
+    get elementClass() {
+        return {
+            'spw-button': true,
+            [`spw-button--${this.variant}`]: true,
+            [`spw-button--surface-${this.surface}`]: true,
+            [`spw-button--${this.size}`]: true,
+            [`spw-button--fullwidth`]: this.isFullWidth,
+            [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,
+        };
+    }
+    render() {
+        const { type, download, href, rel, target, name, value } = this;
+        const TagType = this.href === undefined ? 'button' : 'a';
+        const attrs = TagType === 'button'
+            ? { type: type, name, value }
+            : {
+                download,
+                href,
+                rel,
+                target,
+            };
+        const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
+        const iconClass = `spw-icon--${iconPosition}`;
+        const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
+        const ariaAttributes = {
+            'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
+            'aria-disabled': this.disabled ? 'true' : null,
+        };
+        return (h(TagType, Object.assign({ key: '4ffe0a0a720e7124079dd1a101ce439e4b571df3' }, attrs, { class: this.elementClass, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: '7bd65740f0a5e8f7e0d6fa699e7fba29bc1e0ea1', class: "spw-button__inner" }, iconPosition === 'left' && iconElement, h("slot", { key: 'fd571bd239bd4f94f1414c767cd03b7e4c7e0fec' }), iconPosition === 'right' && iconElement)));
+    }
+    get el() { return this; }
+    static get style() { return SpwButtonStyle0; }
+}, [1, "spw-button", {
+        "href": [1],
+        "target": [1],
+        "rel": [1],
+        "download": [1],
+        "name": [1],
+        "value": [8],
+        "type": [1],
+        "variant": [1],
+        "surface": [1],
+        "disabled": [4],
+        "size": [1],
+        "accAriaLabel": [1, "acc-aria-label"],
+        "icon": [1],
+        "iconPosition": [1, "icon-position"],
+        "isFullWidth": [4, "is-full-width"],
+        "isFullWidthMobile": [516, "is-full-width-mobile"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-button", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwButton);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SpwButton as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-e37034cf.js.map

package/dist/components/p-e37034cf.js.map

@@ -0,0 +1 @@
+{"file":"p-e37034cf.js","mappings":"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","names":[],"sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n  display: inline-block;\n  vertical-align: top;\n  --spw-button-font-size-small: 14px;\n  --spw-button-font-size-medium: 16px;\n  --spw-button-font-size-large: 18px;\n  --spw-button-px-small: 16px;\n  --spw-button-px-medium: 20px;\n  --spw-button-px-large: 24px;\n  --spw-button-py-small: 8px;\n  --spw-button-py-medium: 12px;\n  --spw-button-py-large: 16px;\n}\n\n/* Base */\n\n.spw-button {\n  border: 2px solid transparent;\n  display: block;\n  width: 100%;\n  border-radius: 9999px;\n  letter-spacing: 0.18px;\n  cursor: pointer;\n  font-weight: bold;\n  outline: 3px solid transparent;\n  overflow: hidden;\n  transition: all 0.1s ease-in;\n  line-height: 1;\n\n  &--fullwidth {\n    width: 100% !important;\n  }\n\n  &--fullwidth-mobile {\n    width: 100%;\n    @include breakpoint(md) {\n      width: auto;\n    }\n  }\n\n  &:focus-visible {\n    outline: 3px solid var(--spw-ds-focus);\n  }\n\n  &__inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  &:is(a) {\n    text-decoration: none;\n  }\n}\n\n/* Variants */\n\n.spw-button {\n  &--primary {\n    background: var(--spw-ds-primary);\n    color: var(--spw-ds-white);\n    &:not([disabled]):hover {\n      background: var(--spw-ds-variant);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-ds-active);\n    }\n  }\n\n  &--secondary {\n    background: var(--spw-color-themes-grey-grey-200);\n    color: var(--spw-color-themes-grey-grey-900);\n    &:not([disabled]):hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-color-themes-grey-grey-400);\n    }\n  }\n\n  &--tertiary {\n    transition: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--spw-ds-primary);\n    &:not([disabled]):hover,\n    &:not([disabled]):active {\n      text-decoration: underline;\n    }\n    &:not([disabled]):active {\n      color: var(--spw-ds-active);\n    }\n  }\n}\n\n/* Disabled */\n\n.spw-button {\n  &--primary[disabled],\n  &--secondary[disabled] {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n\n  &--tertiary[disabled] {\n    background: none;\n  }\n\n  &--primary[disabled],\n  &--secondary[disabled],\n  &--tertiary[disabled] {\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: none;\n    cursor: not-allowed;\n  }\n}\n\n/* Surface dark */\n\n.spw-button {\n  &--surface-dark {\n    box-shadow: var(--spw-effect-elevation-8);\n    &:not([disabled]):active {\n      box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n    }\n\n    &[disabled] {\n      box-shadow: none;\n    }\n\n    &.spw-button--primary {\n      color: var(--spw-colors-support-grey-grey-900);\n      border-color: var(--spw-ds-white);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: transparent;\n        color: var(--spw-ds-white);\n        border-color: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        background: transparent;\n        color: var(--spw-colors-support-grey-grey-500);\n        border-color: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n    }\n\n    &.spw-button--secondary {\n      background: transparent;\n      color: var(--spw-ds-white);\n      border-color: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-ds-white);\n        background: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-colors-support-grey-grey-400);\n        background: var(--spw-colors-support-grey-grey-400);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n    }\n\n    &.spw-button--tertiary {\n      box-shadow: none;\n      color: var(--spw-ds-white);\n      &:not([disabled]):hover,\n      &:not([disabled]):active {\n        box-shadow: none;\n      }\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-700);\n      }\n    }\n  }\n}\n\n/* Surface light */\n\n.spw-button {\n  &--surface-light {\n    &.spw-button--primary {\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--secondary {\n      color: var(--spw-colors-support-grey-grey-900);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      &:not([disabled]):active {\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--tertiary {\n      color: var(--spw-colors-support-grey-grey-900);\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n      }\n    }\n  }\n}\n\n/* Sizes */\n\n.spw-button {\n  &--large {\n    font-size: var(--spw-button-font-size-large);\n    padding: var(--spw-button-py-large) var(--spw-button-px-large);\n    .spw-button__inner {\n      gap: 12px;\n    }\n  }\n\n  &--medium {\n    font-size: var(--spw-button-font-size-medium);\n    padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n    .spw-button__inner {\n      gap: 8px;\n    }\n  }\n\n  &--small {\n    font-size: var(--spw-button-font-size-small);\n    padding: var(--spw-button-py-small) var(--spw-button-px-small);\n    .spw-button__inner {\n      gap: 6px;\n    }\n  }\n\n  &--small,\n  &--medium,\n  &--large {\n    &.spw-button--tertiary {\n      padding: 4px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-button',\n  styleUrl: 'spw-button.scss',\n  shadow: true,\n})\nexport class SpwButton {\n  @Element() el: HTMLSpwButtonElement;\n\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target?: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Permet de télécharger un fichier au lieu de naviguer vers le lien */\n  @Prop() download?: string;\n  /** Nom du bouton */\n  @Prop() name?: string = '';\n  /** Valeur du bouton */\n  @Prop() value?: string | number = '';\n  /** Type du bouton */\n  @Prop() type?: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Permet de sélectionner une variante du bouton */\n  @Prop() variant?: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  /** Permet de choisir la surface d'arrière-plan du bouton */\n  @Prop() surface?: 'default' | 'dark' | 'light' = 'default';\n  /** Si désactivé, le bouton n'est pas utilisable */\n  @Prop() disabled?: boolean = false;\n  /** Permet de spécifier la taille du bouton */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'medium';\n\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  /** Si vrai, le bouton prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n  /** Si vrai, le bouton prend toute la largeur en mobile */\n  @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n  /** Lors du focus */\n  @Event() spwFocus: EventEmitter<void>;\n  /** Lors de la perte du focus */\n  @Event() spwBlur: EventEmitter<void>;\n  /** Navigation vers un lien lors du clic */\n  @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n  private onFocus = () => {\n    this.spwFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.spwBlur.emit();\n  };\n\n  private resetFormInputs() {\n    const form = this.el.closest('form');\n    if (!form) return;\n\n    const spwInputs = form.querySelectorAll('spw-input');\n    spwInputs.forEach(spwInput => {\n      const input = spwInput.shadowRoot.querySelector('input');\n      if (input) {\n        input.value = '';\n      }\n    });\n  }\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (this.type === 'reset') {\n      ev.preventDefault();\n      this.resetFormInputs();\n      return;\n    }\n\n    if (this.type === 'submit' && !this.disabled) {\n      const form = this.el.closest('form');\n      if (form) {\n        ev.preventDefault();\n        form.requestSubmit();\n        return;\n      }\n    }\n\n    if (this.href !== undefined) {\n      this.spwNavigate.emit(ev);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-button': true,\n      [`spw-button--${this.variant}`]: true,\n      [`spw-button--surface-${this.surface}`]: true,\n      [`spw-button--${this.size}`]: true,\n      [`spw-button--fullwidth`]: this.isFullWidth,\n      [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n    };\n  }\n\n  render() {\n    const { type, download, href, rel, target, name, value } = this;\n    const TagType = this.href === undefined ? 'button' : 'a';\n    const attrs =\n      TagType === 'button'\n        ? { type: type, name, value }\n        : {\n            download,\n            href,\n            rel,\n            target,\n          };\n\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <TagType {...attrs} class={this.elementClass} disabled={this.disabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n        <div class=\"spw-button__inner\">\n          {iconPosition === 'left' && iconElement}\n          <slot></slot>\n          {iconPosition === 'right' && iconElement}\n        </div>\n      </TagType>\n    );\n  }\n}\n"],"version":3}