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

package/dist/spw-stencil-library/{p-cf508941.entry.js → p-c314e59f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-BYM_CUUH.js";const o="/*! 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-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}";const s=class{constructor(t){e(this,t);this.cookiesTitle="Nous utilisons des cookies";this.cookiesDescription=`Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.`;this.acceptAllButtonText="Accepter tous les cookies";this.acceptRequiredButtonText="Accepter uniquement les cookies fonctionnels";this.isVisible=false;this.analyticsEnabled=false}componentWillLoad(){this.initializeCookieSettings();this.checkCookieSettings()}initializeCookieSettings(){if(localStorage.getItem("spw-cookie-settings__required")===null){localStorage.setItem("spw-cookie-settings__required","false")}if(localStorage.getItem("spw-cookie-settings__analytics")===null){localStorage.setItem("spw-cookie-settings__analytics","false")}if(localStorage.getItem("spw-cookie-settings__saved")===null){localStorage.setItem("spw-cookie-settings__saved","false")}}checkCookieSettings(){const e=this.getCookieSettings();if(!e["spw-cookie-settings__saved"]){this.isVisible=true}this.analyticsEnabled=e["spw-cookie-settings__analytics"]}getCookieSettings(){return{"spw-cookie-settings__required":JSON.parse(localStorage.getItem("spw-cookie-settings__required")),"spw-cookie-settings__analytics":JSON.parse(localStorage.getItem("spw-cookie-settings__analytics")),"spw-cookie-settings__saved":JSON.parse(localStorage.getItem("spw-cookie-settings__saved"))}}setCookieSettings(e){Object.keys(e).forEach((t=>{localStorage.setItem(t,JSON.stringify(e[t]))}))}toggleAnalytics(){this.analyticsEnabled=!this.analyticsEnabled;this.setCookieSettings({"spw-cookie-settings__analytics":this.analyticsEnabled})}acceptAllCookies(){this.setCookieSettings({"spw-cookie-settings__required":true,"spw-cookie-settings__analytics":true,"spw-cookie-settings__saved":true});this.isVisible=false}acceptRequiredCookies(){this.setCookieSettings({"spw-cookie-settings__required":true,"spw-cookie-settings__analytics":false,"spw-cookie-settings__saved":true});this.isVisible=false}render(){if(!this.isVisible){return null}return t("div",{class:"spw-cookies"},t("div",{class:"spw-cookies__container"},t("div",{class:"spw-cookies__content"},t("h2",{class:"spw-cookies__title"},this.cookiesTitle),t("p",{class:"spw-cookies__text"},this.cookiesDescription),t("spw-accordion",null,t("spw-accordion-item",null,t("spw-accordion-title",{slot:"title"},"Paramétrer les cookies"),t("spw-accordion-content",{slot:"content"},t("div",{class:"spw-cookies__checkbox"},t("spw-checkbox",{checked:this.analyticsEnabled,onSpwChange:()=>this.toggleAnalytics()},t("span",{class:"spw-cookies__checkbox-text"},'Les cookies de statistiques proviennent de sociétés de externes ("cookies tiers") et sont utilisés pour collecter des informations sur les sites web visités par l\'utilisateur.'))))))),t("div",{class:"spw-cookies__buttons"},t("spw-button",{"is-full-width":"true",onClick:()=>this.acceptAllCookies()},this.acceptAllButtonText),t("spw-button",{"is-full-width":"true",variant:"secondary",onClick:()=>this.acceptRequiredCookies()},this.acceptRequiredButtonText))))}};s.style=o;export{s as spw_cookies};
-//# sourceMappingURL=p-cf508941.entry.js.map
+import{r as e,h as t}from"./p-CvfVJV8a.js";const o="/*! 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-cookies{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:end;left:0;position:fixed;top:0;width:100%;z-index:9999}.spw-cookies__container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.5;margin:12px;max-height:calc(-24px + 100vh);max-width:400px;overflow-y:auto;width:100%}.spw-cookies__buttons,.spw-cookies__content{padding:16px}@media (min-width:768px){.spw-cookies__buttons,.spw-cookies__content{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{background:#fff;bottom:0;display:flex;flex-direction:column;gap:12px;position:sticky;text-align:center;z-index:10}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{color:var(--spw-colors-support-grey-grey-900);font-size:24px;line-height:1.2;margin-bottom:.5rem}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:1rem}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}";const s=class{constructor(t){e(this,t);this.cookiesTitle="Nous utilisons des cookies";this.cookiesDescription=`Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.`;this.acceptAllButtonText="Accepter tous les cookies";this.acceptRequiredButtonText="Accepter uniquement les cookies fonctionnels";this.isVisible=false;this.analyticsEnabled=false}componentWillLoad(){this.initializeCookieSettings();this.checkCookieSettings()}initializeCookieSettings(){if(localStorage.getItem("spw-cookie-settings__required")===null){localStorage.setItem("spw-cookie-settings__required","false")}if(localStorage.getItem("spw-cookie-settings__analytics")===null){localStorage.setItem("spw-cookie-settings__analytics","false")}if(localStorage.getItem("spw-cookie-settings__saved")===null){localStorage.setItem("spw-cookie-settings__saved","false")}}checkCookieSettings(){const e=this.getCookieSettings();if(!e["spw-cookie-settings__saved"]){this.isVisible=true}this.analyticsEnabled=e["spw-cookie-settings__analytics"]}getCookieSettings(){return{"spw-cookie-settings__required":JSON.parse(localStorage.getItem("spw-cookie-settings__required")),"spw-cookie-settings__analytics":JSON.parse(localStorage.getItem("spw-cookie-settings__analytics")),"spw-cookie-settings__saved":JSON.parse(localStorage.getItem("spw-cookie-settings__saved"))}}setCookieSettings(e){Object.keys(e).forEach((t=>{localStorage.setItem(t,JSON.stringify(e[t]))}))}toggleAnalytics(){this.analyticsEnabled=!this.analyticsEnabled;this.setCookieSettings({"spw-cookie-settings__analytics":this.analyticsEnabled})}acceptAllCookies(){this.setCookieSettings({"spw-cookie-settings__required":true,"spw-cookie-settings__analytics":true,"spw-cookie-settings__saved":true});this.isVisible=false}acceptRequiredCookies(){this.setCookieSettings({"spw-cookie-settings__required":true,"spw-cookie-settings__analytics":false,"spw-cookie-settings__saved":true});this.isVisible=false}render(){if(!this.isVisible){return null}return t("div",{class:"spw-cookies"},t("div",{class:"spw-cookies__container"},t("div",{class:"spw-cookies__content"},t("h2",{class:"spw-cookies__title"},this.cookiesTitle),t("p",{class:"spw-cookies__text"},this.cookiesDescription),t("spw-accordion",null,t("spw-accordion-item",null,t("spw-accordion-title",{slot:"title"},"Paramétrer les cookies"),t("spw-accordion-content",{slot:"content"},t("div",{class:"spw-cookies__checkbox"},t("spw-checkbox",{checked:this.analyticsEnabled,onSpwChange:()=>this.toggleAnalytics()},t("span",{class:"spw-cookies__checkbox-text"},'Les cookies de statistiques proviennent de sociétés de externes ("cookies tiers") et sont utilisés pour collecter des informations sur les sites web visités par l\'utilisateur.'))))))),t("div",{class:"spw-cookies__buttons"},t("spw-button",{"is-full-width":"true",onClick:()=>this.acceptAllCookies()},this.acceptAllButtonText),t("spw-button",{"is-full-width":"true",variant:"secondary",onClick:()=>this.acceptRequiredCookies()},this.acceptRequiredButtonText))))}};s.style=o;export{s as spw_cookies};
+//# sourceMappingURL=p-c314e59f.entry.js.map

package/dist/spw-stencil-library/p-c3985590.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,g as n}from"./p-CvfVJV8a.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}: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 o=class{constructor(i){t(this,i);this.tabChanged=e(this,"tabChanged",1);this.defaultActiveTab="1";this.variant="default";this.hasEllipsis=false;this.size="small";this.activeTab="1"}componentWillLoad(){this.activeTab=this.defaultActiveTab}componentDidLoad(){this.applyVariantToChildren();this.updateActiveStates();setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates();this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){const e=t.composedPath();const i=e.find((t=>t.tagName==="SPW-TABS"));if(i!==this.el){return}this.activeTab=t.detail;t.stopPropagation()}slotChanged(){this.applyVariantToChildren();this.updateActiveStates();this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab}));i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){if(!this.maxWidth){return}requestAnimationFrame((()=>{const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=`--ellipsis`;e.forEach((t=>{var e;const n=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(!n){return}const s=document.createElement("div");s.style.cssText=`\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;s.textContent=n;const o=window.getComputedStyle(t);s.style.fontSize=o.fontSize;s.style.fontFamily=o.fontFamily;s.style.fontWeight=o.fontWeight;s.style.fontStyle=o.fontStyle;s.style.letterSpacing=o.letterSpacing;s.style.textTransform=o.textTransform;document.body.appendChild(s);const a=s.getBoundingClientRect().width;document.body.removeChild(s);if(a>this.maxWidth){t.style.setProperty("--spw-tabs-max-width-text",`${this.maxWidth}px`);t.setAttribute("has-ellipsis","true");t.classList.add(i)}else{t.style.removeProperty("--spw-tabs-max-width-text");t.setAttribute("has-ellipsis","false");t.classList.remove(i)}}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i=`--${this.variant}`;const n=`--${this.size}`;const s=t=>t.closest("spw-tabs")===this.el;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="navigation"]');const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="content"]');const r=((o===null||o===void 0?void 0:o.assignedElements({flatten:true}))||[]).filter(s);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(s);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(s(t)){t.classList.add(i);t.classList.add(n)}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);t.classList.add(n)}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(s(t)){t.classList.add(i)}}))}}));this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return i("div",{key:"b4ab2e3d669cf271c861030894df09e5a30c32b6",class:this.elementClass},i("slot",{key:"c4fc77c49d19f00326eaa1fc6fc6d2f6f1ae42c6",name:"navigation"}),i("slot",{key:"cb3766973065dff8a272fe5876b3cc2e93ac0a66",name:"content"}))}get el(){return n(this)}static get watchers(){return{activeTab:["activeTabChanged"],maxWidth:["maxWidthChanged"],hasEllipsis:["hasEllipsisChanged"]}}};o.style=s;export{o as spw_tabs};
+//# sourceMappingURL=p-c3985590.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwTabsCss","SpwTabs","constructor","hostRef","this","defaultActiveTab","variant","hasEllipsis","size","activeTab","componentWillLoad","componentDidLoad","applyVariantToChildren","updateActiveStates","setTimeout","applyMaxWidthToChildren","activeTabChanged","tabChanged","emit","maxWidthChanged","hasEllipsisChanged","getSelectedTab","setSelectedTab","tabId","handleTabSelected","event","path","composedPath","firstTabsInPath","find","el","tagName","detail","stopPropagation","slotChanged","isInThisComponent","closest","navItems","Array","from","querySelectorAll","filter","contents","forEach","item","active","content","maxWidth","requestAnimationFrame","ellipsisClass","textContent","_a","trim","measureEl","document","createElement","style","cssText","computedStyle","window","getComputedStyle","fontSize","fontFamily","fontWeight","fontStyle","letterSpacing","textTransform","body","appendChild","contentWidth","getBoundingClientRect","width","removeChild","setProperty","setAttribute","classList","add","removeProperty","remove","variantClass","sizeClass","navigationSlot","shadowRoot","querySelector","contentSlot","_b","navigationElements","assignedElements","flatten","contentElements","elementClass","render","h","key","class","name"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */\n  @Prop() hasEllipsis?: boolean = false;\n  /** Définit la largeur maximale de l'onglet (en pixels) */\n  @Prop() maxWidth?: number;\n  /** Permet de spécifier la taille de l'onglet */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'small';\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  /** Événement émis lorsque l'onglet actif change */\n  @Event({\n    bubbles: false,\n    composed: false\n  }) tabChanged: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n\n    setTimeout(() => {\n      this.applyMaxWidthToChildren();\n    }, 100);\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n    this.tabChanged.emit(this.activeTab);\n  }\n\n  @Watch('maxWidth')\n  maxWidthChanged() {\n    this.applyMaxWidthToChildren();\n  }\n\n  @Watch('hasEllipsis')\n  hasEllipsisChanged() {\n    this.applyVariantToChildren();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    const path = event.composedPath();\n    const firstTabsInPath = path.find(el => (el as HTMLElement).tagName === 'SPW-TABS') as HTMLElement;\n    if (firstTabsInPath !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n    this.applyMaxWidthToChildren();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyMaxWidthToChildren() {\n    if (!this.maxWidth) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n      const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n      const ellipsisClass = `--ellipsis`;\n\n      navItems.forEach(item => {\n        const textContent = item.textContent?.trim() || '';\n\n        if (!textContent) {\n          return;\n        }\n\n        const measureEl = document.createElement('div');\n        measureEl.style.cssText = `\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;\n        measureEl.textContent = textContent;\n\n        const computedStyle = window.getComputedStyle(item);\n        measureEl.style.fontSize = computedStyle.fontSize;\n        measureEl.style.fontFamily = computedStyle.fontFamily;\n        measureEl.style.fontWeight = computedStyle.fontWeight;\n        measureEl.style.fontStyle = computedStyle.fontStyle;\n        measureEl.style.letterSpacing = computedStyle.letterSpacing;\n        measureEl.style.textTransform = computedStyle.textTransform;\n\n        document.body.appendChild(measureEl);\n        const contentWidth = measureEl.getBoundingClientRect().width;\n        document.body.removeChild(measureEl);\n\n        if (contentWidth > this.maxWidth) {\n          item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n          item.setAttribute('has-ellipsis', 'true');\n\n          item.classList.add(ellipsisClass);\n        } else {\n          item.style.removeProperty('--spw-tabs-max-width-text');\n          item.setAttribute('has-ellipsis', 'false');\n          item.classList.remove(ellipsisClass);\n        }\n      });\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const sizeClass = `--${this.size}`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              item.classList.add(sizeClass);\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          el.classList.add(sizeClass);\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n\n      this.applyMaxWidthToChildren();\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,6kF,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,iDASUC,KAAgBC,iBAAW,IAE3BD,KAAOE,QAAsB,UAE7BF,KAAWG,YAAa,MAIxBH,KAAII,KAAkC,QAErCJ,KAAAK,UAAoB,GA6M9B,CArMC,iBAAAC,GACEN,KAAKK,UAAYL,KAAKC,gB,CAGxB,gBAAAM,GACEP,KAAKQ,yBACLR,KAAKS,qBAELC,YAAW,KACTV,KAAKW,yBAAyB,GAC7B,I,CAIL,gBAAAC,GACEZ,KAAKS,qBACLT,KAAKa,WAAWC,KAAKd,KAAKK,U,CAI5B,eAAAU,GACEf,KAAKW,yB,CAIP,kBAAAK,GACEhB,KAAKQ,wB,CAQP,oBAAMS,GACJ,OAAOjB,KAAKK,S,CASd,oBAAMa,CAAeC,GACnBnB,KAAKK,UAAYc,C,CAInB,iBAAAC,CAAkBC,GAChB,MAAMC,EAAOD,EAAME,eACnB,MAAMC,EAAkBF,EAAKG,MAAKC,GAAOA,EAAmBC,UAAY,aACxE,GAAIH,IAAoBxB,KAAK0B,GAAI,CAC/B,M,CAGF1B,KAAKK,UAAYgB,EAAMO,OACvBP,EAAMQ,iB,CAIR,WAAAC,GACE9B,KAAKQ,yBACLR,KAAKS,qBACLT,KAAKW,yB,CAGC,kBAAAF,GACN,MAAMsB,EAAqBL,GAAgBA,EAAGM,QAAQ,cAAgBhC,KAAK0B,GAE3E,MAAMO,EAAWC,MAAMC,KAAKnC,KAAK0B,GAAGU,iBAAiB,6BAA6BC,OAAON,GAEzF,MAAMO,EAAWJ,MAAMC,KAAKnC,KAAK0B,GAAGU,iBAAiB,qBAAqBC,OAAON,GAEjFE,EAASM,SAAQC,IACfA,EAAKC,OAASD,EAAKrB,QAAUnB,KAAKK,SAAS,IAG7CiC,EAASC,SAAQG,IACfA,EAAQD,OAASC,EAAQvB,QAAUnB,KAAKK,SAAS,G,CAI7C,uBAAAM,GACN,IAAKX,KAAK2C,SAAU,CAClB,M,CAGFC,uBAAsB,KACpB,MAAMb,EAAqBL,GAAgBA,EAAGM,QAAQ,cAAgBhC,KAAK0B,GAC3E,MAAMO,EAAWC,MAAMC,KAAKnC,KAAK0B,GAAGU,iBAAiB,6BAA6BC,OAAON,GACzF,MAAMc,EAAgB,aAEtBZ,EAASM,SAAQC,I,MACf,MAAMM,IAAcC,EAAAP,EAAKM,eAAW,MAAAC,SAAA,SAAAA,EAAEC,SAAU,GAEhD,IAAKF,EAAa,CAChB,M,CAGF,MAAMG,EAAYC,SAASC,cAAc,OACzCF,EAAUG,MAAMC,QAAU,8JAO1BJ,EAAUH,YAAcA,EAExB,MAAMQ,EAAgBC,OAAOC,iBAAiBhB,GAC9CS,EAAUG,MAAMK,SAAWH,EAAcG,SACzCR,EAAUG,MAAMM,WAAaJ,EAAcI,WAC3CT,EAAUG,MAAMO,WAAaL,EAAcK,WAC3CV,EAAUG,MAAMQ,UAAYN,EAAcM,UAC1CX,EAAUG,MAAMS,cAAgBP,EAAcO,cAC9CZ,EAAUG,MAAMU,cAAgBR,EAAcQ,cAE9CZ,SAASa,KAAKC,YAAYf,GAC1B,MAAMgB,EAAehB,EAAUiB,wBAAwBC,MACvDjB,SAASa,KAAKK,YAAYnB,GAE1B,GAAIgB,EAAejE,KAAK2C,SAAU,CAChCH,EAAKY,MAAMiB,YAAY,4BAA6B,GAAGrE,KAAK2C,cAE5DH,EAAK8B,aAAa,eAAgB,QAElC9B,EAAK+B,UAAUC,IAAI3B,E,KACd,CACLL,EAAKY,MAAMqB,eAAe,6BAC1BjC,EAAK8B,aAAa,eAAgB,SAClC9B,EAAK+B,UAAUG,OAAO7B,E,IAExB,G,CAIE,sBAAArC,GACNoC,uBAAsB,K,QACpB,MAAM+B,EAAe,KAAK3E,KAAKE,UAC/B,MAAM0E,EAAY,KAAK5E,KAAKI,OAE5B,MAAM2B,EAAqBL,GAAgBA,EAAGM,QAAQ,cAAgBhC,KAAK0B,GAE3E,MAAMmD,GAAiB9B,EAAA/C,KAAK0B,GAAGoD,cAAY,MAAA/B,SAAA,SAAAA,EAAAgC,cAAc,2BACzD,MAAMC,GAAcC,EAAAjF,KAAK0B,GAAGoD,cAAY,MAAAG,SAAA,SAAAA,EAAAF,cAAc,wBAEtD,MAAMG,IAAsBL,IAAA,MAAAA,SAAA,SAAAA,EAAgBM,iBAAiB,CAAEC,QAAS,SAAW,IAAI/C,OAAON,GAC9F,MAAMsD,IAAmBL,IAAA,MAAAA,SAAA,SAAAA,EAAaG,iBAAiB,CAAEC,QAAS,SAAW,IAAI/C,OAAON,GAExFmD,EAAmB3C,SAAQb,IACzB,GAAIA,EAAGC,UAAY,sBAAuB,CACxCD,EAAG6C,UAAUC,IAAIG,GAEjBjD,EAAGU,iBAAiB,4BAA4BG,SAAQC,IACtD,GAAIT,EAAkBS,GAAO,CAC3BA,EAAK+B,UAAUC,IAAIG,GACnBnC,EAAK+B,UAAUC,IAAII,E,UAGlB,GAAIlD,EAAGC,UAAY,2BAA4B,CACpDD,EAAG6C,UAAUC,IAAIG,GACjBjD,EAAG6C,UAAUC,IAAII,E,KAIrBS,EAAgB9C,SAAQb,IACtB,GAAIA,EAAGC,UAAY,mBAAoB,CACrCD,EAAG6C,UAAUC,IAAIG,E,KACZ,CACLjD,EAAGU,iBAAiB,oBAAoBG,SAAQG,IAC9C,GAAIX,EAAkBW,GAAU,CAC9BA,EAAQ6B,UAAUC,IAAIG,E,SAM9B3E,KAAKW,yBAAyB,G,CAIlC,gBAAY2E,GACV,MAAO,CACL,WAAY,KACZ,CAAC,aAAatF,KAAKE,WAAY,K,CAInC,MAAAqF,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAO1F,KAAKsF,cACfE,EAAM,QAAAC,IAAA,2CAAAE,KAAK,eACXH,EAAA,QAAAC,IAAA,2CAAME,KAAK,Y","ignoreList":[]}

package/dist/spw-stencil-library/{p-e1c4d94e.entry.js → p-cbf8aea1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const n="/*! 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-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}";const o=class{constructor(t){e(this,t);this.open=false}get classes(){return{"spw-sidebar-navigation-dropdown":true,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return t(i,{key:"4a893e6ce9b405fe37145a7e129593833423a4d6",class:this.classes},t("div",{key:"a7a9de1e9a4a801abaeb77932fff8f6808eb0326",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},t("slot",{key:"8c1221ce9034d5fc3cfe0f2ba741f6529b36a187"})))}};o.style=n;export{o as spw_sidebar_navigation_dropdown};
-//# sourceMappingURL=p-e1c4d94e.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const n="/*! 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-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}";const o=class{constructor(t){e(this,t);this.open=false}get classes(){return{"spw-sidebar-navigation-dropdown":true,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return t(i,{key:"02e55fcb6e035e1c2c89c378f6c12e5142b93456",class:this.classes},t("div",{key:"6938fe3452c3d5b0f7076648d8df01520aad9a04",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},t("slot",{key:"925365f2fb7cec831414a24a45cf292d4080d452"})))}};o.style=n;export{o as spw_sidebar_navigation_dropdown};
+//# sourceMappingURL=p-cbf8aea1.entry.js.map

package/dist/spw-stencil-library/p-ce72bca4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as n}from"./p-CvfVJV8a.js";const o="/*! 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-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{align-items:flex-start;flex-direction:column}";const a=class{constructor(i){t(this,i);this.stepClick=e(this,"stepClick",7);this.currentStep=1;this.variant="horizontal"}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t;this.updateStepsState();this.scrollToWizard()}handleStepClick(t){const e=t.detail;if(e<this.currentStep){this.currentStep=e;this.updateStepsState();this.stepClick.emit(e);this.scrollToWizard()}}scrollToWizard(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.host;const i=(e===null||e===void 0?void 0:e.parentElement)||this.el;if(i){i.scrollIntoView({behavior:"smooth",block:"start"})}}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;if(s>this.currentStep&&e.hasAttribute("status")){e.removeAttribute("status")}if(!e.hasAttribute("status")){if(s<this.currentStep){e.setAttribute("state","completed")}else if(s===this.currentStep){e.setAttribute("state","active")}else{e.setAttribute("state","inactive")}}e.setAttribute("variant",this.variant);e.setAttribute("step-number",s.toString());e.setAttribute("is-last",(i===t.length-1).toString());e.setAttribute("is-clickable",(s<this.currentStep).toString());e.setAttribute("is-current",(s===this.currentStep).toString());e.setAttribute("is-before-current",(s<this.currentStep).toString());e.setAttribute("is-after-current",(s>this.currentStep).toString())}))}))}get elementClass(){return{"spw-wizard":true,[`spw-wizard--${this.variant}`]:true}}render(){return i(s,{key:"9ba69652c40a6e47ce15e3b032c89caed001667f"},i("div",{key:"3c499b8f19bb4e3f311e77a67b84d27d8d1fbfee",class:this.elementClass},i("slot",{key:"1aa0973bfbe60e812ca0daf22905596e31ed3509"})))}get el(){return n(this)}};a.style=o;export{a as spw_wizard};
+//# sourceMappingURL=p-ce72bca4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwWizardCss","SpwWizard","constructor","hostRef","this","currentStep","variant","componentWillLoad","updateStepsState","slotChanged","setStep","step","scrollToWizard","handleStepClick","event","clickedStep","detail","stepClick","emit","host","_a","el","shadowRoot","scrollTarget","parentElement","scrollIntoView","behavior","block","requestAnimationFrame","items","querySelectorAll","forEach","item","index","stepNumber","hasAttribute","removeAttribute","setAttribute","toString","length","elementClass","render","h","Host","key","class"],"sources":["src/components/spw-wizard/spw-wizard.scss?tag=spw-wizard&encapsulation=shadow","src/components/spw-wizard/spw-wizard.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-wizard {\n  display: flex;\n  gap: 0;\n\n  &--horizontal {\n    flex-direction: row;\n  }\n\n  &--vertical {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n","import { Component, Prop, Element, Listen, Event, EventEmitter, Host, Method, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-wizard',\n  styleUrl: 'spw-wizard.scss',\n  shadow: true,\n})\nexport class SpwWizard {\n  @Element() el: HTMLSpwWizardElement;\n  /** Étape actuellement active (index basé sur 1) */\n  @Prop({ mutable: true }) currentStep: number = 1;\n  /** Orientation du wizard */\n  @Prop() variant?: 'horizontal' | 'vertical' = 'horizontal';\n  /** Événement émis lors du clic sur une étape antérieure */\n  @Event() stepClick: EventEmitter<number>;\n\n  componentWillLoad() {\n    this.updateStepsState();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.updateStepsState();\n  }\n\n  /** Méthode publique pour définir une step au wizard */\n  @Method()\n  async setStep(step: number) {\n    this.currentStep = step;\n    this.updateStepsState();\n    this.scrollToWizard();\n  }\n\n  @Listen('wizardItemClick')\n  handleStepClick(event: CustomEvent<number>) {\n    const clickedStep = event.detail;\n    if (clickedStep < this.currentStep) {\n      this.currentStep = clickedStep;\n      this.updateStepsState();\n      this.stepClick.emit(clickedStep);\n      this.scrollToWizard();\n    }\n  }\n\n  private scrollToWizard() {\n    const host = this.el.shadowRoot?.host as HTMLElement;\n    const scrollTarget = host?.parentElement || this.el;\n    if (scrollTarget) {\n      scrollTarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateStepsState() {\n    requestAnimationFrame(() => {\n      const items = this.el.querySelectorAll('spw-wizard-item');\n\n      items.forEach((item, index) => {\n        const stepNumber = index + 1;\n\n        if (stepNumber > this.currentStep && item.hasAttribute('status')) {\n          item.removeAttribute('status');\n        }\n\n        if (!item.hasAttribute('status')) {\n          if (stepNumber < this.currentStep) {\n            item.setAttribute('state', 'completed');\n          } else if (stepNumber === this.currentStep) {\n            item.setAttribute('state', 'active');\n          } else {\n            item.setAttribute('state', 'inactive');\n          }\n        }\n\n        item.setAttribute('variant', this.variant);\n        item.setAttribute('step-number', stepNumber.toString());\n        item.setAttribute('is-last', (index === items.length - 1).toString());\n        item.setAttribute('is-clickable', (stepNumber < this.currentStep).toString());\n        item.setAttribute('is-current', (stepNumber === this.currentStep).toString());\n        item.setAttribute('is-before-current', (stepNumber < this.currentStep).toString());\n        item.setAttribute('is-after-current', (stepNumber > this.currentStep).toString());\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-wizard': true,\n      [`spw-wizard--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAe,0tF,MCORC,EAAS,MALtB,WAAAC,CAAAC,G,+CAQ2BC,KAAWC,YAAW,EAEvCD,KAAOE,QAA+B,YAwF/C,CApFC,iBAAAC,GACEH,KAAKI,kB,CAIP,WAAAC,GACEL,KAAKI,kB,CAKP,aAAME,CAAQC,GACZP,KAAKC,YAAcM,EACnBP,KAAKI,mBACLJ,KAAKQ,gB,CAIP,eAAAC,CAAgBC,GACd,MAAMC,EAAcD,EAAME,OAC1B,GAAID,EAAcX,KAAKC,YAAa,CAClCD,KAAKC,YAAcU,EACnBX,KAAKI,mBACLJ,KAAKa,UAAUC,KAAKH,GACpBX,KAAKQ,gB,EAID,cAAAA,G,MACN,MAAMO,GAAOC,EAAAhB,KAAKiB,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAD,KACjC,MAAMI,GAAeJ,IAAI,MAAJA,SAAI,SAAJA,EAAMK,gBAAiBpB,KAAKiB,GACjD,GAAIE,EAAc,CAChBA,EAAaE,eAAe,CAAEC,SAAU,SAAUC,MAAO,S,EAIrD,gBAAAnB,GACNoB,uBAAsB,KACpB,MAAMC,EAAQzB,KAAKiB,GAAGS,iBAAiB,mBAEvCD,EAAME,SAAQ,CAACC,EAAMC,KACnB,MAAMC,EAAaD,EAAQ,EAE3B,GAAIC,EAAa9B,KAAKC,aAAe2B,EAAKG,aAAa,UAAW,CAChEH,EAAKI,gBAAgB,S,CAGvB,IAAKJ,EAAKG,aAAa,UAAW,CAChC,GAAID,EAAa9B,KAAKC,YAAa,CACjC2B,EAAKK,aAAa,QAAS,Y,MACtB,GAAIH,IAAe9B,KAAKC,YAAa,CAC1C2B,EAAKK,aAAa,QAAS,S,KACtB,CACLL,EAAKK,aAAa,QAAS,W,EAI/BL,EAAKK,aAAa,UAAWjC,KAAKE,SAClC0B,EAAKK,aAAa,cAAeH,EAAWI,YAC5CN,EAAKK,aAAa,WAAYJ,IAAUJ,EAAMU,OAAS,GAAGD,YAC1DN,EAAKK,aAAa,gBAAiBH,EAAa9B,KAAKC,aAAaiC,YAClEN,EAAKK,aAAa,cAAeH,IAAe9B,KAAKC,aAAaiC,YAClEN,EAAKK,aAAa,qBAAsBH,EAAa9B,KAAKC,aAAaiC,YACvEN,EAAKK,aAAa,oBAAqBH,EAAa9B,KAAKC,aAAaiC,WAAW,GACjF,G,CAIN,gBAAYE,GACV,MAAO,CACL,aAAc,KACd,CAAC,eAAepC,KAAKE,WAAY,K,CAIrC,MAAAmC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOzC,KAAKoC,cACfE,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/spw-stencil-library/{p-b0ca9615.entry.js → p-d03b1644.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as n}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: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-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";const o=class{constructor(t){e(this,t);this.href="";this.surface="light"}surfaceChanged(){this.updateSurfaceClass()}componentWillLoad(){this.getSurfaceFromParent()}getSurfaceFromParent(){let e=this.el.parentElement;while(e){if(e.tagName.toLowerCase()==="spw-breadcrumb"){this.surface=e.getAttribute("surface");this.updateSurfaceClass();break}if(e.shadowRoot){e=e.shadowRoot.host}else{e=e.parentElement}}}updateSurfaceClass(){this.el.classList.remove("spw-breadcrumb-item--light","spw-breadcrumb-item--dark");this.el.classList.add(`spw-breadcrumb-item--${this.surface}`)}render(){return t(i,{key:"d18e813e92311789b8f2a9d9f88f59a90b8103a0"},t("li",{key:"7e76e4927389fc6e575f9b6b01c6dfa5a603f140",class:`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`},this.href?t("spw-link",{href:this.href,surface:this.surface},t("slot",null)):t("span",{class:"spw-breadcrumb-item__text","aria-current":"page"},t("slot",null))))}get el(){return n(this)}static get watchers(){return{surface:["surfaceChanged"]}}};o.style=s;export{o as spw_breadcrumb_item};
-//# sourceMappingURL=p-b0ca9615.entry.js.map
+import{r as e,h as t,H as i,g as n}from"./p-CvfVJV8a.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: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-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";const o=class{constructor(t){e(this,t);this.href="";this.surface="light"}surfaceChanged(){this.updateSurfaceClass()}componentWillLoad(){this.getSurfaceFromParent()}getSurfaceFromParent(){let e=this.el.parentElement;while(e){if(e.tagName.toLowerCase()==="spw-breadcrumb"){this.surface=e.getAttribute("surface");this.updateSurfaceClass();break}if(e.shadowRoot){e=e.shadowRoot.host}else{e=e.parentElement}}}updateSurfaceClass(){this.el.classList.remove("spw-breadcrumb-item--light","spw-breadcrumb-item--dark");this.el.classList.add(`spw-breadcrumb-item--${this.surface}`)}render(){return t(i,{key:"d18e813e92311789b8f2a9d9f88f59a90b8103a0"},t("li",{key:"7e76e4927389fc6e575f9b6b01c6dfa5a603f140",class:`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`},this.href?t("spw-link",{href:this.href,surface:this.surface},t("slot",null)):t("span",{class:"spw-breadcrumb-item__text","aria-current":"page"},t("slot",null))))}get el(){return n(this)}static get watchers(){return{surface:["surfaceChanged"]}}};o.style=s;export{o as spw_breadcrumb_item};
+//# sourceMappingURL=p-d03b1644.entry.js.map

package/dist/spw-stencil-library/p-d115a739.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as a,H as n}from"./p-CvfVJV8a.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}: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-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:3ch}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const o=class{constructor(e){t(this,e);this.pageChanged=i(this,"pageChanged",7);this.isDisabled=false;this.variant="numbers";this.currentPage=1;this.inputPageValue="";this.isMobile=window.innerWidth<800;this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages();this.inputPageValue=this.currentPage.toString();window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}goToPage(t){if(t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages){this.currentPage=t;this.inputPageValue=this.currentPage.toString();this.pageChanged.emit(this.currentPage)}}handleInputChange(t){const i=t.target.value;this.inputPageValue=i;const e=parseInt(i,10);if(!isNaN(e)&&e>=1&&e<=this.totalPages){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500)}}getPaginationClass(){var t,i;const e=this.calculatePageRange();const a=e.filter((({page:t})=>t==="...")).length;const n=a>0&&((t=e[1])===null||t===void 0?void 0:t.page)==="...";const s=a>0&&((i=e[e.length-2])===null||i===void 0?void 0:i.page)==="...";let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;if(a===2){o+=" spw-pagination--double-ellipsis"}else if(n){o+=" spw-pagination--ellipsis-start"}else if(s){o+=" spw-pagination--ellipsis-end"}return o}handleKeyDown(t){if(t.key==="Enter"){const t=parseInt(this.inputPageValue,10);if(!isNaN(t)){this.goToPage(t)}}}calculateWidth(){const t=this.inputPageValue.length;if(t<=1){return"3ch"}return`${t+1}ch`}calculatePageRange(){const t=[];const{currentPage:i,totalPages:e,isMobile:a}=this;if(a){if(e<=5){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=3){for(let i=1;i<=3;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-2){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-1;e<=i+1;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}else{if(e<=7){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=4){for(let i=1;i<=4;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-3){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-3;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i+2;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}return t}render(){const t=this.calculatePageRange();const i=this.currentPage>1;const s=this.currentPage<this.totalPages;const o=i&&e("li",{key:"310d6881f5ca26e72e291ff46f3702430f04c156",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"7bf0984d6ca0e452a1af393378029132360d0f88",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"22a2118f590923421f7939c43d2a5219d8f7b83b",icon:"fa-chevron-left"})," ",e("span",{key:"759c5b353af09965af21490c10ad5769aedd5b8c",class:"spw-pagination__item-arrow-text"},"Précédent")));const p=s&&e("li",{key:"f53c2e57b5c522b1cbfddd2065051cc6f12a8989",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"3956b0e4c17fcb36d186d0da90f9a12876f32880",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"415a566238d6628eef7f7076931b1dd6117c59cc",class:"spw-pagination__item-arrow-text"},"Suivant")," ",e("spw-icon",{key:"c692184f2e32af5cecda53da9693097cfe714237",icon:"fa-chevron-right"})));const c=this.currentPage>1&&e("li",{key:"73f7a0999c00ea9a7bc4824b5a5ecb0c7e39a361",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"3032dadbad8440c930f08187b3f13a5f3792fa22",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"a8c783e83bb884f27765b8353f4a248e51a30436",icon:"fa-chevron-left"})," ",e("span",{key:"a16dec2d98c14d3f46e043d6085f8da949e36ec0"},"Précédent")));const r=this.currentPage<this.totalPages&&e("li",{key:"c8bc3cb1a2579704de138011dac511eb6d9cb4d8",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"b1bed9428d39534a9b4132b99abc6abcb503a523",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"295d1d532e9bf87abe1aecfbbe2348f0aceb5aa8"},"Suivant")," ",e("spw-icon",{key:"a57dfaf1c64201cf2ba9a8c8348159f24cb5162a",icon:"fa-chevron-right"})));const l=e("ul",{key:"13e17fdac8c7924ddfd7e9a0efead49d1219d00c",class:"spw-pagination__mobile-arrows"},c,r);return e(n,{key:"327f0c39d4ff811b3b336a3b7ddebfd980631197"},e("div",{key:"91582fe920ccc6122016e349e08f5e0ee8e134b4",class:this.getPaginationClass()},this.variant==="input"&&e(a,{key:"fc891f9ab8a03f988e1f71a3c7e8a82de146c1cf"},e("ul",{key:"ce69c066495c083e6231ea94596498f28df2d946"},o,e("li",{key:"6aa4b5c1eb79fe1c364cfa474d3909c5dfc9a6e7",class:"spw-pagination__input"},e("spw-text-field",{key:"b63bc14dff14f025c6503a2ec1a6250573e51f79",value:this.inputPageValue,type:"text",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled,style:{width:this.calculateWidth()}})),e("li",{key:"fc3afd361ff6457b0cefc381ed210d1ca8b9cae5",class:"spw-pagination__total-pages"},"sur ",this.totalPages," pages"),p),l),this.variant==="numbers"&&e(a,{key:"db332f9578f6a3dc6e7776b2acd98a09c60a5800"},e("ul",{key:"3f4c352d2ed4673cfe15497d83088a3fc9b7caba"},o,t.map((({page:t,class:i})=>{if(t==="..."){return e("li",{class:`spw-pagination__item spw-pagination__item--dots ${i}`},e("spw-icon",{icon:"fa-ellipsis"}))}return e("li",{class:{"spw-pagination__item":true,"spw-pagination__item--active":t===this.currentPage,[i]:true}},e("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t))})),p),l)))}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"],currentPage:["calculateTotalPages"]}}};o.style=s;export{o as spw_pagination};
+//# sourceMappingURL=p-d115a739.entry.js.map

package/dist/spw-stencil-library/{p-b64a003c.entry.js.map → p-d115a739.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spwPaginationCss","SpwPagination","constructor","hostRef","this","isDisabled","variant","currentPage","inputPageValue","isMobile","window","innerWidth","updateIsMobile","componentWillLoad","calculateTotalPages","toString","addEventListener","disconnectedCallback","removeEventListener","totalPages","Math","ceil","totalItems","itemsPerPage","goToPage","page","pageChanged","emit","handleInputChange","event","inputValue","target","value","parseInt","isNaN","clearTimeout","debounceTimer","setTimeout","getPaginationClass","pages","calculatePageRange","ellipsisCount","filter","length","hasEllipsisStart","_a","hasEllipsisEnd","_b","paginationClass","handleKeyDown","key","calculateWidth","i","push","class","render","showPrevArrow","showNextArrow","prevArrow","h","onClick","icon","nextArrow","prevArrowMobile","nextArrowMobile","disabled","mobileArrows","Host","Fragment","type","onInput","onKeyDown","style","width","map","pageClass"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%button {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 700;\n  border-radius: 32px;\n  font-size: 14px;\n  min-width: 32px;\n  height: 32px;\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n}\n\n.spw-pagination {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  @include breakpoint(md) {\n    align-items: flex-start;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    padding: 0;\n  }\n\n  &__item {\n    margin-right: 12px;\n    spw-icon {\n      font-size: 18px;\n    }\n    button {\n      padding: 0 6px;\n      margin: 0;\n      border: none;\n      cursor: pointer;\n      color: var(--spw-color-themes-grey-grey-900);\n      background: none;\n      @extend %button;\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n      button {\n        background: var(--spw-color-themes-grey-grey-200);\n      }\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n      button {\n        background: var(--spw-color-themes-grey-grey-300);\n      }\n    }\n\n    &--arrow {\n      button {\n        padding: 0 12px;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        text-decoration: underline;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    &--dots {\n      position: relative;\n      top: 3px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n      background: none;\n      color: var(--spw-color-themes-grey-grey-400);\n      @extend %button;\n      spw-icon {\n        font-size: 16px;\n      }\n    }\n\n    &--desktop {\n      display: none;\n      @include breakpoint(md) {\n        display: inline-block;\n      }\n    }\n\n    &--active {\n      button {\n        color: white;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  &__input {\n    spw-text-field {\n      width: 3ch;\n      --spw-input-height: 32px;\n      --spw-input-padding: 0 4px;\n      --spw-input-text-align: center;\n      --spw-input-font-size: 14px;\n    }\n  }\n\n  &__mobile-arrows {\n    margin-top: 12px;\n    @include breakpoint(md) {\n      display: none !important;\n    }\n  }\n\n  &__total-pages {\n    font-size: 14px;\n    margin: 0 12px 0 6px;\n  }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-pagination',\n  styleUrl: 'spw-pagination.scss',\n  shadow: true,\n})\nexport class SpwPagination {\n  /** Nombre total d'éléments à paginer */\n  @Prop() totalItems: number;\n  /** Nombre d'éléments à afficher par page */\n  @Prop() itemsPerPage: number;\n  /** Indique si la pagination est désactivée */\n  @Prop() isDisabled: boolean = false;\n  /** Type de variante de la pagination : 'numbers' ou 'input' */\n  @Prop() variant: 'numbers' | 'input' = 'numbers';\n  /** Page actuellement sélectionnée, mutable */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n  @Event() pageChanged: EventEmitter<number>;\n\n  private totalPages: number;\n  @State() inputPageValue: string = '';\n  @State() isMobile: boolean = window.innerWidth < 800;\n  private debounceTimer: any;\n\n  componentWillLoad() {\n    this.calculateTotalPages();\n    this.inputPageValue = this.currentPage.toString();\n    window.addEventListener('resize', this.updateIsMobile);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.updateIsMobile);\n  }\n\n  private updateIsMobile = () => {\n    this.isMobile = window.innerWidth < 800;\n  };\n\n  @Watch('totalItems')\n  @Watch('itemsPerPage')\n  @Watch('currentPage')\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n  }\n\n  private goToPage(page: number) {\n    if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n      this.currentPage = page;\n      this.inputPageValue = this.currentPage.toString();\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    this.inputPageValue = inputValue;\n    const page = parseInt(inputValue, 10);\n\n    if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = setTimeout(() => {\n        this.goToPage(page);\n      }, 500);\n    }\n  }\n\n  private getPaginationClass() {\n    const pages = this.calculatePageRange();\n    const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n    const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n    const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n    let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n    if (ellipsisCount === 2) {\n      paginationClass += ' spw-pagination--double-ellipsis';\n    } else if (hasEllipsisStart) {\n      paginationClass += ' spw-pagination--ellipsis-start';\n    } else if (hasEllipsisEnd) {\n      paginationClass += ' spw-pagination--ellipsis-end';\n    }\n\n    return paginationClass;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const page = parseInt(this.inputPageValue, 10);\n      if (!isNaN(page)) {\n        this.goToPage(page);\n      }\n    }\n  }\n\n  private calculateWidth(): string {\n    const length = this.inputPageValue.length;\n    if (length <= 1) {\n      return '3ch';\n    }\n    return `${length + 1}ch`;\n  }\n\n  private calculatePageRange() {\n    const pages = [];\n    const { currentPage, totalPages, isMobile } = this;\n\n    if (isMobile) {\n      // Mode mobile\n      if (totalPages <= 5) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 3) {\n        for (let i = 1; i <= 3; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 2) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 2; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    } else {\n      // Mode desktop\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 4) {\n        for (let i = 1; i <= 4; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 3) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 3; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    }\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.calculatePageRange();\n    const showPrevArrow = this.currentPage > 1;\n    const showNextArrow = this.currentPage < this.totalPages;\n\n    const prevArrow = showPrevArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrow = showNextArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)}>\n          <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const prevArrowMobile = this.currentPage > 1 && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrowMobile = this.currentPage < this.totalPages && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n          <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const mobileArrows = (\n      <ul class=\"spw-pagination__mobile-arrows\">\n        {prevArrowMobile}\n        {nextArrowMobile}\n      </ul>\n    );\n\n    return (\n      <Host>\n        <div class={this.getPaginationClass()}>\n          {this.variant === 'input' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n                <li class=\"spw-pagination__input\">\n                  <spw-text-field\n                    value={this.inputPageValue}\n                    type=\"text\"\n                    onInput={event => this.handleInputChange(event)}\n                    onKeyDown={event => this.handleKeyDown(event)}\n                    disabled={this.isDisabled}\n                    style={{ width: this.calculateWidth() }}\n                  ></spw-text-field>\n                </li>\n                <li class=\"spw-pagination__total-pages\">sur {this.totalPages} pages</li>\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n          {this.variant === 'numbers' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n\n                {pages.map(({ page, class: pageClass }) => {\n                  if (page === '...') {\n                    return (\n                      <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n                        <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n                      </li>\n                    );\n                  }\n\n                  return (\n                    <li\n                      class={{\n                        'spw-pagination__item': true,\n                        'spw-pagination__item--active': page === this.currentPage,\n                        [pageClass]: true,\n                      }}\n                    >\n                      <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n                        {page}\n                      </button>\n                    </li>\n                  );\n                })}\n\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["spwPaginationCss","SpwPagination","constructor","hostRef","this","isDisabled","variant","currentPage","inputPageValue","isMobile","window","innerWidth","updateIsMobile","componentWillLoad","calculateTotalPages","toString","addEventListener","disconnectedCallback","removeEventListener","totalPages","Math","ceil","totalItems","itemsPerPage","goToPage","page","pageChanged","emit","handleInputChange","event","inputValue","target","value","parseInt","isNaN","clearTimeout","debounceTimer","setTimeout","getPaginationClass","pages","calculatePageRange","ellipsisCount","filter","length","hasEllipsisStart","_a","hasEllipsisEnd","_b","paginationClass","handleKeyDown","key","calculateWidth","i","push","class","render","showPrevArrow","showNextArrow","prevArrow","h","onClick","icon","nextArrow","prevArrowMobile","nextArrowMobile","disabled","mobileArrows","Host","Fragment","type","onInput","onKeyDown","style","width","map","pageClass"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%button {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 700;\n  border-radius: 32px;\n  font-size: 14px;\n  min-width: 32px;\n  height: 32px;\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n}\n\n.spw-pagination {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  @include breakpoint(md) {\n    align-items: flex-start;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    padding: 0;\n  }\n\n  &__item {\n    margin-right: 12px;\n    spw-icon {\n      font-size: 18px;\n    }\n    button {\n      padding: 0 6px;\n      margin: 0;\n      border: none;\n      cursor: pointer;\n      color: var(--spw-color-themes-grey-grey-900);\n      background: none;\n      @extend %button;\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n      button {\n        background: var(--spw-color-themes-grey-grey-200);\n      }\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n      button {\n        background: var(--spw-color-themes-grey-grey-300);\n      }\n    }\n\n    &--arrow {\n      button {\n        padding: 0 12px;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        text-decoration: underline;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    &--dots {\n      position: relative;\n      top: 3px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n      background: none;\n      color: var(--spw-color-themes-grey-grey-400);\n      @extend %button;\n      spw-icon {\n        font-size: 16px;\n      }\n    }\n\n    &--desktop {\n      display: none;\n      @include breakpoint(md) {\n        display: inline-block;\n      }\n    }\n\n    &--active {\n      button {\n        color: white;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  &__input {\n    spw-text-field {\n      width: 3ch;\n      --spw-input-height: 32px;\n      --spw-input-padding: 0 4px;\n      --spw-input-text-align: center;\n      --spw-input-font-size: 14px;\n    }\n  }\n\n  &__mobile-arrows {\n    margin-top: 12px;\n    @include breakpoint(md) {\n      display: none !important;\n    }\n  }\n\n  &__total-pages {\n    font-size: 14px;\n    margin: 0 12px 0 6px;\n  }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-pagination',\n  styleUrl: 'spw-pagination.scss',\n  shadow: true,\n})\nexport class SpwPagination {\n  /** Nombre total d'éléments à paginer */\n  @Prop() totalItems: number;\n  /** Nombre d'éléments à afficher par page */\n  @Prop() itemsPerPage: number;\n  /** Indique si la pagination est désactivée */\n  @Prop() isDisabled: boolean = false;\n  /** Type de variante de la pagination : 'numbers' ou 'input' */\n  @Prop() variant: 'numbers' | 'input' = 'numbers';\n  /** Page actuellement sélectionnée, mutable */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n  @Event() pageChanged: EventEmitter<number>;\n\n  private totalPages: number;\n  @State() inputPageValue: string = '';\n  @State() isMobile: boolean = window.innerWidth < 800;\n  private debounceTimer: any;\n\n  componentWillLoad() {\n    this.calculateTotalPages();\n    this.inputPageValue = this.currentPage.toString();\n    window.addEventListener('resize', this.updateIsMobile);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.updateIsMobile);\n  }\n\n  private updateIsMobile = () => {\n    this.isMobile = window.innerWidth < 800;\n  };\n\n  @Watch('totalItems')\n  @Watch('itemsPerPage')\n  @Watch('currentPage')\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n  }\n\n  private goToPage(page: number) {\n    if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n      this.currentPage = page;\n      this.inputPageValue = this.currentPage.toString();\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    this.inputPageValue = inputValue;\n    const page = parseInt(inputValue, 10);\n\n    if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = setTimeout(() => {\n        this.goToPage(page);\n      }, 500);\n    }\n  }\n\n  private getPaginationClass() {\n    const pages = this.calculatePageRange();\n    const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n    const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n    const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n    let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n    if (ellipsisCount === 2) {\n      paginationClass += ' spw-pagination--double-ellipsis';\n    } else if (hasEllipsisStart) {\n      paginationClass += ' spw-pagination--ellipsis-start';\n    } else if (hasEllipsisEnd) {\n      paginationClass += ' spw-pagination--ellipsis-end';\n    }\n\n    return paginationClass;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const page = parseInt(this.inputPageValue, 10);\n      if (!isNaN(page)) {\n        this.goToPage(page);\n      }\n    }\n  }\n\n  private calculateWidth(): string {\n    const length = this.inputPageValue.length;\n    if (length <= 1) {\n      return '3ch';\n    }\n    return `${length + 1}ch`;\n  }\n\n  private calculatePageRange() {\n    const pages = [];\n    const { currentPage, totalPages, isMobile } = this;\n\n    if (isMobile) {\n      // Mode mobile\n      if (totalPages <= 5) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 3) {\n        for (let i = 1; i <= 3; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 2) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 2; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    } else {\n      // Mode desktop\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 4) {\n        for (let i = 1; i <= 4; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 3) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 3; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    }\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.calculatePageRange();\n    const showPrevArrow = this.currentPage > 1;\n    const showNextArrow = this.currentPage < this.totalPages;\n\n    const prevArrow = showPrevArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrow = showNextArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)}>\n          <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const prevArrowMobile = this.currentPage > 1 && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrowMobile = this.currentPage < this.totalPages && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n          <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const mobileArrows = (\n      <ul class=\"spw-pagination__mobile-arrows\">\n        {prevArrowMobile}\n        {nextArrowMobile}\n      </ul>\n    );\n\n    return (\n      <Host>\n        <div class={this.getPaginationClass()}>\n          {this.variant === 'input' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n                <li class=\"spw-pagination__input\">\n                  <spw-text-field\n                    value={this.inputPageValue}\n                    type=\"text\"\n                    onInput={event => this.handleInputChange(event)}\n                    onKeyDown={event => this.handleKeyDown(event)}\n                    disabled={this.isDisabled}\n                    style={{ width: this.calculateWidth() }}\n                  ></spw-text-field>\n                </li>\n                <li class=\"spw-pagination__total-pages\">sur {this.totalPages} pages</li>\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n          {this.variant === 'numbers' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n\n                {pages.map(({ page, class: pageClass }) => {\n                  if (page === '...') {\n                    return (\n                      <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n                        <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n                      </li>\n                    );\n                  }\n\n                  return (\n                    <li\n                      class={{\n                        'spw-pagination__item': true,\n                        'spw-pagination__item--active': page === this.currentPage,\n                        [pageClass]: true,\n                      }}\n                    >\n                      <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n                        {page}\n                      </button>\n                    </li>\n                  );\n                })}\n\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-d2258e0a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i,g as o}from"./p-CvfVJV8a.js";const n="/*! 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)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}";const r=class{constructor(s){t(this,s);this.spwSort=e(this,"spwSort",7);this.isSticky=false;this.minWidth="600";this.tableLayout="auto";this.isZebra=false;this.disableSort=false;this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(t){if(t){this.updateHeadersSortState(t)}}componentDidLoad(){var t;this.updateZebra();const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){e.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener();this.updateMasterCheckboxState()}))}this.setupHeaderCheckboxListener();this.setupBodyCheckboxListener();this.setupTableBodyObserver();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}}setupTableBodyObserver(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}));this.mutationObserver.observe(t,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","disabled"]})}getMasterCheckboxColumnIndex(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!e)return null;const s=e.assignedElements({flatten:true});const i=s.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return null;const o=i.querySelector("spw-table-row");if(!o)return null;const n=Array.from(o.querySelectorAll("spw-table-header"));for(let t=0;t<n.length;t++){if(n[t].querySelector("spw-checkbox")){return t}}return null}isCheckboxDisabled(t){return(t===null||t===void 0?void 0:t.disabled)===true||(t===null||t===void 0?void 0:t.getAttribute("disabled"))==="true"||(t===null||t===void 0?void 0:t.getAttribute("disabled"))===""}updateMasterCheckboxState(){var t;const e=this.getMasterCheckboxColumnIndex();if(e===null)return;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");const i=s===null||s===void 0?void 0:s.assignedElements({flatten:true});if(!i)return;const o=i.find((t=>t.tagName.toLowerCase()==="spw-table-head"));const n=i.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!o||!n)return;const r=o.querySelector("spw-table-row");const a=r===null||r===void 0?void 0:r.querySelectorAll("spw-table-header")[e];const l=a===null||a===void 0?void 0:a.querySelector("spw-checkbox");const c=n.querySelectorAll("spw-table-row");const d=Array.from(c).map((t=>{const s=t.querySelectorAll("spw-table-cell")[e];const i=s===null||s===void 0?void 0:s.querySelector("spw-checkbox");return{checked:(i===null||i===void 0?void 0:i.checked)===true||(i===null||i===void 0?void 0:i.getAttribute("checked"))==="true",disabled:this.isCheckboxDisabled(i)}}));const b=d.filter((t=>!t.disabled));if(b.length===0)return;const u=b.every((t=>t.checked));const h=b.every((t=>!t.checked));if(!l)return;if(u){l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-check")}else if(h){l.checked=false;l.setAttribute("checked","false");l.setAttribute("icon","fa-check")}else{l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-minus")}}setupHeaderCheckboxListener(){var t,e;const s=(e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!s)return;const i=s.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return;const o=i.querySelectorAll("spw-table-row");o.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(t=>{this.toggleAllRowCheckboxes(t.detail)}))}))}))}setupBodyCheckboxListener(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;const e=t.querySelectorAll("spw-table-row");e.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.removeEventListener("spwChange",this.checkboxChangeHandler);t.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(t){var e;const s=this.getMasterCheckboxColumnIndex();if(s===null)return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot");const o=i===null||i===void 0?void 0:i.assignedElements({flatten:true});if(!o)return;const n=o.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!n)return;const r=n.querySelectorAll("spw-table-row");r.forEach((e=>{const i=Array.from(e.querySelectorAll("spw-table-cell"));const o=i[s];const n=o===null||o===void 0?void 0:o.querySelector("spw-checkbox");if(n&&!this.isCheckboxDisabled(n)){n.checked=t;n.setAttribute("checked",t.toString())}}));setTimeout((()=>{this.updateMasterCheckboxState()}),0)}handleHeaderClick(t){const e=t.detail;const s=this.currentSort;const i={column:e,direction:(s===null||s===void 0?void 0:s.column)===e&&s.direction==="asc"?"desc":"asc"};this.currentSort=i;this.spwSort.emit(i);if(!this.disableSort){this.sortRows(i.column,i.direction)}this.updateHeadersSortState(i);this.updateZebra()}updateZebra(){const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});const s=e.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(s){if(this.isZebra){s.setAttribute("is-zebra","true")}else{s.removeAttribute("is-zebra")}if(typeof s.updateZebraStyles==="function"){s.updateZebraStyles()}}}sortRows(t,e){var s;const i=(s=this.el.shadowRoot.querySelector("slot"))===null||s===void 0?void 0:s.assignedElements().find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!i)return;const o=Array.from(i.querySelectorAll("spw-table-row"));const n=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((e=>e.columnId===t));if(n===-1)return;o.sort(((t,s)=>{const i=t.querySelectorAll("spw-table-cell")[n];const o=s.querySelectorAll("spw-table-cell")[n];if(!i||!o)return 0;const r=i.textContent.trim();const a=o.textContent.trim();if(!isNaN(Number(r))&&!isNaN(Number(a))){return e==="asc"?+r-+a:+a-+r}return e==="asc"?r.localeCompare(a):a.localeCompare(r)}));o.forEach((t=>i.appendChild(t)));const r=i;if(r===null||r===void 0?void 0:r.updateZebraStyles){r.updateZebraStyles()}}updateHeadersSortState(t){const e=this.el.querySelectorAll("spw-table-header");e.forEach((e=>{const s=e.columnId===t.column;e.isSorted=s;e.sortDirection=s?t.direction:undefined}))}formatSize(t){if(t===undefined||t===null){return"auto"}return`${t}px`}get elementClass(){return{"spw-table":true,"spw-table--is-sticky":this.isSticky,[`spw-table--layout-${this.tableLayout}`]:true}}render(){return s(i,{key:"1742538080b1ac32644a8d00b9a25779e72ee08e",style:{"--spw-table-max-height":this.formatSize(this.maxHeight),"--spw-table-min-width":this.formatSize(this.minWidth)}},s("div",{key:"7d15c468ce94b645b2a8f040617b88151df1b615",class:"spw-table-container"},s("table",{key:"bc98737e0850bfedc5b3a83b4d8c3e5c33a30256",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},s("slot",{key:"b075fc150e453269afbc585dea5304c6e795517d"}))))}get el(){return o(this)}static get watchers(){return{currentSort:["onCurrentSortChange"]}}};r.style=n;export{r as spw_table};
+//# sourceMappingURL=p-d2258e0a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwTableCss","SpwTable","constructor","hostRef","this","isSticky","minWidth","tableLayout","isZebra","disableSort","checkboxChangeHandler","updateMasterCheckboxState","onCurrentSortChange","newSort","updateHeadersSortState","componentDidLoad","updateZebra","slot","_a","el","shadowRoot","querySelector","addEventListener","setupHeaderCheckboxListener","setupBodyCheckboxListener","setupTableBodyObserver","setTimeout","disconnectedCallback","mutationObserver","disconnect","body","Array","from","children","find","tagName","toLowerCase","MutationObserver","observe","childList","subtree","attributes","attributeFilter","getMasterCheckboxColumnIndex","assignedElements","flatten","head","headerRow","headerCells","querySelectorAll","i","length","isCheckboxDisabled","checkbox","disabled","getAttribute","columnIndex","headerCell","masterCheckbox","rows","checkboxData","map","row","cell","cb","checked","enabledCheckboxes","filter","item","allChecked","every","noneChecked","setAttribute","_b","headerRows","forEach","checkboxes","event","toggleAllRowCheckboxes","detail","removeEventListener","cells","targetCell","toString","handleHeaderClick","columnId","current","currentSort","column","direction","spwSort","emit","sortRows","removeAttribute","updateZebraStyles","findIndex","header","sort","a","b","aCell","bCell","aValue","textContent","trim","bValue","isNaN","Number","localeCompare","appendChild","bodyComponent","headers","isCurrent","isSorted","sortDirection","undefined","formatSize","value","elementClass","render","h","Host","key","style","maxHeight","class","part","role","accAriaLabel"],"sources":["src/components/spw-table/spw-table.scss?tag=spw-table&encapsulation=shadow","src/components/spw-table/spw-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n%highlight {\n  font-weight: 700;\n  background: var(--spw-color-themes-grey-grey-100);\n}\n\n.spw-table-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: auto;\n  max-height: var(--spw-table-max-height);\n  border-radius: 4px;\n  outline: 1px solid var(--spw-color-themes-grey-grey-300);\n  outline-offset: -1px;\n  position: relative;\n  @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n}\n\n.spw-table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: var(--spw-table-min-width);\n  border-radius: 4px;\n  position: relative;\n  &--layout-fixed {\n    table-layout: fixed;\n  }\n  &--layout-auto {\n    table-layout: auto;\n  }\n}\n","import { Component, Element, Event, Listen, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\nexport interface SortEvent {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\n@Component({\n  tag: 'spw-table',\n  styleUrl: 'spw-table.scss',\n  shadow: true,\n})\nexport class SpwTable {\n  @Element() el: HTMLSpwTableElement;\n\n  /** Propriété pour l'aria-label, à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Si le header du tableau doit être sticky ou non */\n  @Prop() isSticky?: boolean = false;\n  /** Si défini, apparition d'une scrollbar verticale et max-height  */\n  @Prop() maxHeight?: string;\n  /** Si défini, apparition d'une scrollbar horizontale et max-width  */\n  @Prop() minWidth?: string = '600';\n  /** Permet de définir le table-layout (auto ou fixed)  */\n  @Prop() tableLayout?: 'auto' | 'fixed' = 'auto';\n  /** Définit un background de couleur différent une ligne sur 2 */\n  @Prop() isZebra?: boolean = false;\n  /** Désactive le tri natif pour permettre l'utilisation d'une fonction de tri personnalisée */\n  @Prop() disableSort?: boolean = false;\n  /** État du tri actuel (colonne et direction). Peut être défini de l'extérieur pour un tri personnalisé */\n  @Prop({ mutable: true }) currentSort?: SortEvent;\n\n  @Event() spwSort: EventEmitter<SortEvent>;\n\n  private mutationObserver?: MutationObserver;\n\n  @Watch('currentSort')\n  onCurrentSortChange(newSort: SortEvent | undefined) {\n    if (newSort) {\n      this.updateHeadersSortState(newSort);\n    }\n  }\n\n  componentDidLoad() {\n    this.updateZebra();\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.setupHeaderCheckboxListener();\n        this.updateMasterCheckboxState();\n      });\n    }\n    this.setupHeaderCheckboxListener();\n    this.setupBodyCheckboxListener();\n    this.setupTableBodyObserver();\n    setTimeout(() => {\n      this.updateMasterCheckboxState();\n    }, 0);\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  private setupTableBodyObserver() {\n    const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    this.mutationObserver = new MutationObserver(() => {\n      this.setupBodyCheckboxListener();\n      setTimeout(() => {\n        this.updateMasterCheckboxState();\n      }, 0);\n    });\n\n    this.mutationObserver.observe(body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['checked', 'disabled'],\n    });\n  }\n\n  private getMasterCheckboxColumnIndex(): number | null {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (!slot) return null;\n\n    const assignedElements = slot.assignedElements({ flatten: true }) as HTMLElement[];\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return null;\n\n    const headerRow = head.querySelector('spw-table-row');\n    if (!headerRow) return null;\n\n    const headerCells = Array.from(headerRow.querySelectorAll('spw-table-header'));\n\n    for (let i = 0; i < headerCells.length; i++) {\n      if (headerCells[i].querySelector('spw-checkbox')) {\n        return i;\n      }\n    }\n\n    return null;\n  }\n\n  private isCheckboxDisabled(checkbox: any): boolean {\n    return checkbox?.disabled === true || checkbox?.getAttribute('disabled') === 'true' || checkbox?.getAttribute('disabled') === '';\n  }\n\n  private updateMasterCheckboxState() {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!head || !body) return;\n\n    const headerRow = head.querySelector('spw-table-row');\n    const headerCell = headerRow?.querySelectorAll('spw-table-header')[columnIndex];\n    const masterCheckbox = headerCell?.querySelector('spw-checkbox') as any;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    const checkboxData = Array.from(rows).map(row => {\n      const cell = row.querySelectorAll('spw-table-cell')[columnIndex];\n      const cb = cell?.querySelector('spw-checkbox') as any;\n      return {\n        checked: cb?.checked === true || cb?.getAttribute('checked') === 'true',\n        disabled: this.isCheckboxDisabled(cb),\n      };\n    });\n\n    const enabledCheckboxes = checkboxData.filter(item => !item.disabled);\n\n    if (enabledCheckboxes.length === 0) return;\n\n    const allChecked = enabledCheckboxes.every(item => item.checked);\n    const noneChecked = enabledCheckboxes.every(item => !item.checked);\n\n    if (!masterCheckbox) return;\n\n    if (allChecked) {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else if (noneChecked) {\n      masterCheckbox.checked = false;\n      masterCheckbox.setAttribute('checked', 'false');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-minus');\n    }\n  }\n\n  private setupHeaderCheckboxListener() {\n    const assignedElements = this.el.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return;\n\n    const headerRows = head.querySelectorAll('spw-table-row');\n\n    headerRows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.addEventListener('spwChange', (event: CustomEvent<boolean>) => {\n          this.toggleAllRowCheckboxes(event.detail);\n        });\n      });\n    });\n  }\n\n  private checkboxChangeHandler = () => this.updateMasterCheckboxState();\n\n  private setupBodyCheckboxListener() {\n    const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    rows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.removeEventListener('spwChange', this.checkboxChangeHandler);\n        cb.addEventListener('spwChange', this.checkboxChangeHandler);\n      });\n    });\n  }\n\n  private toggleAllRowCheckboxes(checked: boolean) {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n\n    rows.forEach(row => {\n      const cells = Array.from(row.querySelectorAll('spw-table-cell'));\n      const targetCell = cells[columnIndex];\n      const checkbox = targetCell?.querySelector('spw-checkbox') as any;\n\n      if (checkbox && !this.isCheckboxDisabled(checkbox)) {\n        checkbox.checked = checked;\n        checkbox.setAttribute('checked', checked.toString());\n      }\n    });\n\n    setTimeout(() => {\n      this.updateMasterCheckboxState();\n    }, 0);\n  }\n\n  @Listen('spwHeaderClick')\n  handleHeaderClick(event: CustomEvent<string>) {\n    const columnId = event.detail;\n    const current = this.currentSort;\n\n    const newSort: SortEvent = {\n      column: columnId,\n      direction: current?.column === columnId && current.direction === 'asc' ? 'desc' : 'asc',\n    };\n\n    this.currentSort = newSort;\n    this.spwSort.emit(newSort);\n\n    if (!this.disableSort) {\n      this.sortRows(newSort.column, newSort.direction);\n    }\n\n    this.updateHeadersSortState(newSort);\n    this.updateZebra();\n  }\n\n  private updateZebra() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    const assignedElements = slot.assignedElements({ flatten: true });\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body') as any;\n\n    if (body) {\n      if (this.isZebra) {\n        body.setAttribute('is-zebra', 'true');\n      } else {\n        body.removeAttribute('is-zebra');\n      }\n\n      if (typeof body.updateZebraStyles === 'function') {\n        body.updateZebraStyles();\n      }\n    }\n  }\n\n  private sortRows(columnId: string, direction: 'asc' | 'desc') {\n    const body = this.el.shadowRoot\n      .querySelector('slot')\n      ?.assignedElements()\n      .find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = Array.from(body.querySelectorAll('spw-table-row'));\n\n    const columnIndex = Array.from(this.el.querySelectorAll('spw-table-header')).findIndex((header: any) => header.columnId === columnId);\n    if (columnIndex === -1) return;\n\n    rows.sort((a: any, b: any) => {\n      const aCell = a.querySelectorAll('spw-table-cell')[columnIndex];\n      const bCell = b.querySelectorAll('spw-table-cell')[columnIndex];\n      if (!aCell || !bCell) return 0;\n\n      const aValue = aCell.textContent.trim();\n      const bValue = bCell.textContent.trim();\n\n      if (!isNaN(Number(aValue)) && !isNaN(Number(bValue))) {\n        return direction === 'asc' ? +aValue - +bValue : +bValue - +aValue;\n      }\n\n      return direction === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);\n    });\n\n    rows.forEach(row => body.appendChild(row));\n\n    const bodyComponent = body as HTMLSpwTableBodyElement;\n    if (bodyComponent?.updateZebraStyles) {\n      bodyComponent.updateZebraStyles();\n    }\n  }\n\n  private updateHeadersSortState(sort: SortEvent) {\n    const headers = this.el.querySelectorAll('spw-table-header');\n    headers.forEach((header: any) => {\n      const isCurrent = header.columnId === sort.column;\n      header.isSorted = isCurrent;\n      header.sortDirection = isCurrent ? sort.direction : undefined;\n    });\n  }\n\n  private formatSize(value?: string): string {\n    if (value === undefined || value === null) {\n      return 'auto';\n    }\n    return `${value}px`;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table': true,\n      'spw-table--is-sticky': this.isSticky,\n      [`spw-table--layout-${this.tableLayout}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--spw-table-max-height': this.formatSize(this.maxHeight),\n          '--spw-table-min-width': this.formatSize(this.minWidth),\n        }}\n      >\n        <div class=\"spw-table-container\">\n          <table part=\"table\" class={this.elementClass} role=\"table\" aria-label={this.accAriaLabel}>\n            <slot />\n          </table>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAc,44G,MCYPC,EAAQ,MALrB,WAAAC,CAAAC,G,2CAWUC,KAAQC,SAAa,MAIrBD,KAAQE,SAAY,MAEpBF,KAAWG,YAAsB,OAEjCH,KAAOI,QAAa,MAEpBJ,KAAWK,YAAa,MAyJxBL,KAAqBM,sBAAG,IAAMN,KAAKO,2BAiK5C,CAjTC,mBAAAC,CAAoBC,GAClB,GAAIA,EAAS,CACXT,KAAKU,uBAAuBD,E,EAIhC,gBAAAE,G,MACEX,KAAKY,cACL,MAAMC,GAAOC,EAAAd,KAAKe,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,GAAIJ,EAAM,CACRA,EAAKK,iBAAiB,cAAc,KAClClB,KAAKmB,8BACLnB,KAAKO,2BAA2B,G,CAGpCP,KAAKmB,8BACLnB,KAAKoB,4BACLpB,KAAKqB,yBACLC,YAAW,KACTtB,KAAKO,2BAA2B,GAC/B,E,CAGL,oBAAAgB,GACE,GAAIvB,KAAKwB,iBAAkB,CACzBxB,KAAKwB,iBAAiBC,Y,EAIlB,sBAAAJ,GACN,MAAMK,EAAOC,MAAMC,KAAK5B,KAAKe,GAAGc,UAAUC,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBAClF,IAAKN,EAAM,OAEX1B,KAAKwB,iBAAmB,IAAIS,kBAAiB,KAC3CjC,KAAKoB,4BACLE,YAAW,KACTtB,KAAKO,2BAA2B,GAC/B,EAAE,IAGPP,KAAKwB,iBAAiBU,QAAQR,EAAM,CAClCS,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,UAAW,a,CAIzB,4BAAAC,G,MACN,MAAM1B,GAAOC,EAAAd,KAAKe,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,IAAKJ,EAAM,OAAO,KAElB,MAAM2B,EAAmB3B,EAAK2B,iBAAiB,CAAEC,QAAS,OAC1D,MAAMC,EAAOF,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBACtE,IAAKU,EAAM,OAAO,KAElB,MAAMC,EAAYD,EAAKzB,cAAc,iBACrC,IAAK0B,EAAW,OAAO,KAEvB,MAAMC,EAAcjB,MAAMC,KAAKe,EAAUE,iBAAiB,qBAE1D,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAYG,OAAQD,IAAK,CAC3C,GAAIF,EAAYE,GAAG7B,cAAc,gBAAiB,CAChD,OAAO6B,C,EAIX,OAAO,I,CAGD,kBAAAE,CAAmBC,GACzB,OAAOA,IAAQ,MAARA,SAAQ,SAARA,EAAUC,YAAa,OAAQD,IAAQ,MAARA,SAAQ,SAARA,EAAUE,aAAa,eAAgB,SAAUF,IAAA,MAAAA,SAAA,SAAAA,EAAUE,aAAa,eAAgB,E,CAGxH,yBAAA5C,G,MACN,MAAM6C,EAAcpD,KAAKuC,+BACzB,GAAIa,IAAgB,KAAM,OAE1B,MAAMvC,GAAOC,EAAAd,KAAKe,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,MAAMuB,EAAmB3B,IAAA,MAAAA,SAAI,SAAJA,EAAM2B,iBAAiB,CAAEC,QAAS,OAC3D,IAAKD,EAAkB,OAEvB,MAAME,EAAOF,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBACtE,MAAMN,EAAOc,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBACtE,IAAKU,IAAShB,EAAM,OAEpB,MAAMiB,EAAYD,EAAKzB,cAAc,iBACrC,MAAMoC,EAAaV,IAAS,MAATA,SAAA,SAAAA,EAAWE,iBAAiB,oBAAoBO,GACnE,MAAME,EAAiBD,IAAU,MAAVA,SAAU,SAAVA,EAAYpC,cAAc,gBAEjD,MAAMsC,EAAO7B,EAAKmB,iBAAiB,iBACnC,MAAMW,EAAe7B,MAAMC,KAAK2B,GAAME,KAAIC,IACxC,MAAMC,EAAOD,EAAIb,iBAAiB,kBAAkBO,GACpD,MAAMQ,EAAKD,IAAI,MAAJA,SAAI,SAAJA,EAAM1C,cAAc,gBAC/B,MAAO,CACL4C,SAASD,IAAA,MAAAA,SAAE,SAAFA,EAAIC,WAAY,OAAQD,IAAE,MAAFA,SAAE,SAAFA,EAAIT,aAAa,cAAe,OACjED,SAAUlD,KAAKgD,mBAAmBY,GACnC,IAGH,MAAME,EAAoBN,EAAaO,QAAOC,IAASA,EAAKd,WAE5D,GAAIY,EAAkBf,SAAW,EAAG,OAEpC,MAAMkB,EAAaH,EAAkBI,OAAMF,GAAQA,EAAKH,UACxD,MAAMM,EAAcL,EAAkBI,OAAMF,IAASA,EAAKH,UAE1D,IAAKP,EAAgB,OAErB,GAAIW,EAAY,CACdX,EAAeO,QAAU,KACzBP,EAAec,aAAa,UAAW,QACvCd,EAAec,aAAa,OAAQ,W,MAC/B,GAAID,EAAa,CACtBb,EAAeO,QAAU,MACzBP,EAAec,aAAa,UAAW,SACvCd,EAAec,aAAa,OAAQ,W,KAC/B,CACLd,EAAeO,QAAU,KACzBP,EAAec,aAAa,UAAW,QACvCd,EAAec,aAAa,OAAQ,W,EAIhC,2BAAAjD,G,QACN,MAAMqB,GAAmB6B,GAAAvD,EAAAd,KAAKe,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,WAAS,MAAAoD,SAAA,SAAAA,EAAA7B,iBAAiB,CAAEC,QAAS,OAEhG,IAAKD,EAAkB,OAEvB,MAAME,EAAOF,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBACtE,IAAKU,EAAM,OAEX,MAAM4B,EAAa5B,EAAKG,iBAAiB,iBAEzCyB,EAAWC,SAAQb,IACjB,MAAMc,EAAad,EAAIb,iBAAiB,gBACxC2B,EAAWD,SAAQX,IACjBA,EAAG1C,iBAAiB,aAAcuD,IAChCzE,KAAK0E,uBAAuBD,EAAME,OAAO,GACzC,GACF,G,CAME,yBAAAvD,GACN,MAAMM,EAAOC,MAAMC,KAAK5B,KAAKe,GAAGc,UAAUC,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBAClF,IAAKN,EAAM,OAEX,MAAM6B,EAAO7B,EAAKmB,iBAAiB,iBACnCU,EAAKgB,SAAQb,IACX,MAAMc,EAAad,EAAIb,iBAAiB,gBACxC2B,EAAWD,SAAQX,IACjBA,EAAGgB,oBAAoB,YAAa5E,KAAKM,uBACzCsD,EAAG1C,iBAAiB,YAAalB,KAAKM,sBAAsB,GAC5D,G,CAIE,sBAAAoE,CAAuBb,G,MAC7B,MAAMT,EAAcpD,KAAKuC,+BACzB,GAAIa,IAAgB,KAAM,OAE1B,MAAMvC,GAAOC,EAAAd,KAAKe,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,MAAMuB,EAAmB3B,IAAA,MAAAA,SAAI,SAAJA,EAAM2B,iBAAiB,CAAEC,QAAS,OAC3D,IAAKD,EAAkB,OAEvB,MAAMd,EAAOc,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBACtE,IAAKN,EAAM,OAEX,MAAM6B,EAAO7B,EAAKmB,iBAAiB,iBAEnCU,EAAKgB,SAAQb,IACX,MAAMmB,EAAQlD,MAAMC,KAAK8B,EAAIb,iBAAiB,mBAC9C,MAAMiC,EAAaD,EAAMzB,GACzB,MAAMH,EAAW6B,IAAU,MAAVA,SAAU,SAAVA,EAAY7D,cAAc,gBAE3C,GAAIgC,IAAajD,KAAKgD,mBAAmBC,GAAW,CAClDA,EAASY,QAAUA,EACnBZ,EAASmB,aAAa,UAAWP,EAAQkB,W,KAI7CzD,YAAW,KACTtB,KAAKO,2BAA2B,GAC/B,E,CAIL,iBAAAyE,CAAkBP,GAChB,MAAMQ,EAAWR,EAAME,OACvB,MAAMO,EAAUlF,KAAKmF,YAErB,MAAM1E,EAAqB,CACzB2E,OAAQH,EACRI,WAAWH,IAAA,MAAAA,SAAO,SAAPA,EAASE,UAAWH,GAAYC,EAAQG,YAAc,MAAQ,OAAS,OAGpFrF,KAAKmF,YAAc1E,EACnBT,KAAKsF,QAAQC,KAAK9E,GAElB,IAAKT,KAAKK,YAAa,CACrBL,KAAKwF,SAAS/E,EAAQ2E,OAAQ3E,EAAQ4E,U,CAGxCrF,KAAKU,uBAAuBD,GAC5BT,KAAKY,a,CAGC,WAAAA,GACN,MAAMC,EAAOb,KAAKe,GAAGC,WAAWC,cAAc,QAC9C,IAAKJ,EAAM,OAEX,MAAM2B,EAAmB3B,EAAK2B,iBAAiB,CAAEC,QAAS,OAC1D,MAAMf,EAAOc,EAAiBV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBAEtE,GAAIN,EAAM,CACR,GAAI1B,KAAKI,QAAS,CAChBsB,EAAK0C,aAAa,WAAY,O,KACzB,CACL1C,EAAK+D,gBAAgB,W,CAGvB,UAAW/D,EAAKgE,oBAAsB,WAAY,CAChDhE,EAAKgE,mB,GAKH,QAAAF,CAASP,EAAkBI,G,MACjC,MAAM3D,GAAOZ,EAAAd,KAAKe,GAAGC,WAClBC,cAAc,WAAO,MAAAH,SAAA,SAAAA,EACpB0B,mBACDV,MAAKf,GAAMA,EAAGgB,QAAQC,gBAAkB,mBAC3C,IAAKN,EAAM,OAEX,MAAM6B,EAAO5B,MAAMC,KAAKF,EAAKmB,iBAAiB,kBAE9C,MAAMO,EAAczB,MAAMC,KAAK5B,KAAKe,GAAG8B,iBAAiB,qBAAqB8C,WAAWC,GAAgBA,EAAOX,WAAaA,IAC5H,GAAI7B,KAAgB,EAAI,OAExBG,EAAKsC,MAAK,CAACC,EAAQC,KACjB,MAAMC,EAAQF,EAAEjD,iBAAiB,kBAAkBO,GACnD,MAAM6C,EAAQF,EAAElD,iBAAiB,kBAAkBO,GACnD,IAAK4C,IAAUC,EAAO,OAAO,EAE7B,MAAMC,EAASF,EAAMG,YAAYC,OACjC,MAAMC,EAASJ,EAAME,YAAYC,OAEjC,IAAKE,MAAMC,OAAOL,MAAaI,MAAMC,OAAOF,IAAU,CACpD,OAAOhB,IAAc,OAASa,GAAUG,GAAUA,GAAUH,C,CAG9D,OAAOb,IAAc,MAAQa,EAAOM,cAAcH,GAAUA,EAAOG,cAAcN,EAAO,IAG1F3C,EAAKgB,SAAQb,GAAOhC,EAAK+E,YAAY/C,KAErC,MAAMgD,EAAgBhF,EACtB,GAAIgF,IAAa,MAAbA,SAAa,SAAbA,EAAehB,kBAAmB,CACpCgB,EAAchB,mB,EAIV,sBAAAhF,CAAuBmF,GAC7B,MAAMc,EAAU3G,KAAKe,GAAG8B,iBAAiB,oBACzC8D,EAAQpC,SAASqB,IACf,MAAMgB,EAAYhB,EAAOX,WAAaY,EAAKT,OAC3CQ,EAAOiB,SAAWD,EAClBhB,EAAOkB,cAAgBF,EAAYf,EAAKR,UAAY0B,SAAS,G,CAIzD,UAAAC,CAAWC,GACjB,GAAIA,IAAUF,WAAaE,IAAU,KAAM,CACzC,MAAO,M,CAET,MAAO,GAAGA,K,CAGZ,gBAAYC,GACV,MAAO,CACL,YAAa,KACb,uBAAwBlH,KAAKC,SAC7B,CAAC,qBAAqBD,KAAKG,eAAgB,K,CAI/C,MAAAgH,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,yBAA0BvH,KAAKgH,WAAWhH,KAAKwH,WAC/C,wBAAyBxH,KAAKgH,WAAWhH,KAAKE,YAGhDkH,EAAK,OAAAE,IAAA,2CAAAG,MAAM,uBACTL,EAAA,SAAAE,IAAA,2CAAOI,KAAK,QAAQD,MAAOzH,KAAKkH,aAAcS,KAAK,QAAoB,aAAA3H,KAAK4H,cAC1ER,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/spw-stencil-library/p-d384f832.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as s}from"./p-CvfVJV8a.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%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}: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)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(e){t(this,e);this.hasImage=false;this.childHoveredCount=0;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false;this.onNestedCardEnter=()=>{this.childHoveredCount++;this.setImageHovered(false)};this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1);if(this.childHoveredCount===0&&this.isPointerInside(this.el)){this.setImageHovered(true)}}}componentWillLoad(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}slotChanged(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}onMouseEnter(){if(this.childHoveredCount===0){this.setImageHovered(true)}}onMouseLeave(){this.setImageHovered(false)}attachNestedCardListeners(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-card");t.forEach((t=>{t.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),true);t.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),true)}))}))}isPointerInside(t){const e=t.getBoundingClientRect();const{left:i,top:s,right:a,bottom:n}=e;const{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const t=this.el.querySelector("spw-card-image");const e=this.el.querySelector("spw-card-content");this.hasImage=!!t;if(!this.hasImage){e===null||e===void 0?void 0:e.classList.add("--no-image")}}))}formatDate(t){if(!t)return[];const i=t.split("/");return i.flatMap(((t,s)=>s<i.length-1?[e("span",null,t),e("span",null,"/")]:[e("span",null,t)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");e===null||e===void 0?void 0:e.classList.add(t);i===null||i===void 0?void 0:i.classList.add(t);s===null||s===void 0?void 0:s.classList.add(t);a===null||a===void 0?void 0:a.classList.add(t);n===null||n===void 0?void 0:n.classList.add(t)}))}setImageHovered(t){const e=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(e&&this.href){e.classList.toggle("--hovered",t)}if(i&&this.href){i.classList.toggle("--hovered",t)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:t,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:t,rel:s,target:a};const l={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return e(i,{key:"3a6d060458c1301b3935fca45fbd75f75d331435",class:{"--is-full-height":this.fullHeight}},e("article",{key:"4fb9f4c2dcdfeadee146559a49881392171352a8",class:this.elementClass},r==="event"&&e(d,Object.assign({key:"7bc364652cfcc22b7e03fc21383247161d6a0a17"},c,{class:"spw-card__dates"}),n&&e("div",{key:"07f9aa4a3396cb4b7f376c5f0d6f7a7c167a4855",class:"spw-card__date-item"},this.formatDate(n)),o&&e("div",{key:"96db297358b7b797da1b24b7809313df3092480d",class:"spw-card__date-item"},this.formatDate(o))),e(d,Object.assign({key:"61e28cbd7629917f5f82e192be5080f7a905fe81"},c,l,{class:"spw-card__link"}),e("slot",{key:"3bdecad5580ae21af4da15d2710d787a081a95d0"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
+//# sourceMappingURL=p-d384f832.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwCardCss","SpwCard","constructor","hostRef","this","hasImage","childHoveredCount","variant","elementType","target","fullHeight","disabled","onNestedCardEnter","setImageHovered","onNestedCardLeave","Math","max","isPointerInside","el","componentWillLoad","checkForImage","applyVariantToChildren","attachNestedCardListeners","slotChanged","onMouseEnter","onMouseLeave","requestAnimationFrame","nestedCards","querySelectorAll","forEach","card","addEventListener","bind","element","rect","getBoundingClientRect","left","top","right","bottom","clientX","clientY","window","imageElement","querySelector","contentElement","classList","add","formatDate","date","parts","split","flatMap","part","index","length","h","variantClass","titleElement","excerptElement","subtagsElement","isHovered","href","toggle","elementClass","render","rel","dateStart","dateEnd","TagType","undefined","attrs","ariaAttributes","accAriaLabel","Host","key","class","Object","assign"],"sources":["src/components/spw-card/spw-card.scss?tag=spw-card&encapsulation=shadow","src/components/spw-card/spw-card.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  --spw-card-background: var(--spw-ds-white);\n  --spw-card-box-shadow: var(--spw-effect-elevation-6);\n  --spw-card-border: none;\n  &[data-modal-trigger] {\n    cursor: pointer;\n  }\n}\n\n:host(.--is-full-height) {\n  height: 100%;\n}\n\n.spw-card {\n  display: block;\n  border-radius: 5px;\n  background: var(--spw-card-background);\n  box-shadow: var(--spw-card-box-shadow);\n  border: var(--spw-card-border);\n  transition: all 0.3s ease-in-out;\n\n  :host(.--is-full-height) & {\n    height: 100%;\n  }\n\n  &--hoverable:hover {\n    box-shadow: var(--spw-effect-elevation-4);\n    transform: translateY(-5px);\n  }\n\n  &__dates {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n    flex-direction: column;\n    line-height: 1.1;\n    width: 80px;\n    height: 80px;\n    text-align: center;\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--spw-ds-primary);\n    border-radius: 50%;\n    font-size: 18px;\n    text-decoration: none;\n    z-index: 2;\n  }\n  &__date-item {\n    span:first-of-type {\n      font-weight: bold;\n    }\n  }\n}\n\n.spw-card__link {\n  display: block;\n  height: 100%;\n  width: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  .spw-card--no-image & {\n    padding-top: 15px;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n}\n\n.spw-card--vertical,\n.spw-card--video {\n  .spw-card__link {\n    display: flex;\n    min-height: 240px;\n  }\n}\n\n.spw-card--event {\n  .spw-card__link {\n    display: flex;\n  }\n}\n\n.spw-card--sidebar {\n  box-shadow: none;\n  &:hover {\n    box-shadow: none;\n  }\n  .spw-card__link {\n    display: flex;\n    gap: 16px;\n  }\n}\n\n.spw-card--event {\n  position: relative;\n  width: calc(100% - 40px);\n  left: 40px;\n}\n","import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n  private childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    if (this.childHoveredCount === 0) {\n      this.setImageHovered(true);\n    }\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private attachNestedCardListeners() {\n    requestAnimationFrame(() => {\n      const nestedCards = this.el.querySelectorAll('spw-card');\n\n      nestedCards.forEach(card => {\n        card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);\n        card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);\n      });\n    });\n  }\n\n  private onNestedCardEnter = () => {\n    this.childHoveredCount++;\n    this.setImageHovered(false);\n  };\n\n  private onNestedCardLeave = () => {\n    this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);\n    if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {\n      this.setImageHovered(true);\n    }\n  };\n\n  private isPointerInside(element: HTMLElement): boolean {\n    const rect = element.getBoundingClientRect();\n    const { left, top, right, bottom } = rect;\n    const { clientX, clientY } = window as any;\n    return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement?.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement?.classList.add(variantClass);\n      imageElement?.classList.add(variantClass);\n      titleElement?.classList.add(variantClass);\n      excerptElement?.classList.add(variantClass);\n      subtagsElement?.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-d8ba3e5c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as s}from"./p-CvfVJV8a.js";const o="/*! 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-list-item{color:var(--spw-color-themes-grey-grey-900);position:relative;text-decoration:none;transition:all .3s ease-in-out}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item--hoverable:hover{transform:translateX(5px)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{color:var(--spw-ds-primary);display:inline-block;font-size:16px;font-weight:700;line-height:1.5;margin-bottom:6px;position:relative}.spw-list-item__category spw-icon{left:-28px;position:absolute;top:2px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}";const n=class{constructor(e){t(this,e);this.variant="default";this.target="_self";this.icon="fa-arrow-right";this.lineClamp="3";this.categoryIcon="fa-file-signature";this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=`--${this.surface}`;const i=`--icon`;const s=this.el.querySelector("spw-list-title");const o=this.el.querySelector("spw-list-description");s&&s.classList.add(t);s&&s.classList.add(e);s&&this.icon&&s.setAttribute("icon",this.icon);s&&s.setAttribute("line-clamp",this.lineClamp);o&&o.classList.add(t);o&&this.icon&&o.classList.add(i);o&&o.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false);this.setActive(false)}onTouchStart(){this.setActive(true)}onTouchEnd(){this.setActive(false)}onMouseDown(){this.setActive(true)}onMouseUp(){this.setActive(false)}onBlur(){this.setActive(false)}onFocus(){this.setActive(true)}setHovered(t){const e=this.el.querySelector("spw-list-title");if(e&&this.href){e.classList.toggle("--hovered",t)}}setActive(t){const e=this.el.querySelector("spw-list-title");if(e&&this.href){e.classList.toggle("--active",t)}}get elementClass(){return{"spw-list-item":true,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon||!!this.categoryIcon,[`spw-list-item--${this.variant}`]:true}}get elementCatClass(){return{"spw-list-item__category":true,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){if(this.categoryLink){window.location.href=this.categoryLink}}render(){const{href:t,target:s}=this;const o=this.href===undefined?"div":"a";const n=o==="div"?{}:{href:t,target:s};return e(i,{key:"ba16d0761a92e2b3df6b3a58262096f42d5f48db"},e("li",{key:"90940d5dcf87c18988aa3511205a3802e16b5003",class:this.elementClass},this.category&&e("span",{key:"e3f68ab335024f9f795542e5aed9db7322fe0062",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&e("spw-icon",{key:"d5528c7b7ce93f13f0ebbd8adb17c258f016f289",icon:this.categoryIcon})," ",this.category),e(o,Object.assign({key:"24c2c33ba687bfb50bf8a98cb8db50364a417423"},n),e("slot",{key:"5a23f09cbe1f7e84d1f64d0f82d924de6901451f"}))))}get el(){return s(this)}};n.style=o;export{n as spw_list_item};
+//# sourceMappingURL=p-d8ba3e5c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwListItemCss","SpwListItem","constructor","hostRef","this","variant","target","icon","lineClamp","categoryIcon","surface","componentWillLoad","applyVariantToChildren","slotChanged","requestAnimationFrame","variantClass","surfaceClass","iconClass","titleElement","el","querySelector","descriptionElement","classList","add","setAttribute","onMouseEnter","setHovered","onMouseLeave","setActive","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onBlur","onFocus","isHovered","href","toggle","isActive","elementClass","elementCatClass","categoryLink","handleClick","window","location","render","TagType","undefined","attrs","h","Host","key","class","category","onClick","Object","assign"],"sources":["src/components/spw-list/spw-list-item/spw-list-item.scss?tag=spw-list-item&encapsulation=shadow","src/components/spw-list/spw-list-item/spw-list-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-list-item {\n  position: relative;\n  color: var(--spw-color-themes-grey-grey-900);\n  transition: all 0.3s ease-in-out;\n  text-decoration: none;\n  :host(.--dark) & {\n    color: var(--spw-ds-white);\n  }\n  &--hoverable:hover {\n    transform: translateX(5px);\n  }\n  a {\n    text-decoration: none;\n  }\n  &--icon {\n    padding-left: 28px;\n  }\n  &__category {\n    display: inline-block;\n    position: relative;\n    margin-bottom: 6px;\n    color: var(--spw-ds-primary);\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1.5;\n    spw-icon {\n      position: absolute;\n      top: 2px;\n      left: -28px;\n    }\n    &--hoverable {\n      cursor: pointer;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n","import { Component, Host, Element, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list-item',\n  styleUrl: 'spw-list-item.scss',\n  shadow: true,\n})\nexport class SpwListItem {\n  @Element() el: HTMLSpwListItemElement;\n\n  /** Type de variante d'élément de liste */\n  @Prop() variant?: 'shortcut' | 'default' = 'default';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Spécifie une icône à côté du titre */\n  @Prop() icon?: string = 'fa-arrow-right';\n  /** Permet de limiter le nombre de lignes du titre et de la description */\n  @Prop() lineClamp: string | 'none' = '3';\n  /** Permet de spécifier une catégorie pour l'élément de liste */\n  @Prop() category?: string;\n  /** Permet de spécifier un lien pour la catégorie */\n  @Prop() categoryLink?: string;\n  /** Permet de spécifier une icône pour la catégorie */\n  @Prop() categoryIcon?: string = 'fa-file-signature';\n  /** Permet de choisir la surface d'arrière-plan de la liste */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const surfaceClass = `--${this.surface}`;\n      const iconClass = `--icon`;\n      const titleElement = this.el.querySelector('spw-list-title');\n      const descriptionElement = this.el.querySelector('spw-list-description');\n\n      titleElement && titleElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(surfaceClass);\n      titleElement && this.icon && titleElement.setAttribute('icon', this.icon);\n      titleElement && titleElement.setAttribute('line-clamp', this.lineClamp);\n      descriptionElement && descriptionElement.classList.add(variantClass);\n      descriptionElement && this.icon && descriptionElement.classList.add(iconClass);\n      descriptionElement && descriptionElement.setAttribute('line-clamp', this.lineClamp);\n    });\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setHovered(false);\n    this.setActive(false);\n  }\n\n  @Listen('touchstart', { passive: true })\n  onTouchStart() {\n    this.setActive(true);\n  }\n\n  @Listen('touchend')\n  onTouchEnd() {\n    this.setActive(false);\n  }\n\n  @Listen('mousedown')\n  onMouseDown() {\n    this.setActive(true);\n  }\n\n  @Listen('mouseup')\n  onMouseUp() {\n    this.setActive(false);\n  }\n\n  @Listen('blur')\n  onBlur() {\n    this.setActive(false);\n  }\n\n  @Listen('focus')\n  onFocus() {\n    this.setActive(true);\n  }\n\n  private setHovered(isHovered: boolean) {\n    const titleElement = this.el.querySelector('spw-list-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private setActive(isActive: boolean) {\n    const titleElement = this.el.querySelector('spw-list-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--active', isActive);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-list-item': true,\n      'spw-list-item--hoverable': !!this.href,\n      'spw-list-item--icon': !!this.icon || !!this.categoryIcon,\n      [`spw-list-item--${this.variant}`]: true,\n    };\n  }\n\n  private get elementCatClass(): { [className: string]: boolean } {\n    return {\n      'spw-list-item__category': true,\n      'spw-list-item__category--icon': !!this.categoryIcon,\n      'spw-list-item__category--hoverable': !!this.categoryLink,\n    };\n  }\n\n  handleClick() {\n    if (this.categoryLink) {\n      window.location.href = this.categoryLink;\n    }\n  }\n\n  render() {\n    const { href, target } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            target,\n          };\n    return (\n      <Host>\n        <li class={this.elementClass}>\n          {this.category && (\n            <span class={this.elementCatClass} onClick={() => this.handleClick()}>\n              {this.categoryIcon && <spw-icon icon={this.categoryIcon}></spw-icon>} {this.category}\n            </span>\n          )}\n          <TagType {...attrs}>\n            <slot></slot>\n          </TagType>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,2uG,MCOVC,EAAW,MALxB,WAAAC,CAAAC,G,UASUC,KAAOC,QAA4B,UAInCD,KAAME,OAAW,QAEjBF,KAAIG,KAAY,iBAEhBH,KAASI,UAAoB,IAM7BJ,KAAYK,aAAY,oBAExBL,KAAOM,QAAsB,OAoItC,CAlIC,iBAAAC,GACEP,KAAKQ,wB,CAIP,WAAAC,GACET,KAAKQ,wB,CAGC,sBAAAA,GACNE,uBAAsB,KACpB,MAAMC,EAAe,KAAKX,KAAKC,UAC/B,MAAMW,EAAe,KAAKZ,KAAKM,UAC/B,MAAMO,EAAY,SAClB,MAAMC,EAAed,KAAKe,GAAGC,cAAc,kBAC3C,MAAMC,EAAqBjB,KAAKe,GAAGC,cAAc,wBAEjDF,GAAgBA,EAAaI,UAAUC,IAAIR,GAC3CG,GAAgBA,EAAaI,UAAUC,IAAIP,GAC3CE,GAAgBd,KAAKG,MAAQW,EAAaM,aAAa,OAAQpB,KAAKG,MACpEW,GAAgBA,EAAaM,aAAa,aAAcpB,KAAKI,WAC7Da,GAAsBA,EAAmBC,UAAUC,IAAIR,GACvDM,GAAsBjB,KAAKG,MAAQc,EAAmBC,UAAUC,IAAIN,GACpEI,GAAsBA,EAAmBG,aAAa,aAAcpB,KAAKI,UAAU,G,CAKvF,YAAAiB,GACErB,KAAKsB,WAAW,K,CAIlB,YAAAC,GACEvB,KAAKsB,WAAW,OAChBtB,KAAKwB,UAAU,M,CAIjB,YAAAC,GACEzB,KAAKwB,UAAU,K,CAIjB,UAAAE,GACE1B,KAAKwB,UAAU,M,CAIjB,WAAAG,GACE3B,KAAKwB,UAAU,K,CAIjB,SAAAI,GACE5B,KAAKwB,UAAU,M,CAIjB,MAAAK,GACE7B,KAAKwB,UAAU,M,CAIjB,OAAAM,GACE9B,KAAKwB,UAAU,K,CAGT,UAAAF,CAAWS,GACjB,MAAMjB,EAAed,KAAKe,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBd,KAAKgC,KAAM,CAC7BlB,EAAaI,UAAUe,OAAO,YAAaF,E,EAIvC,SAAAP,CAAUU,GAChB,MAAMpB,EAAed,KAAKe,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBd,KAAKgC,KAAM,CAC7BlB,EAAaI,UAAUe,OAAO,WAAYC,E,EAI9C,gBAAYC,GACV,MAAO,CACL,gBAAiB,KACjB,6BAA8BnC,KAAKgC,KACnC,wBAAyBhC,KAAKG,QAAUH,KAAKK,aAC7C,CAAC,kBAAkBL,KAAKC,WAAY,K,CAIxC,mBAAYmC,GACV,MAAO,CACL,0BAA2B,KAC3B,kCAAmCpC,KAAKK,aACxC,uCAAwCL,KAAKqC,a,CAIjD,WAAAC,GACE,GAAItC,KAAKqC,aAAc,CACrBE,OAAOC,SAASR,KAAOhC,KAAKqC,Y,EAIhC,MAAAI,GACE,MAAMT,KAAEA,EAAI9B,OAAEA,GAAWF,KACzB,MAAM0C,EAAU1C,KAAKgC,OAASW,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEV,OACA9B,UAER,OACE2C,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CAAIC,MAAOhD,KAAKmC,cACbnC,KAAKiD,UACJJ,EAAM,QAAAE,IAAA,2CAAAC,MAAOhD,KAAKoC,gBAAiBc,QAAS,IAAMlD,KAAKsC,eACpDtC,KAAKK,cAAgBwC,EAAA,YAAAE,IAAA,2CAAU5C,KAAMH,KAAKK,eAAyB,IAAGL,KAAKiD,UAGhFJ,EAACH,EAAOS,OAAAC,OAAA,CAAAL,IAAA,4CAAKH,GACXC,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/spw-stencil-library/p-e0c31c21.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-CvfVJV8a.js";const n='/*! 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-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left;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-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;text-align:var(--spw-tabs-text-align);transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spw-tabs-width)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}';const r=class{constructor(e){t(this,e);this.tabSelected=i(this,"tabSelected",7);this.active=false;this.disabled=false;this.bubble=false;this.slotText="";this.handleClick=t=>{t.preventDefault();t.stopPropagation();if(!this.disabled){this.tabSelected.emit(this.tabId)}};this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;if(i==="Enter"||i===" "){t.preventDefault();t.stopPropagation();this.tabSelected.emit(this.tabId)}}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:true});const e=t.filter((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return(i=t.textContent)===null||i===void 0?void 0:i.trim()})).join(" ").trim();this.slotText=e||""}}get elementClass(){return{"spw-tabs-navigation-item":true,"spw-tabs-navigation-item--active":this.active,"spw-tabs-navigation-item--disabled":this.disabled,"spw-tabs-navigation-item--bubble":this.bubble,"spw-tabs-navigation-item--ellipsis":this.hasEllipsis}}render(){const t=this.icon&&!this.iconPosition?"right":this.iconPosition;const i=`spw-icon--${t}`;const a=this.icon?e("spw-icon",{class:i,icon:this.icon}):null;return e(o,{key:"4570863acc066a81e3c4769eecf3a9a2c6c0c5df",class:this.active?"--active":""},e("li",{key:"c4f00308f2265f5acf9d6ce5d18342a6d5118403",id:`tab-${this.tabId}`,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-controls":`panel-${this.tabId}`,"aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&e("spw-tooltip",{key:"7a7f10a7d402fd08f9254d4c9e0820f7eba5459b",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},t==="left"&&a,e("slot",{key:"82e6379ecc7c353dd5816df4295c8e2f3189211a"}),t==="right"&&a),!this.hasEllipsis&&e(s,{key:"76ee269ebf8de32788aab9fbe280ca4acd29caca"},t==="left"&&a,e("slot",{key:"537f33fe187848bb67e529fcd94a89a54a88e282"}),t==="right"&&a)," ",this.bubble&&e("span",{key:"a298011730c038c214728e6a9465aca289123a77",class:"bubble"})))}get el(){return a(this)}};r.style=n;export{r as spw_tabs_navigation_item};
+//# sourceMappingURL=p-e0c31c21.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwTabsNavigationItemCss","SpwTabsNavigationItem","constructor","hostRef","this","active","disabled","bubble","slotText","handleClick","event","preventDefault","stopPropagation","tabSelected","emit","tabId","handleKeyDown","key","componentDidLoad","updateSlotText","handleSlotChange","slot","_a","el","shadowRoot","querySelector","assignedNodes","flatten","text","filter","n","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","textContent","trim","join","elementClass","hasEllipsis","render","iconPosition","icon","iconClass","iconElement","h","class","Host","id","role","onKeyDown","tabIndex","onClick","cursor","tooltipText","Fragment"],"sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n  --spw-tabs-max-width-text: 200px;\n  --spw-tabs-border-radius: 4px 4px 0 0;\n  --spw-tabs-margin-left: 0;\n  --spw-tabs-width: auto;\n  --spw-tabs-text-align: left;\n}\n\n.spw-tabs-navigation-item {\n  position: relative;\n  cursor: pointer;\n  color: var(--spw-colors-support-grey-grey-700);\n  user-select: none;\n  transition: color 0.2s linear;\n  width: var(--spw-tabs-width);\n  text-align: var(--spw-tabs-text-align);\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n    :host(.--box) & {\n      color: var(--spw-colors-support-grey-grey-900);\n    }\n  }\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: -2px;\n  }\n  :host(.--box) & {\n    background: var(--spw-colors-support-grey-grey-100);\n    color: var(--spw-colors-support-grey-grey-600);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    margin-top: 3px;\n    border-radius: var(--spw-tabs-border-radius);\n    margin-left: var(--spw-tabs-margin-left);\n  }\n  &--disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    &:hover {\n      color: var(--spw-colors-support-grey-grey-700);\n    }\n    :host(.--box) & {\n      opacity: 1;\n      color: var(--spw-colors-support-grey-grey-400);\n      &:hover {\n        color: var(--spw-colors-support-grey-grey-400);\n      }\n      &:active {\n        transform: none;\n      }\n    }\n  }\n  &--active {\n    border-bottom: 0;\n    color: var(--spw-colors-support-grey-grey-900);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      left: 0;\n      height: 2px;\n      background: var(--spw-ds-primary);\n    }\n    :host(.--box) & {\n      position: relative;\n      top: 1px;\n      color: var(--spw-colors-support-grey-grey-900);\n      background: white;\n      // border-bottom-color: transparent;\n      margin-top: 0;\n      &:after {\n        display: none;\n      }\n    }\n  }\n  &--bubble {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      right: -8px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--spw-ds-primary);\n      :host(.--box) & {\n        top: 4px;\n        right: 4px;\n      }\n    }\n  }\n  :host(.--ellipsis) & {\n    max-width: var(--spw-tabs-max-width-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 0;\n    spw-tooltip {\n      display: contents;\n    }\n  }\n  :host(.--small) & {\n    padding: 8px 0 12px 0;\n    font-size: 14px;\n  }\n  :host(.--small.--box) & {\n    padding: 7px 16px 6px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 8px 16px;\n    }\n  }\n  :host(.--medium) & {\n    padding: 12px 0 16px 0;\n    font-size: 16px;\n  }\n  :host(.--medium.--box) & {\n    padding: 11px 16px 10px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 12px 16px;\n    }\n  }\n  :host(.--large) & {\n    padding: 16px 0 20px 0;\n    font-size: 18px;\n  }\n  :host(.--large.--box) & {\n    padding: 15px 20px 14px 20px;\n    .spw-tabs-navigation-item--active {\n      padding: 16px 20px;\n    }\n  }\n  .spw-icon {\n    &--left {\n      margin-right: 4px;\n    }\n    &--right {\n      margin-left: 4px;\n    }\n  }\n}\n","import { Component, h, Fragment, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs-navigation-item',\n  styleUrl: 'spw-tabs-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwTabsNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** Définit un id pour le tab */\n  @Prop() tabId!: string;\n  /** Définit si le tab est actif ou non */\n  @Prop() active: boolean = false;\n  /** Définit si le tab est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** Prévoit la présence d'une pastille sur l'élément de navigation */\n  @Prop() bubble: boolean = false;\n  /** Définit si le texte doit être coupé pour les onglets au titre trop long */\n  @Prop() hasEllipsis?: boolean;\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome sur le spw-tabs-navigation-item */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  @State() slotText: string = '';\n\n  @Event() tabSelected: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.updateSlotText();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.updateSlotText();\n  }\n\n  private updateSlotText() {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true });\n      const text = assignedNodes\n        .filter(n => n.nodeType === Node.TEXT_NODE || n.nodeType === Node.ELEMENT_NODE)\n        .map(n => (n as HTMLElement | Text).textContent?.trim())\n        .join(' ')\n        .trim();\n\n      this.slotText = text || '';\n    }\n  }\n\n  private handleClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const key = event.key;\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs-navigation-item': true,\n      'spw-tabs-navigation-item--active': this.active,\n      'spw-tabs-navigation-item--disabled': this.disabled,\n      'spw-tabs-navigation-item--bubble': this.bubble,\n      'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n    };\n  }\n\n  render() {\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    return (\n      <Host class={this.active ? '--active' : ''}>\n        <li\n          id={`tab-${this.tabId}`}\n          role=\"tab\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls={`panel-${this.tabId}`}\n          aria-label={this.slotText}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={this.disabled ? -1 : 0}\n          class={this.elementClass}\n          onClick={this.handleClick}\n        >\n          {this.hasEllipsis && (\n            <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} class=\"spw-tooltip--has-ellipsis\" tooltipText={this.slotText}>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </spw-tooltip>\n          )}\n          {!this.hasEllipsis && (\n            <Fragment>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </Fragment>\n          )}{' '}\n          {this.bubble && <span class=\"bubble\"></span>}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAA2B,6qL,MCOpBC,EAAqB,MALlC,WAAAC,CAAAC,G,mDAWUC,KAAMC,OAAY,MAElBD,KAAQE,SAAY,MAEpBF,KAAMG,OAAY,MAQjBH,KAAQI,SAAW,GA2BpBJ,KAAAK,YAAeC,IACrBA,EAAMC,iBACND,EAAME,kBAEN,IAAKR,KAAKE,SAAU,CAClBF,KAAKS,YAAYC,KAAKV,KAAKW,M,GAIvBX,KAAAY,cAAiBN,IACvB,GAAIN,KAAKE,SAAU,OAEnB,MAAMW,EAAMP,EAAMO,IAClB,GAAIA,IAAQ,SAAWA,IAAQ,IAAK,CAClCP,EAAMC,iBACND,EAAME,kBACNR,KAAKS,YAAYC,KAAKV,KAAKW,M,EAoDhC,CA3FC,gBAAAG,GACEd,KAAKe,gB,CAIP,gBAAAC,GACEhB,KAAKe,gB,CAGC,cAAAA,G,MACN,MAAME,GAAOC,EAAAlB,KAAKmB,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,GAAIJ,EAAM,CACR,MAAMK,EAAgBL,EAAKK,cAAc,CAAEC,QAAS,OACpD,MAAMC,EAAOF,EACVG,QAAOC,GAAKA,EAAEC,WAAaC,KAAKC,WAAaH,EAAEC,WAAaC,KAAKE,eACjEC,KAAIL,IAAI,IAAAR,EAAC,OAAAA,EAACQ,EAAyBM,eAAa,MAAAd,SAAA,SAAAA,EAAAe,MAAM,IACtDC,KAAK,KACLD,OAEHjC,KAAKI,SAAWoB,GAAQ,E,EAwB5B,gBAAYW,GACV,MAAO,CACL,2BAA4B,KAC5B,mCAAoCnC,KAAKC,OACzC,qCAAsCD,KAAKE,SAC3C,mCAAoCF,KAAKG,OACzC,qCAAsCH,KAAKoC,Y,CAI/C,MAAAC,GACE,MAAMC,EAAetC,KAAKuC,OAASvC,KAAKsC,aAAe,QAAUtC,KAAKsC,aACtE,MAAME,EAAY,aAAaF,IAC/B,MAAMG,EAAczC,KAAKuC,KAAOG,EAAA,YAAUC,MAAOH,EAAWD,KAAMvC,KAAKuC,OAAoB,KAE3F,OACEG,EAACE,EAAK,CAAA/B,IAAA,2CAAA8B,MAAO3C,KAAKC,OAAS,WAAa,IACtCyC,EAAA,MAAA7B,IAAA,2CACEgC,GAAI,OAAO7C,KAAKW,QAChBmC,KAAK,MACU,gBAAA9C,KAAKC,OAAS,OAAS,QACvB,gBAAAD,KAAKE,SAAW,OAAS,QAAO,gBAChC,SAASF,KAAKW,QACjB,aAAAX,KAAKI,SACjB2C,UAAW/C,KAAKY,cAChBoC,SAAUhD,KAAKE,UAAW,EAAK,EAC/ByC,MAAO3C,KAAKmC,aACZc,QAASjD,KAAKK,aAEbL,KAAKoC,aACJM,EAAA,eAAA7B,IAAA,2CAAaqC,OAAQlD,KAAKE,SAAW,WAAa,UAAWyC,MAAM,4BAA4BQ,YAAanD,KAAKI,UAC9GkC,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,IAG/BzC,KAAKoC,aACLM,EAACU,EAAQ,CAAAvC,IAAA,4CACNyB,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,GAE9B,IACFzC,KAAKG,QAAUuC,EAAM,QAAA7B,IAAA,2CAAA8B,MAAM,Y","ignoreList":[]}

package/dist/spw-stencil-library/{p-5426464a.entry.js → p-e3485695.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as n}from"./p-BYM_CUUH.js";const i="/*! 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)}}";const o=class{constructor(t){e(this,t);this.isZebra=false}componentDidLoad(){this.updateZebraStyles()}async updateZebraStyles(){if(!this.isZebra)return;const e=this.el.shadowRoot.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:true});let n=0;t.forEach((e=>{if(e.tagName.toLowerCase()==="spw-table-row"){e.setAttribute("data-row-style",n%2===0?"even":"odd");n++}}))}render(){return t("tbody",{key:"1165063ec368a183d38d733e4eae9e509a469f66",part:"tbody"},t("slot",{key:"4fa5ff94bbea8862e6be7abde0caa39cd8ef0674"}))}get el(){return n(this)}};o.style=i;export{o as spw_table_body};
-//# sourceMappingURL=p-5426464a.entry.js.map
+import{r as t,h as e,g as n}from"./p-CvfVJV8a.js";const i="/*! 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)}}";const o=class{constructor(e){t(this,e);this.isZebra=false}componentDidLoad(){this.updateZebraStyles()}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});let n=0;e.forEach((t=>{if(t.tagName.toLowerCase()==="spw-table-row"){t.setAttribute("data-row-style",n%2===0?"even":"odd");n++}}))}render(){return e("tbody",{key:"330fbfaa3436450e51a3840a1085414c81bba9bc",part:"tbody"},e("slot",{key:"d999d2e59c274e494d7d2aaa4ba83bfabda82395"}))}get el(){return n(this)}};o.style=i;export{o as spw_table_body};
+//# sourceMappingURL=p-e3485695.entry.js.map