@spw-ds/spw-stencil-library 1.2.2 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

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

@@ -1 +0,0 @@
-{"file":"p-BbuJ0hsQ.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6+GAA6+G;;MCO7/G,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAG,CAAA,GAAA,GAAsC,IAAI;AAyBtD;IArBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAa,GAAG,IAAI;AAC7E,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,aAAa,EAAA,EACzB,WAAW,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,EAC5D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACE,EACV,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACvC,CACH,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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-Cf-dIWNi.js

@@ -1,129 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
-
-const spwCheckboxCss = "/*! 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-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);box-sizing:border-box;display:inline-flex;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:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:\"\";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-checkbox-checked-hover-color);color:var(--spw-ds-checkbox-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-checkbox-checked-active-color);color:var(--spw-ds-checkbox-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:#fff;border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";
-
-const SpwCheckbox = /*@__PURE__*/ proxyCustomElement(class SpwCheckbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.spwChange = createEvent(this, "spwChange");
-        this.internals = this.attachInternals();
-        /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */
-        this.disabled = false;
-        /** Propriété mutable qui reflète si la case à cocher est cochée ou non */
-        this.checked = false;
-        /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */
-        this.error = false;
-        /** Icône à afficher lorsque la case à cocher est cochée */
-        this.icon = 'fa-check';
-        /** Type de variant pour la checkbox */
-        this.variant = 'default';
-    }
-    handleCheckbox() {
-        if (!this.disabled) {
-            this.internalChecked = !this.internalChecked;
-            this.checked = this.internalChecked;
-            this.updateFormValue();
-            this.spwChange.emit(this.internalChecked);
-        }
-    }
-    /** Méthode publique pour changer l'état de la case à cocher. */
-    async toggleCheckedState(newVal) {
-        this.internalChecked = newVal;
-        this.checked = newVal;
-        this.updateFormValue();
-    }
-    checkedChanged(newChecked) {
-        this.internalChecked = newChecked;
-        this.inputElement.checked = newChecked;
-        this.updateFormValue();
-    }
-    updateFormValue() {
-        if (this.internalChecked) {
-            this.internals.setFormValue('on');
-        }
-        else {
-            this.internals.setFormValue(null);
-        }
-    }
-    handleKeydown(event) {
-        if (event.key === ' ' || event.key === 'Enter') {
-            // Space or Enter keys
-            this.handleCheckbox();
-            event.preventDefault();
-        }
-    }
-    componentWillLoad() {
-        this.internalChecked = this.checked;
-        this.updateFormValue();
-    }
-    componentDidLoad() {
-        var _a;
-        (_a = this.el.closest('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('formdata', (e) => {
-            if (this.internalChecked) {
-                e.formData.set(this.name, 'on');
-            }
-        });
-    }
-    formResetCallback() {
-        this.internalChecked = false;
-        this.checked = false;
-        this.updateFormValue();
-    }
-    get elementClass() {
-        return {
-            'spw-checkbox__wrapper': true,
-            [`spw-checkbox__wrapper--${this.variant}`]: true,
-            'spw-checkbox__wrapper--disabled': this.disabled,
-            'spw-checkbox__wrapper--checked': this.internalChecked,
-            'spw-checkbox__wrapper--error': this.error,
-        };
-    }
-    render() {
-        const slot = this.el.innerHTML;
-        const hasSlot = Boolean(slot);
-        return (h("div", { key: '346a6a165000a9fac29cfcf8fb742dc3871d07c2', class: "spw-checkbox" }, h("input", { key: 'a10fc25d9dc9e2281d945f686f91cf004ad63076', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '4666d69baa172d4a9f81ed2fc17edda8faea3d56', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: '31f0458f49a806820c4f4d7411a9b02045ebc9a6' }))), h("div", { key: 'a537f489f207f9ccfcc933b57a58d5891fdcbe2b', tabindex: this.disabled ? -1 : 0, onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '39ba0368fca18e58d613e1232a5c77fa1d7dc4e6', icon: this.icon }))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "checked": ["checkedChanged"]
-    }; }
-    static get style() { return spwCheckboxCss; }
-}, [65, "spw-checkbox", {
-        "disabled": [4],
-        "checked": [1540],
-        "error": [4],
-        "icon": [1],
-        "name": [1],
-        "variant": [1],
-        "internalChecked": [32],
-        "toggleCheckedState": [64]
-    }, undefined, {
-        "checked": ["checkedChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["spw-checkbox", "spw-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "spw-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SpwCheckbox);
-            }
-            break;
-        case "spw-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SpwCheckbox as S, defineCustomElement as d };
-//# sourceMappingURL=p-Cf-dIWNi.js.map
-
-//# sourceMappingURL=p-Cf-dIWNi.js.map

package/dist/components/p-Cf-dIWNi.js.map

@@ -1 +0,0 @@
-{"file":"p-Cf-dIWNi.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,kvNAAkvN;;MCQ5vN,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AANxB,IAAA,WAAA,GAAA;;;;;;;AAYU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAEO,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;;AAExD,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;;AAEtB,QAAA,IAAI,CAAA,IAAA,GAAW,UAAU;;AAIzB,QAAA,IAAO,CAAA,OAAA,GAA0B,SAAS;AAiHnD;IAxGS,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe;AAC5C,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe;YACnC,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;;;;IAM7C,MAAM,kBAAkB,CAAC,MAAe,EAAA;AACtC,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM;AAC7B,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM;QACrB,IAAI,CAAC,eAAe,EAAE;;AAIxB,IAAA,cAAc,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,eAAe,GAAG,UAAU;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,UAAU;QACtC,IAAI,CAAC,eAAe,EAAE;;IAGhB,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;;aAC5B;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;;;AAI7B,IAAA,aAAa,CAAC,KAAK,EAAA;AACzB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;;YAE9C,IAAI,CAAC,cAAc,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE;;;IAI1B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO;QACnC,IAAI,CAAC,eAAe,EAAE;;IAGxB,gBAAgB,GAAA;;AACd,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAgB,KAAI;AACzE,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;;AAEnC,SAAC,CAAC;;IAGJ,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK;AAC5B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACpB,IAAI,CAAC,eAAe,EAAE;;AAGxB,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,uBAAuB,EAAE,IAAI;AAC7B,YAAA,CAAC,0BAA0B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YAChD,iCAAiC,EAAE,IAAI,CAAC,QAAQ;YAChD,gCAAgC,EAAE,IAAI,CAAC,eAAe;YACtD,8BAA8B,EAAE,IAAI,CAAC,KAAK;SAC3C;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS;AAC9B,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;AAE7B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACnC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,CAAA,EACD,OAAO,KACN,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA,oBAAA,EAAuB,IAAI,CAAC,QAAQ,GAAG,+BAA+B,GAAG,EAAE,CAAA,CAAE,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EACtJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,CACT,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,IAAI,EAAC,UAAU,kBACD,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,OAAO,EACtC,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAC/B,iBAAA,EAAA,OAAO,EACvB,KAAK,EAAE,IAAI,CAAC,YAAY,EAEvB,EAAA,IAAI,CAAC,eAAe,IAAI,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAC3D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      background: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-checkbox-checked-hover-color);\n        color: var(--spw-ds-checkbox-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-checkbox-checked-active-color);\n        color: var(--spw-ds-checkbox-checked-active-color);\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: white;\n      &:before {\n        background: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\n    // }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"p-z27d6ASx.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/spw-stencil-library/p-03f1a257.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as s,g as t}from"./p-BYM_CUUH.js";import{a as o}from"./p-zpG0udTn.js";const a="/*! 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:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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-file-upload{display:block;position:relative}.spw-file-upload__wrapper--error{background-color:#ffe6e6;border-color:#ff4d4d}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{color:var(--spw-colors-dark-themes-red-red-500);font-size:14px;font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{color:var(--spw-color-themes-grey-grey-600);font-size:14px;margin-top:16px}.spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);border:1px dashed #333;border-radius:8px;color:#555;cursor:pointer;font-weight:700;padding:20px;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed;outline:none!important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{border-top:1px solid #eee;margin-top:16px}.spw-file-upload__info-list li{align-items:center;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;padding:16px 8px}@media (min-width:768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width:768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}.spw-tw-mr-2{margin-right:.5rem}";const r=class{constructor(s){e(this,s);this.spwFileChange=i(this,"spwFileChange");if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.error=false;this.enableDropZone=false;this.multiple=false;this.accept="";this.maxFileSize=100;this.maxFiles=Infinity;this.selectedFiles=[];this.fileTypeErrors=[];this.fileLimitErrors=[];this.isDragging=false;this.isMaxFilesReachedExact=false}componentWillLoad(){this.internalValue=this.value;this.maxFileSize=this.maxFileSize*1024*1024}componentWillUpdate(){if(this.value!==this.internalValue){this.internalValue=this.value}}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(e){const i=e.target;const s=i.files?Array.from(i.files):[];this.processFiles(s)}processFiles(e){this.fileTypeErrors=[];this.fileLimitErrors=[];this.isMaxFilesReachedExact=false;if(!this.multiple){this.selectedFiles=[];e=e.slice(0,1)}const i=e.filter((e=>{const i=this.isFileAccepted(e);const s=this.isFileSizeValid(e);if(!i&&!s){this.fileTypeErrors.push(`${e.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);return false}else if(!i){this.fileTypeErrors.push(`${e.name} n'a pas été pris en compte car le format n'est pas autorisé.`);return false}else if(!s){this.fileTypeErrors.push(`${e.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);return false}return true}));if(this.selectedFiles.length+i.length>=this.maxFiles){const e=this.maxFiles-this.selectedFiles.length;if(this.selectedFiles.length+i.length===this.maxFiles){this.isMaxFilesReachedExact=true;this.fileLimitErrors.push("Vous avez atteint la limite autorisée de fichiers.")}else{i.splice(e);const s=this.maxFiles>1?"fichiers":"fichier";this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${s}.`)}}this.selectedFiles=[...this.selectedFiles,...i];this.spwFileChange.emit({files:this.selectedFiles});this.updateFormValue()}isFileAccepted(e){if(!this.accept)return true;const i=this.accept.split(",").map((e=>e.trim()));return i.includes(e.type)||i.some((i=>e.name.endsWith(i)))}isFileSizeValid(e){return e.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const e=new FormData;this.selectedFiles.forEach(((i,s)=>{e.append(`${this.name}[${s}]`,i)}));this.internalValue=e.toString();this.internals.setFormValue(e)}else{this.internalValue="";this.internals.setFormValue(null)}}async resetInput(){this.inputElement.value="";this.selectedFiles=[];this.fileLimitErrors=[];this.fileTypeErrors=[];this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(e){e.preventDefault();if(!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=true}}handleDragLeave(){if(!this.disabled&&this.enableDropZone){this.isDragging=false}}handleDrop(e){var i;e.preventDefault();if(!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=false;const s=((i=e.dataTransfer)===null||i===void 0?void 0:i.files)?Array.from(e.dataTransfer.files):[];this.processFiles(s)}}removeFile(e){this.selectedFiles=this.selectedFiles.filter(((i,s)=>s!==e));this.fileLimitErrors=[];this.updateFormValue()}handleKeydown(e){if((e.key===" "||e.key==="Enter")&&!this.isMaxFilesReached){e.preventDefault();!this.disabled&&this.inputElement.click()}}get elementClass(){return{"spw-file-upload__wrapper":true,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload__wrapper--error":this.error,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){const e=this.maxFileSize/(1024*1024);const i=this.accept?this.accept:"tous les formats";const s=[];let t=`Taille maximale par fichier : ${e} Mo`;if(this.multiple&&this.maxFiles!==Infinity){const e=this.maxFiles>1?"fichiers":"fichier";t+=` - ${this.maxFiles} ${e} maximum.`}else{t+="."}s.push(t);s.push(`Formats autorisés : ${i}.`);return s}render(){const e=this.multiple?"Choisir vos fichiers...":"Choisir votre fichier...";const i=this.multiple?"Déposez vos fichiers ici":"Déposez votre fichier ici";return s("div",{key:"905a44e832e6ccd19b72f2185cddf32499e35e31",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"ab7e977d7aa91483669b00a405436c47994984f1",type:"file",ref:e=>this.inputElement=e,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},i," ou ",s("span",{class:"spw-file-upload__dropzone-link"},"choisissez sur votre ordinateur...")):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},e),s("div",{key:"d0771d550e3686310adeae371503cb9970130e4f",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"09f6a60bddfa09069f7181d0222fc925d72a11ea"},this.hintsMessages.map(((e,i)=>s("li",{key:i},e))))),s("div",{key:"e8ba3c083e0b132ea17bfdd8c54be97a828eb452",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((e,i)=>s("li",{key:i},s("span",{class:"spw-file-upload__info-list-name"},e.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-tw-mr-2"},o(e.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:e=>{e.preventDefault();this.removeFile(i)}},"Supprimer")))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"ac0e10ceafaf74b7a12045cc01c228c80acf6a91",class:`spw-file-upload__errors ${this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":""}`},this.fileLimitErrors.map(((e,i)=>s("li",{key:i},s("spw-icon",{class:"spw-tw-mr-2",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),e)))),this.fileTypeErrors.length>0&&s("ul",{key:"57cb8990cdb8212a7066869cd0a0671bdd7d3b42",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((e,i)=>s("li",{key:i},s("spw-icon",{class:"spw-tw-mr-2",icon:"fa-warning"}),e))))))}static get formAssociated(){return true}get el(){return t(this)}};r.style=a;export{r as spw_file_upload};
-//# sourceMappingURL=p-03f1a257.entry.js.map

package/dist/spw-stencil-library/p-07cadb86.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwSidebarNavigationItemCss","SpwSidebarNavigationItem","constructor","hostRef","this","active","disabled","iconVariant","hasDropdown","dropdownOpen","navExpanded","checkNavExpanded","document","body","classList","contains","handleDropdownToggle","event","preventDefault","stopPropagation","dropdown","el","querySelector","open","_a","setAttribute","call","_b","removeAttribute","componentDidLoad","checkForDropdown","setupMutationObserver","setupBodyClassObserver","componentDidUpdate","disconnectedCallback","mutationObserver","disconnect","bodyClassObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","hasAttribute","classes","render","Tag","href","iconContent","h","key","variant","icon","iconDiv","class","bubble","iconWithBubble","tooltipTitle","cursor","direction","visible","toggleClasses","undefined","tabIndex","onClick","name"],"sources":["src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.scss?tag=spw-sidebar-navigation-item","src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-sidebar-navigation-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: start;\n  color: inherit;\n  text-decoration: none;\n  padding-right: 16px;\n  font-size: 16px;\n  width: var(--spw-ds-bo-sidebar-expanded-width);\n  color: var(--spw-colors-support-grey-grey-900);\n  transition: all 0.2s ease;\n  margin: 8px 0;\n  .spw-sidebar-navigation-dropdown & {\n    width: auto;\n    margin: 0;\n  }\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n  }\n  &--active,\n  &--active:hover {\n    .spw-sidebar-navigation-item__icon {\n      color: var(--spw-ds-primary);\n    }\n  }\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.3;\n  }\n  spw-sidebar-navigation-dropdown & {\n    padding-right: 0;\n  }\n  spw-tooltip {\n    line-height: 1;\n  }\n  &__bubble {\n    position: absolute;\n    top: 0;\n    left: 32px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 12;\n    width: 20px;\n    height: 20px;\n    font-size: 10px;\n    line-height: 1;\n    border: 3px solid white;\n    border-radius: 50%;\n    background-color: var(--spw-ds-primary);\n    color: white;\n  }\n  &__icon {\n    position: relative;\n    min-width: var(--spw-ds-bo-sidebar-width);\n    width: var(--spw-ds-bo-sidebar-width);\n    padding: 12px 0;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 18px;\n    .--expanded & {\n      position: static;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      transition: all 0.2s ease;\n      .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover & {\n        width: 40px;\n        height: 40px;\n        background-color: var(--spw-colors-support-grey-grey-200);\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .spw-sidebar-navigation-item--dropdown-opened &,\n      .spw-sidebar-navigation-item--dropdown-opened:hover & {\n        width: 0;\n        height: 0;\n        background-color: var(--spw-colors-support-grey-grey-100) !important;\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .--expanded & {\n        transition: background-color 0.2s ease;\n        border-radius: 4px;\n      }\n    }\n    spw-icon {\n      position: relative;\n      z-index: 2;\n    }\n  }\n  &__content {\n    padding: 12px 0;\n    flex: 1;\n    z-index: 2;\n    max-width: calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);\n    .spw-sidebar-navigation-dropdown & {\n      max-width: 100%;\n      padding: 8px;\n    }\n    &-label {\n      white-space: nowrap;\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n      .--expanded & {\n        white-space: normal;\n        overflow: visible;\n        text-overflow: none;\n      }\n      .spw-sidebar-navigation-dropdown & {\n        font-size: 14px;\n      }\n    }\n  }\n  &__dropdown-toggle {\n    position: absolute;\n    right: 16px;\n    top: 10px;\n    width: 24px;\n    height: 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 10;\n    transition: background-color 0.2s ease;\n\n    .spw-sidebar-navigation-dropdown & {\n      right: 8px;\n      top: 5px;\n    }\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n      .spw-sidebar-navigation-dropdown & {\n        background-color: var(--spw-colors-support-grey-grey-400);\n      }\n    }\n\n    spw-icon {\n      font-size: 14px;\n      position: relative;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  spw-sidebar-navigation-dropdown {\n    .--collapsed & {\n      display: none;\n    }\n  }\n}\n\n.spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  font-weight: bold;\n}\n\n.spw-sidebar-navigation-item--has-dropdown > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  padding-right: 32px;\n}\n\n.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content {\n  background: white;\n  border-radius: 4px;\n}\n\n.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item {\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-300);\n  }\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} tabIndex={this.disabled ? -1 : 0}>\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-10269c11.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as i,g as n}from"./p-BYM_CUUH.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const d=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const r=Array.from(t.children||[]);for(const t of r){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...d(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function r(t){if(t.getAttribute("tabindex")==="-1"||a(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function l(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const c={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},c),{opacity:0}),Object.assign(Object.assign({offset:1},c),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},c),{opacity:1}),Object.assign(Object.assign({offset:1},c),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons ::slotted([slot=buttons]){padding:12px 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen");this.spwModalClose=e(this,"spwModalClose");this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),r);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick);window.removeEventListener("click",this.handleClose);window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=l(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){try{const t=l(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"ef3f979574368eb716f783a10b0df51de505844d"},o("div",{key:"d3de3986ed767588fbbc33771f5a2ec96950c814",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"e838b0d47874973d88bd325cadafcbccecd62e71",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"959a56f373b62d3905ca072f842270d50f7974e9","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"5a4e4d7e92007969e2bdfbccb8a30901448edaa4",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"ff3c6bd78a3aa647a5fc10b007219bfa0a406fbc",class:"spw-modal__content"},o("div",{key:"78448d8952820d8d1b32c8633642daca6e6eaa61",class:"spw-modal__header"},o("h2",{key:"64cd4b7a37899ff59b94cdfaeb24841c185ff68d",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"6ccf7739a69cc24dd7d05ee73851bdc9391e63d0",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"588bb35bb2dc1cdff8d85911851fa3acbd2e36c4",class:"spw-modal__body"},o("slot",{key:"b9e689f2f08aa6456eaeb4481ac09bf7841ded24",name:"content"})),o("div",{key:"7d66d94b7de6b109d9897d44329c897822f70179",class:"spw-modal__buttons"},o("slot",{key:"052f64558204a71b45cf367026c5213939645ba4",name:"buttons"})))),o("div",{key:"65632a2bcb8d66ab99f45a20e159caaf44a3cec7","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
-//# sourceMappingURL=p-10269c11.entry.js.map

package/dist/spw-stencil-library/p-10269c11.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","spwModalCss","SpwModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","stickyButtons","size","alertIcon","slotButtonsPresent","showCloseButton","focusableElements","handleClick","event","path","composedPath","trigger","find","el","_a","HTMLElement","call","modalId","hostElement","id","handleClose","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","key","doBeforeClose","closeModal","openModal","componentDidLoad","window","capture","disconnectedCallback","removeEventListener","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_b","blur","spwModalOpen","emit","err","close","spwModalClose","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","elementClass","render","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name"],"sources":["src/utils/focus-trap.ts","src/utils/animation.ts","src/components/spw-modal/spw-modal.scss?tag=spw-modal&encapsulation=shadow","src/components/spw-modal/spw-modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0,\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}\n","export function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};\n",":host {\n  display: contents;\n}\n\n.spw-modal {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n\n  &--opened {\n    display: flex;\n  }\n}\n\n.spw-modal__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: black;\n  opacity: 0.7;\n  z-index: 0;\n}\n\n.spw-modal__content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  background-color: #fff;\n  box-shadow: var(--spw-effect-elevation-6);\n  overflow: hidden;\n  box-sizing: border-box;\n  align-items: stretch;\n  border-radius: var(--spw-spacings-border-radius-lg);\n\n  &--small {\n    max-width: 480px;\n  }\n\n  &--medium {\n    max-width: 600px;\n  }\n\n  &--large {\n    max-width: 768px;\n  }\n\n  &--fluid {\n    max-width: 100%;\n  }\n}\n\n.spw-modal__content {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: visible;\n  }\n}\n\n.spw-modal__icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: #fff;\n  align-self: stretch;\n}\n\n.spw-modal__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  padding-bottom: 0;\n  margin-top: 6px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__caption {\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.spw-modal__header h2 {\n  margin: 0;\n  font-size: 18px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.spw-modal__close-button {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  cursor: pointer;\n  font-size: 21px;\n  &:hover {\n    opacity: 0.7;\n  }\n}\n\n.spw-modal__body {\n  padding: 0 24px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  flex: 1;\n  font-size: 16px;\n  color: var(--spw-colors-support-grey-grey-700);\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: auto;\n  }\n}\n\n.spw-modal__buttons {\n  ::slotted([slot='buttons']) {\n    padding: 24px;\n    padding-top: 12px;\n  }\n}\n\n.spw-modal__footer--buttons-present ::slotted(*) {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 24px;\n  padding-top: 8px;\n\n  .spw-modal__content-container--small & {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .spw-modal__content-container--medium & {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n.spw-modal__border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n}\n","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch, Method } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '@utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '@utils/animation';\n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP' | 'PROGRAMMATIC';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n\n@Component({\n  tag: 'spw-modal',\n  styleUrl: 'spw-modal.scss',\n  shadow: true,\n})\nexport class SpwModal {\n  /** Indique si la modal est ouverte ou fermée, mutable et reflétée dans le DOM */\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n\n  @State() showModal: boolean = this.opened || false;\n\n  /** Titre de la modal */\n  @Prop() caption: string = 'Titre de la modal';\n  /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */\n  @Prop() closeOnOverlayClick: boolean = true;\n  /** Rend les boutons en bas de la modal \"collants\" (toujours visibles) si vrai */\n  @Prop() stickyButtons: boolean = false;\n  /** Événement déclenché lors de l'ouverture de la modal */\n  @Event() spwModalOpen: EventEmitter;\n  /** Événement déclenché lors de la fermeture de la modal */\n  @Event() spwModalClose: EventEmitter;\n  /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */\n  @Prop() size: 'small' | 'medium' | 'large' | 'fluid' = 'small';\n  /** Icône d'alerte à afficher dans la modal */\n  @Prop() alertIcon: string = '';\n\n  @Element() hostElement: HTMLSpwModalElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  /** Indique si le bouton de fermeture est visible */\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLSpwIconElement;\n\n  /**\n   * Méthode publique pour fermer la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est fermée\n   */\n  @Method()\n  async closeModal(): Promise<void> {\n    this.doBeforeClose('PROGRAMMATIC');\n  }\n\n  /**\n   * Méthode publique pour ouvrir la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est ouverte\n   */\n  @Method()\n  async openModal(): Promise<void> {\n    this.opened = true;\n  }\n\n  componentDidLoad() {\n    this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);\n    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-trigger');\n      if (modalId === this.hostElement.id) {\n        this.opened = true;\n      }\n    }\n  };\n\n  private handleClose = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-close');\n      if (modalId === this.hostElement.id) {\n        this.opened = false;\n      }\n    }\n  };\n\n  private getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  private getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  private handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  private handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  private attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => {\n        this.closeButton.focus();\n      });\n      return;\n    }\n\n    setTimeout(() => {\n      element.focus();\n    }, 0);\n  }\n\n  private open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.spwModalOpen.emit();\n      });\n    } catch (err) {\n      this.spwModalOpen.emit();\n    }\n  }\n\n  private close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.spwModalClose.emit();\n      });\n    } catch (err) {\n      this.showModal = false;\n      this.spwModalClose.emit();\n    }\n  }\n\n  private handleKeypress = (event: KeyboardEvent) => {\n    if (this.showModal && event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  private doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some(event => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue: boolean) {\n    newValue === true ? this.open() : this.close();\n  }\n\n  private handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP');\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-modal': true,\n      'spw-modal--opened': this.showModal,\n      'spw-modal--sticky-buttons': this.stickyButtons,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.modalContainer = el)} class={this.elementClass}>\n          <div class=\"spw-modal__overlay\" onClick={() => this.handleOverlayClick()}></div>\n          <div data-focus-trap-edge onFocus={this.handleTopFocus} tabindex=\"0\"></div>\n          <div class={`spw-modal__content-container spw-modal__content-container--${this.size}`} role=\"dialog\" aria-modal=\"true\" aria-label={this.caption}>\n            <div class=\"spw-modal__content\">\n              <div class=\"spw-modal__header\">\n                <h2 class=\"spw-modal__caption\">{this.caption}</h2>\n                {this.showCloseButton && (\n                  <spw-icon class=\"spw-modal__close-button\" ref={el => (this.closeButton = el)} icon=\"fa-xmark\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}></spw-icon>\n                )}\n              </div>\n              <div class=\"spw-modal__body\">\n                <slot name=\"content\" />\n              </div>\n              <div class=\"spw-modal__buttons\">\n                <slot name=\"buttons\"></slot>\n              </div>\n            </div>\n          </div>\n          <div data-focus-trap-edge onFocus={this.handleBottomFocus} tabindex=\"0\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-1e725439.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as n,c as o}from"./p-BYM_CUUH.js";const s="/*! 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:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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)}}";const a=class{constructor(e){t(this,e)}render(){return e(i,{key:"580fb50f869e7eb3e2c0a53f41ad515d94cbe009"},e("div",{key:"841e8c248402008a91263ba8e11d09505ca1b71b",class:"spw-accordion"},e("slot",{key:"cbe8f77a5f9b644b7fcea364f2e1f71d0fb09108"})))}};a.style=s;const r="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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-content{color:var(--spw-color-themes-grey-grey-800);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";const d=class{constructor(e){t(this,e);this.isOpened=false}componentDidLoad(){this.assignItemId();this.updateHeight();window.addEventListener("resize",this.handleResize.bind(this));this.contentElement.addEventListener("transitionend",this.handleTransitionEnd.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this));this.contentElement.removeEventListener("transitionend",this.handleTransitionEnd.bind(this))}assignItemId(){const t=this.el.closest("spw-accordion-item");if(t){const e=t.getAttribute("data-accordion-id");if(e){this.el.setAttribute("data-accordion-id",e)}}}handleAccordionToggle(t){const e=this.el.getAttribute("data-accordion-id");if(t.detail.id===e){this.isOpened=t.detail.isOpen;this.updateHeight()}}handleResize(){this.updateHeight();setTimeout((()=>{this.updateHeight()}),300)}handleTransitionEnd(t){if(t.propertyName==="max-height"){if(this.isOpened){this.contentElement.classList.add("spw-accordion-content--is-opened")}else{this.contentElement.classList.remove("spw-accordion-content--is-opened")}}}updateHeight(){requestAnimationFrame((()=>{const t=this.contentElement;if(this.isOpened){const e=t.scrollHeight;t.style.maxHeight=`${e}px`}else{t.style.maxHeight="0px"}}))}render(){return e("div",{key:"47bc447a3bc5cd22e31a103e9223d68bb3299747",class:"spw-accordion-content",ref:t=>this.contentElement=t,"data-accordion-id":this.el.getAttribute("data-accordion-id")},e("div",{key:"850eef496b26067e7924d08d2b910d1b104b2d89",class:"spw-accordion-content__inner"},e("slot",{key:"12d15fce0069bc11dcb8d16df2c3bda4870137d3",onSlotchange:()=>this.updateHeight()})))}get el(){return n(this)}};d.style=r;const c="/*! 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:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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-item{position:relative}.spw-accordion-item__content{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);position:relative}.spw-accordion-item__trigger{background:#fff;display:block;position:sticky;text-decoration:none;top:0;z-index:10}@media (min-width:768px){.spw-accordion-item__trigger{position:relative}}.spw-accordion-item__trigger:focus-visible{box-shadow:0 0 0 2px #000;outline:2px solid #fff;outline-offset:-3px}";const p=class{constructor(e){t(this,e);this.accordionToggle=o(this,"accordionToggle");this.isOpen=false;this.isMobile=window.innerWidth<768;this.defaultOpen=false}componentWillLoad(){this.isOpen=this.defaultOpen;this.assignItemId();this.setupResizeListener();this.toggleClasses()}componentDidLoad(){if(this.isOpen){const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements()}}disconnectedCallback(){this.teardownResizeListener()}defaultOpenChanged(t){this.isOpen=t;this.toggleClasses();this.updateFocusableElements()}assignItemId(){const t=Array.from(this.el.parentNode.children).indexOf(this.el);this.el.setAttribute("data-accordion-id",`accordion-item-${t}`)}toggleContent(){this.isOpen=!this.isOpen;const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements();if(!this.isOpen){this.scrollToElement()}this.toggleClasses()}toggleClasses(){const t=this.el.querySelector("spw-accordion-content");const e=this.el.querySelector("spw-accordion-title");if(t){t.classList.toggle("--collapsed",!this.isOpen)}if(e){e.classList.toggle("--collapsed",!this.isOpen)}}handleClick(t){t.preventDefault();this.toggleContent()}scrollToElement(){const t=this.el.shadowRoot.querySelector(".spw-accordion-item__content");if(t&&this.isMobile){t.scrollIntoView({behavior:"smooth",block:"start"})}}updateFocusableElements(){const t=this.el.shadowRoot.querySelector('slot[name="content"]');if(!t){return}const e=t.assignedElements({flatten:true});e.forEach((t=>{const e=t.querySelectorAll("*");e.forEach((t=>{if(this.isOpen){const e=t.getAttribute("data-tabindex-original");if(e!==null){t.setAttribute("tabindex",e);t.removeAttribute("data-tabindex-original")}else{t.removeAttribute("tabindex")}}else{if(!t.hasAttribute("data-tabindex-original")){const e=t.getAttribute("tabindex");if(e!==null){t.setAttribute("data-tabindex-original",e)}else{t.setAttribute("data-tabindex-original","")}}t.setAttribute("tabindex","-1")}}))}))}setupResizeListener(){this.resizeListener=()=>{this.isMobile=window.innerWidth<768};window.addEventListener("resize",this.resizeListener)}teardownResizeListener(){if(this.resizeListener){window.removeEventListener("resize",this.resizeListener)}}get elementClass(){return{"spw-accordion-item":true,"spw-accordion-item--collapsed":!this.isOpen}}get elementChildClass(){return{"spw-accordion-item__trigger":true}}render(){return e(i,{key:"db85e50c8268f27e6c2c1bd5fb9f14ade4a5918b",class:this.elementClass},e("div",{key:"85dae7aa652686ec4e74863ea78e6a82ac0d6bc7",class:"spw-accordion-item__content"},e("a",{key:"a40ecf4340f2a6380301e786d82402af1b9ca5e2",href:"#",class:this.elementChildClass,onClick:t=>this.handleClick(t)},e("slot",{key:"aa68afc78b54f5478506449f9b914fc0429819a1",name:"title"})),e("slot",{key:"d6f6682794d136ef114bd3ff286ba01237865422",name:"content"})))}get el(){return n(this)}static get watchers(){return{defaultOpen:["defaultOpenChanged"]}}};p.style=c;const l="/*! 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:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;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 b=class{constructor(e){t(this,e);this.tag="h3"}render(){const t=this.tag;const n=this.icon?e("spw-icon",{icon:this.icon}):null;return e(i,{key:"c48130c949e4772c6b6e163b8f84b595fa7b4c51"},e("div",{key:"9ff66e56f51b8642019ba46c4b11193fb821bb44",class:"spw-accordion-title"},e("div",{key:"0bb09fdd533c01e98f4f6645338327674e41f2e9",class:"spw-accordion-title__content"},e(t,{key:"3b399be71a64a1a765b0b63e254bf1526ce35534",class:"spw-tw-flex"},n&&e("div",{key:"343ecc64661eb5d85ba408d6556a6c4e407c10d9",class:"spw-tw-mr-3"},n),e("div",{key:"13531d24356419e72af41be702865551c9794518"},e("slot",{key:"b04e6bf552232e0cccffb7ae81bbcb7f689a3f45"}))),e("span",{key:"80bc63470ca5793d423df78c313fa70330f8c302",class:"spw-accordion-title__trigger"},e("spw-icon",{key:"85b2440cdff81b927edfe25a4e3bf71e99e3c236",icon:"fa-chevron-down"})))))}};b.style=l;export{a as spw_accordion,d as spw_accordion_content,p as spw_accordion_item,b as spw_accordion_title};
-//# sourceMappingURL=p-1e725439.entry.js.map

package/dist/spw-stencil-library/p-1e725439.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwAccordionCss","SpwAccordion","render","h","Host","key","class","spwAccordionContentCss","SpwAccordionContent","constructor","hostRef","this","isOpened","componentDidLoad","assignItemId","updateHeight","window","addEventListener","handleResize","bind","contentElement","handleTransitionEnd","disconnectedCallback","removeEventListener","parent","el","closest","itemId","getAttribute","setAttribute","handleAccordionToggle","event","detail","id","isOpen","setTimeout","propertyName","classList","add","remove","requestAnimationFrame","content","scrollHeight","style","maxHeight","ref","onSlotchange","spwAccordionItemCss","SpwAccordionItem","isMobile","innerWidth","defaultOpen","componentWillLoad","setupResizeListener","toggleClasses","accordionToggle","emit","updateFocusableElements","teardownResizeListener","defaultOpenChanged","newValue","index","Array","from","parentNode","children","indexOf","toggleContent","scrollToElement","querySelector","titleElement","toggle","handleClick","preventDefault","element","shadowRoot","scrollIntoView","behavior","block","contentSlot","assignedElements","flatten","forEach","focusableElements","querySelectorAll","focusable","originalTabIndex","removeAttribute","hasAttribute","currentTabIndex","resizeListener","elementClass","elementChildClass","href","onClick","name","spwAccordionTitleCss","SpwAccordionTitle","tag","TagType","iconElement","icon"],"sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","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  position: relative;\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",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":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"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-228a413d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeaderPersonaCss","SpwHeaderPersona","constructor","hostRef","this","activePersona","options","handleButtonClick","_a","selectEl","click","handleButtonKeyDown","event","key","preventDefault","componentWillLoad","setInitialPersona","componentDidLoad","moveOptionsToSelect","selected","el","querySelector","textContent","trim","lightDomOptions","Array","from","querySelectorAll","forEach","option","appendChild","handleChange","select","target","selectedOption","selectedOptions","link","getAttribute","window","location","href","render","h","Host","class","onClick","onKeyDown","icon","ref","onChange","e","tabIndex"],"sources":["src/components/spw-header/spw-header-persona/spw-header-persona.scss?tag=spw-header-persona&encapsulation=shadow","src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-header-persona {\n  position: relative;\n  @include under-breakpoint(lg) {\n    border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n    padding-top: 24px;\n    padding-bottom: 24px;\n  }\n  @include breakpoint(lg) {\n    padding-left: 24px;\n    margin-left: 24px;\n    border-left: 1px solid var(--spw-colors-support-grey-grey-300);\n  }\n\n  &__label {\n    font-size: 14px;\n    margin-bottom: 2px;\n    display: block;\n    color: var(--spw-colors-support-grey-grey-700);\n    @include under-breakpoint(lg) {\n      display: none;\n    }\n  }\n\n  &__active-persona {\n    position: relative;\n    display: flex;\n    gap: 6px;\n    justify-content: space-between;\n    cursor: pointer;\n    font-weight: bold;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    @include breakpoint(lg) {\n      text-decoration: underline;\n      .spw-header-persona:hover & {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &__trigger {\n    display: block;\n    .spw-header-persona--opened & {\n      transform: rotate(180deg);\n    }\n  }\n\n  &__select {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  &__dropdown {\n    display: none;\n    overflow: hidden;\n    .spw-header-persona--opened & {\n      display: block;\n      @include breakpoint(lg) {\n        position: absolute;\n        width: max-content;\n        z-index: 99999;\n        background: white;\n        border-radius: 4px;\n        box-shadow: var(--spw-effect-elevation-8);\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-persona',\n  styleUrl: 'spw-header-persona.scss',\n  shadow: true,\n})\nexport class SpwHeaderPersona {\n  @Element() el!: HTMLElement;\n  @State() activePersona: string = '';\n  @State() options: HTMLOptionElement[] = [];\n\n  private selectEl!: HTMLSelectElement;\n\n  componentWillLoad() {\n    this.setInitialPersona();\n  }\n\n  componentDidLoad() {\n    this.moveOptionsToSelect();\n  }\n\n  private setInitialPersona() {\n    const selected = this.el.querySelector('option[selected]');\n    this.activePersona = selected?.textContent?.trim() || '';\n  }\n\n  private moveOptionsToSelect() {\n    const lightDomOptions = Array.from(this.el.querySelectorAll('option'));\n    this.options = lightDomOptions;\n    lightDomOptions.forEach(option => {\n      this.selectEl.appendChild(option);\n    });\n  }\n\n  private handleChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    const selectedOption = select.selectedOptions[0];\n    this.activePersona = selectedOption?.textContent?.trim() || '';\n    const link = selectedOption?.getAttribute('data-link');\n    if (link) {\n      window.location.href = link;\n    }\n  }\n\n  private handleButtonClick = () => {\n    this.selectEl?.click();\n  };\n\n  private handleButtonKeyDown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.selectEl?.click();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-header-persona\" onClick={this.handleButtonClick} onKeyDown={this.handleButtonKeyDown}>\n          <span class=\"spw-header-persona__label\">Je suis :</span>\n          <div class=\"spw-header-persona__active-persona\">\n            {this.activePersona} <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <select class=\"spw-header-persona__select\" ref={el => (this.selectEl = el as HTMLSelectElement)} onChange={e => this.handleChange(e)} tabIndex={-1} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,qjI,MCOfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAOWC,KAAaC,cAAW,GACxBD,KAAOE,QAAwB,GAmChCF,KAAiBG,kBAAG,K,OAC1BC,EAAAJ,KAAKK,YAAU,MAAAD,SAAA,SAAAA,EAAAE,OAAO,EAGhBN,KAAAO,oBAAuBC,I,MAC7B,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC9CD,EAAME,kBACNN,EAAAJ,KAAKK,YAAU,MAAAD,SAAA,SAAAA,EAAAE,O,EAiBpB,CAvDC,iBAAAK,GACEX,KAAKY,mB,CAGP,gBAAAC,GACEb,KAAKc,qB,CAGC,iBAAAF,G,MACN,MAAMG,EAAWf,KAAKgB,GAAGC,cAAc,oBACvCjB,KAAKC,gBAAgBG,EAAAW,IAAA,MAAAA,SAAA,SAAAA,EAAUG,eAAW,MAAAd,SAAA,SAAAA,EAAEe,SAAU,E,CAGhD,mBAAAL,GACN,MAAMM,EAAkBC,MAAMC,KAAKtB,KAAKgB,GAAGO,iBAAiB,WAC5DvB,KAAKE,QAAUkB,EACfA,EAAgBI,SAAQC,IACtBzB,KAAKK,SAASqB,YAAYD,EAAO,G,CAI7B,YAAAE,CAAanB,G,MACnB,MAAMoB,EAASpB,EAAMqB,OACrB,MAAMC,EAAiBF,EAAOG,gBAAgB,GAC9C/B,KAAKC,gBAAgBG,EAAA0B,IAAA,MAAAA,SAAA,SAAAA,EAAgBZ,eAAW,MAAAd,SAAA,SAAAA,EAAEe,SAAU,GAC5D,MAAMa,EAAOF,IAAc,MAAdA,SAAc,SAAdA,EAAgBG,aAAa,aAC1C,GAAID,EAAM,CACRE,OAAOC,SAASC,KAAOJ,C,EAe3B,MAAAK,GACE,OACEC,EAACC,EAAI,CAAA9B,IAAA,4CACH6B,EAAA,OAAA7B,IAAA,2CAAK+B,MAAM,qBAAqBC,QAASzC,KAAKG,kBAAmBuC,UAAW1C,KAAKO,qBAC/E+B,EAAM,QAAA7B,IAAA,2CAAA+B,MAAM,6BAA4C,aACxDF,EAAK,OAAA7B,IAAA,2CAAA+B,MAAM,sCACRxC,KAAKC,cAAa,IAAEqC,EAAA,YAAA7B,IAAA,2CAAUkC,KAAK,qBAEtCL,EAAA,UAAA7B,IAAA,2CAAQ+B,MAAM,6BAA6BI,IAAK5B,GAAOhB,KAAKK,SAAWW,EAA0B6B,SAAUC,GAAK9C,KAAK2B,aAAamB,GAAIC,UAAU,K","ignoreList":[]}