@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

package/dist/spw-stencil-library/{p-2ef45489.entry.js → p-fad06d00.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as s}from"./p-CvfVJV8a.js";async function i(t=1,e,s="",i){const o=(t-1)*e;const n=Object.entries(i).filter((([t,e])=>e===true)).map((([t,e])=>`${t}=${e}`)).join("&");try{const t=await fetch(`https://api.spaceflightnewsapi.net/v4/articles/?limit=${e}&offset=${o}&search=${s}&${n}`);if(!t.ok){throw new Error("Network response was not ok")}return await t.json()}catch(t){console.error("Error fetching data:",t);throw t}}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:1232px;--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{margin-bottom:2.5rem}.spw-list-item:last-child{margin-bottom:0}.spw-list-item:hover .spw-list-item__title{color:var(--spw-ds-primary)}.spw-list-item a{color:inherit;display:block;text-decoration:none}.spw-list-item a:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-list-item__title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:600;line-height:1.3;position:relative;transition:all .3s}.spw-list-item__title:before{color:var(--spw-ds-primary);content:"\\f061";font-family:var(--spw-ds-font-icons-solid);font-size:1.25rem;font-weight:700;left:0;margin-right:.5rem}.spw-list-item__text{font-size:16px;line-height:1.3;margin-top:.5rem}.spw-list-item__text,.spw-results{color:var(--spw-color-themes-grey-grey-600)}.spw-results{margin-bottom:2.5rem}.spw-no-results__title{color:var(--spw-color-themes-grey-grey-900);font-weight:600;margin-bottom:16px}.spw-no-results__list{color:var(--spw-color-themes-grey-grey-600);list-style-type:disc;padding-left:20px}.spw-no-results__list li{margin-bottom:8px}.spw-no-results__list li:last-child{margin-bottom:0}.spw-search-input{margin-bottom:1.5rem;max-width:480px;position:relative;width:100%}.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 n=class{constructor(e){t(this,e);this.items=[];this.currentPage=1;this.totalItems=0;this.isLoading=false;this.searchTerm="";this.filters={};this.itemsPerPage=3}componentWillLoad(){this.filters={is_featured:false,has_launch:false};this.initFiltersFromURL();this.loadData(this.currentPage)}debounce(t,e){return(...s)=>{clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>t.apply(this,s)),e)}}initFiltersFromURL(){const t=new URLSearchParams(window.location.search);const e=Object.assign({},this.filters);this.searchTerm=t.get("search")||"";Object.keys(e).forEach((s=>{if(t.has(s)){e[s]=t.get(s)==="true"}}));this.filters=e}updateURLWithFilters(){const t=new URLSearchParams;if(this.searchTerm){t.set("search",this.searchTerm)}Object.keys(this.filters).forEach((e=>{if(this.filters[e]){t.set(e,"true")}}));const e=`${window.location.pathname}?${t.toString()}`;window.history.pushState({},"",e)}async loadData(t){this.items=[];this.isLoading=true;const e=await i(t,this.itemsPerPage,this.searchTerm,this.filters);setTimeout((()=>{try{this.items=e.results;this.totalItems=e.count}catch(t){console.error("Could not load data:",t)}finally{this.isLoading=false}}),0)}handleFilterChange(t,e){this.filters=Object.assign(Object.assign({},this.filters),{[t]:e});this.updateURLWithFilters();this.loadData(this.currentPage)}handleSearchInput(t){this.searchTerm=t.detail;this.debounce((()=>{this.currentPage=1;this.updateURLWithFilters();this.loadData(1)}),500)()}handlePageChanged(t){this.currentPage=t.detail;this.loadData(this.currentPage)}render(){const t=Math.ceil(this.totalItems/this.itemsPerPage);const i=this.totalItems>1?"résultats trouvés":"résultat trouvé";return e(s,{key:"d43c4bd84c2c2e22d63dcd79de13ab70f18fc468"},e("div",{key:"5c336398a17e5ef9003b6a8b300539b4d0da503b",class:"spw-search-input"},e("spw-text-field",{key:"e87f79cbde229cd25cd8983862b78b38da391632","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"61b1c093424847d3dbb90d9cb24d71cf1c434aab",hidden:true,class:"spw-filter spw-tw-mb-6"},Object.keys(this.filters).map((t=>e("label",{class:"spw-tw-mr-4"},e("input",{type:"checkbox",checked:this.filters[t],onChange:e=>this.handleFilterChange(t,e.target.checked)}),e("span",{class:"spw-tw-ml-2"},t))))),this.totalItems===0&&!this.isLoading?e("div",{class:"spw-no-results"},e("h3",{class:"spw-no-results__title"},"Aucun résultat ne correspond à votre recherche."),e("ul",{class:"spw-no-results__list"},e("li",null,"Vérifiez si votre orthographe est correcte"),e("li",null,"Supprimez des filtres"),e("li",null,"Essayez d’autres termes de recherche"))):null,this.totalItems>0&&!this.isLoading?e("p",{class:"spw-results"},this.totalItems," ",i):null,this.isLoading?e("spw-loading",{class:"spw-tw-mb-10"}):null,e("ul",{key:"cfdbfc98563121726e08864f7058bffeeaa3d647",class:"spw-list"},this.items.map((t=>e("li",{class:"spw-list-item",key:t.name},e("a",{href:t.url,target:"_blank"},e("h3",{class:"spw-list-item__title"},t.title),e("p",{class:"spw-list-item__text"},t.summary)))))),t>1&&e("spw-pagination",{key:"d28749ca90358c215c047f7069240a82ef4483b5",class:"spw-tw-mt-12",currentPage:this.currentPage,"is-disabled":this.isLoading,totalItems:this.totalItems,itemsPerPage:this.itemsPerPage,onPageChanged:this.handlePageChanged.bind(this)}))}};n.style=o;export{n as spw_iodda};
-//# sourceMappingURL=p-2ef45489.entry.js.map
+import{r as t,h as e,H as s}from"./p-CvfVJV8a.js";async function i(t=1,e,s="",i){const o=(t-1)*e;const n=Object.entries(i).filter((([t,e])=>e===true)).map((([t,e])=>`${t}=${e}`)).join("&");try{const t=await fetch(`https://api.spaceflightnewsapi.net/v4/articles/?limit=${e}&offset=${o}&search=${s}&${n}`);if(!t.ok){throw new Error("Network response was not ok")}return await t.json()}catch(t){console.error("Error fetching data:",t);throw t}}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:1232px;--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{margin-bottom:2.5rem}.spw-list-item:last-child{margin-bottom:0}.spw-list-item:hover .spw-list-item__title{color:var(--spw-ds-primary)}.spw-list-item a{color:inherit;display:block;text-decoration:none}.spw-list-item a:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-list-item__title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:600;line-height:1.3;position:relative;transition:all .3s}.spw-list-item__title:before{color:var(--spw-ds-primary);content:"\\f061";font-family:var(--spw-ds-font-icons-solid);font-size:1.25rem;font-weight:700;left:0;margin-right:.5rem}.spw-list-item__text{font-size:16px;line-height:1.3;margin-top:.5rem}.spw-list-item__text,.spw-results{color:var(--spw-color-themes-grey-grey-600)}.spw-results{margin-bottom:2.5rem}.spw-no-results__title{color:var(--spw-color-themes-grey-grey-900);font-weight:600;margin-bottom:16px}.spw-no-results__list{color:var(--spw-color-themes-grey-grey-600);list-style-type:disc;padding-left:20px}.spw-no-results__list li{margin-bottom:8px}.spw-no-results__list li:last-child{margin-bottom:0}.spw-search-input{margin-bottom:1.5rem;max-width:480px;position:relative;width:100%}.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 n=class{constructor(e){t(this,e);this.items=[];this.currentPage=1;this.totalItems=0;this.isLoading=false;this.searchTerm="";this.filters={};this.itemsPerPage=3}componentWillLoad(){this.filters={is_featured:false,has_launch:false};this.initFiltersFromURL();this.loadData(this.currentPage)}debounce(t,e){return(...s)=>{clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>t.apply(this,s)),e)}}initFiltersFromURL(){const t=new URLSearchParams(window.location.search);const e=Object.assign({},this.filters);this.searchTerm=t.get("search")||"";Object.keys(e).forEach((s=>{if(t.has(s)){e[s]=t.get(s)==="true"}}));this.filters=e}updateURLWithFilters(){const t=new URLSearchParams;if(this.searchTerm){t.set("search",this.searchTerm)}Object.keys(this.filters).forEach((e=>{if(this.filters[e]){t.set(e,"true")}}));const e=`${window.location.pathname}?${t.toString()}`;window.history.pushState({},"",e)}async loadData(t){this.items=[];this.isLoading=true;const e=await i(t,this.itemsPerPage,this.searchTerm,this.filters);setTimeout((()=>{try{this.items=e.results;this.totalItems=e.count}catch(t){console.error("Could not load data:",t)}finally{this.isLoading=false}}),0)}handleFilterChange(t,e){this.filters=Object.assign(Object.assign({},this.filters),{[t]:e});this.updateURLWithFilters();this.loadData(this.currentPage)}handleSearchInput(t){this.searchTerm=t.detail;this.debounce((()=>{this.currentPage=1;this.updateURLWithFilters();this.loadData(1)}),500)()}handlePageChanged(t){this.currentPage=t.detail;this.loadData(this.currentPage)}render(){const t=Math.ceil(this.totalItems/this.itemsPerPage);const i=this.totalItems>1?"résultats trouvés":"résultat trouvé";return e(s,{key:"3c327cdce6dbbf4c86ffba3474f4f3e6f8952430"},e("div",{key:"0420c5c7dff03c4a01628dfba284dfc6fa42b43e",class:"spw-search-input"},e("spw-text-field",{key:"60138d527f1cca9b665bbadf72d231d61fdf2a4e","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"11e1500858f7f813e121fff8e549d6b080d88c2e",hidden:true,class:"spw-filter spw-tw-mb-6"},Object.keys(this.filters).map((t=>e("label",{class:"spw-tw-mr-4"},e("input",{type:"checkbox",checked:this.filters[t],onChange:e=>this.handleFilterChange(t,e.target.checked)}),e("span",{class:"spw-tw-ml-2"},t))))),this.totalItems===0&&!this.isLoading?e("div",{class:"spw-no-results"},e("h3",{class:"spw-no-results__title"},"Aucun résultat ne correspond à votre recherche."),e("ul",{class:"spw-no-results__list"},e("li",null,"Vérifiez si votre orthographe est correcte"),e("li",null,"Supprimez des filtres"),e("li",null,"Essayez d’autres termes de recherche"))):null,this.totalItems>0&&!this.isLoading?e("p",{class:"spw-results"},this.totalItems," ",i):null,this.isLoading?e("spw-loading",{class:"spw-tw-mb-10"}):null,e("ul",{key:"d0d72aec7f8451efe00764910d062ad3942d8b5b",class:"spw-list"},this.items.map((t=>e("li",{class:"spw-list-item",key:t.name},e("a",{href:t.url,target:"_blank"},e("h3",{class:"spw-list-item__title"},t.title),e("p",{class:"spw-list-item__text"},t.summary)))))),t>1&&e("spw-pagination",{key:"af773ec6b3d1497081a54afc2f5824495b032c73",class:"spw-tw-mt-12",currentPage:this.currentPage,"is-disabled":this.isLoading,totalItems:this.totalItems,itemsPerPage:this.itemsPerPage,onPageChanged:this.handlePageChanged.bind(this)}))}};n.style=o;export{n as spw_iodda};
+//# sourceMappingURL=p-fad06d00.entry.js.map

package/dist/spw-stencil-library/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0;\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n  --spw-accordion-item-background: white;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: var(--spw-accordion-item-background);\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg) 0;\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      // background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  @Element() el: HTMLElement;\n\n  /** Couleur de fond appliquée à tous les accordion-item enfants */\n  @Prop() background?: string = 'white';\n\n  componentDidLoad() {\n    this.applyBackgroundToChildren();\n  }\n\n  @Watch('background')\n  backgroundChanged() {\n    this.applyBackgroundToChildren();\n  }\n\n  private applyBackgroundToChildren() {\n    const accordionItems = this.el.querySelectorAll('spw-accordion-item');\n    accordionItems.forEach((item: HTMLElement) => {\n      if (this.background) {\n        item.style.setProperty('--spw-accordion-item-background', this.background);\n      } else {\n        item.style.removeProperty('--spw-accordion-item-background');\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0;\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: var(--spw-accordion-item-background);\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg) 0;\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      // background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/spw-stencil-library/spw-breadcrumb-item.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-breadcrumb-item.entry.esm.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.scss?tag=spw-breadcrumb-item&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-breadcrumb-item {\n  list-style: none;\n  display: inline;\n\n  &__text {\n    font-weight: 700;\n    color: var(--spw-color-themes-grey-grey-900);\n    :host(.spw-breadcrumb-item--dark) & {\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,izFAAizF;;MCOj0F,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;AAEjB,QAAA,IAAO,CAAA,OAAA,GAAqB,OAAO;AAkD7C;IA/CC,cAAc,GAAA;QACZ,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,iBAAiB,GAAA;QACf,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAClC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBACrD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB;gBACjE,IAAI,CAAC,kBAAkB,EAAE;gBACzB;;AAGF,YAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AACrB,gBAAA,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB;;iBACzC;AACL,gBAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;;;IAK3B,kBAAkB,GAAA;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC;AACnF,QAAA,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;;IAG/D,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA4C,yCAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAClE,EAAA,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC9C,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACJ,KAEX,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,cAAA,EAAc,MAAM,EAAA,EACzD,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,CACR,CACE,CACA;;;;;;;;;;;"}
+{"version":3,"file":"spw-breadcrumb-item.entry.esm.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.scss?tag=spw-breadcrumb-item&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-breadcrumb-item {\n  list-style: none;\n  display: inline;\n\n  &__text {\n    font-weight: 700;\n    color: var(--spw-color-themes-grey-grey-900);\n    :host(.spw-breadcrumb-item--dark) & {\n      color: var(--spw-ds-white);\n    }\n  }\n\n  spw-link {\n    --spw-link-font-weight: 400;\n    :host(.spw-breadcrumb-item--light) & {\n      --spw-link-color: var(--spw-color-themes-grey-grey-900);\n      --spw-link-hover-color: var(--spw-color-themes-grey-grey-900);\n      --spw-link-active-color: var(--spw-color-themes-grey-grey-800);\n    }\n  }\n}\n","import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        if (!this.surface) {\n          this.surface = 'light';\n        }\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,6lGAA6lG;;MCO7mG,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;AAEjB,QAAA,IAAO,CAAA,OAAA,GAAqB,OAAO;AAqD7C;IAlDC,cAAc,GAAA;QACZ,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,iBAAiB,GAAA;QACf,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,oBAAoB,GAAA;AAC1B,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAClC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBACrD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB;AACjE,gBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,oBAAA,IAAI,CAAC,OAAO,GAAG,OAAO;;gBAExB,IAAI,CAAC,kBAAkB,EAAE;gBACzB;;AAGF,YAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AACrB,gBAAA,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB;;iBACzC;AACL,gBAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;;;IAK3B,kBAAkB,GAAA;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC;AACnF,QAAA,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;;IAG/D,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA4C,yCAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAClE,EAAA,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC9C,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACJ,KAEX,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,cAAA,EAAc,MAAM,EAAA,EACzD,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,CACR,CACE,CACA;;;;;;;;;;;"}

package/dist/spw-stencil-library/spw-breadcrumb.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-breadcrumb.entry.esm.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb.scss?tag=spw-breadcrumb&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-breadcrumb {\n  font-size: 16px;\n  max-width: 100%;\n  width: 100%;\n\n  &--font-size-small {\n    font-size: 14px;\n  }\n\n  &__list {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &--multiline {\n    .spw-breadcrumb__list {\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:last-child) {\n      @include breakpoint(lg) {\n        display: block;\n        margin-top: 12px;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n      &:after {\n        @include breakpoint(lg) {\n          display: none !important;\n        }\n      }\n    }\n  }\n}\n\n::slotted(spw-breadcrumb-item) {\n  margin-right: 16px;\n  padding-left: 24px;\n  position: relative;\n  display: none;\n  &:after {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    font-family: var(--spw-ds-font-icons-solid);\n    font-weight: 700;\n    content: '\\f060';\n    font-size: 14px;\n    @include breakpoint(lg) {\n      right: 0;\n      left: auto;\n      transform: translateY(-50%);\n      content: '\\f054';\n      font-size: 16px;\n    }\n  }\n  @include breakpoint(lg) {\n    display: inline-block;\n    padding-left: 0;\n    padding-right: 24px;\n  }\n}\n\n::slotted(spw-breadcrumb-item:last-child) {\n  flex: 1;\n  overflow: hidden;\n  display: none;\n  margin-right: 0;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  padding-right: 0;\n  &:after {\n    display: none;\n  }\n  @include breakpoint(lg) {\n    display: -webkit-box;\n  }\n}\n\n.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n  display: -webkit-box !important;\n}\n\n.spw-breadcrumb--one-line {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:last-child) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n}\n\n.spw-breadcrumb--multiline {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n    }\n    @include breakpoint(lg) {\n      display: inline-block !important;\n    }\n  }\n}\n\n::slotted(.hidden-item) {\n  display: none;\n}\n\n::slotted(.collapsed-item) {\n  font-size: 0;\n  position: relative;\n  &:before {\n    font-family: var(--spw-ds-font-icons-solid);\n    font-weight: 700;\n    content: '\\f141';\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n}\n\n.spw-breadcrumb--surface-light {\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 1;\n      color: var(--spw-ds-primary);\n      @include breakpoint(lg) {\n        color: var(--spw-color-themes-grey-grey-600);\n      }\n    }\n  }\n}\n\n.spw-breadcrumb--surface-dark {\n  color: var(--spw-ds-white) !important;\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n  ::slotted(.collapsed-item) {\n    &:before {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  /** Permet de déterminer la font-size des éléments de breadcrumb */\n  @Prop() fontSize?: 'small' | 'default' = 'small';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--font-size-${this.fontSize}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,05LAA05L;;MCOt6L,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOE,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAEhB,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;;AAEpC,QAAA,IAAQ,CAAA,QAAA,GAAyB,OAAO;AAoDjD;IAjDC,gBAAgB,GAAA;QACd,IAAI,CAAC,0BAA0B,EAAE;;IAGnC,kBAAkB,GAAA;QAChB,IAAI,CAAC,0BAA0B,EAAE;;IAG3B,0BAA0B,GAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC;AAC/D,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM;AAE/B,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC;AACxD,SAAC,CAAC;AAEF,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC;YAExC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC5B,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE;AACrD,oBAAA,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE;AAC5B,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;;yBAC/B;AACL,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;AAGvC,aAAC,CAAC;;;IAIN,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,CAAC,2BAA2B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjD,YAAA,CAAC,6BAA6B,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AACpD,YAAA,CAAC,mBAAmB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC1C;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY,EAAA,EAC9C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;"}
+{"version":3,"file":"spw-breadcrumb.entry.esm.js","sources":["src/components/spw-breadcrumb/spw-breadcrumb.scss?tag=spw-breadcrumb&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-breadcrumb {\n  font-size: 16px;\n  max-width: 100%;\n  width: 100%;\n\n  &--font-size-small {\n    font-size: 14px;\n  }\n\n  &__list {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &--multiline {\n    .spw-breadcrumb__list {\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:last-child) {\n      @include breakpoint(lg) {\n        display: block;\n        margin-top: 12px;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n      &:after {\n        @include breakpoint(lg) {\n          display: none !important;\n        }\n      }\n    }\n  }\n}\n\n::slotted(spw-breadcrumb-item) {\n  margin-right: 10px;\n  padding-left: 24px;\n  position: relative;\n  display: none;\n  &:after {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    font-family: var(--spw-ds-font-icons-solid);\n    font-weight: 700;\n    content: '\\f060';\n    font-size: 14px;\n    @include breakpoint(lg) {\n      right: 0;\n      left: auto;\n      transform: translateY(-50%);\n      content: '\\f054';\n      font-size: 12px;\n    }\n  }\n  @include breakpoint(lg) {\n    display: inline-block;\n    padding-left: 0;\n    padding-right: 16px;\n  }\n}\n\n::slotted(spw-breadcrumb-item:last-child) {\n  flex: 1;\n  overflow: hidden;\n  display: none;\n  margin-right: 0;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  padding-right: 0;\n  &:after {\n    display: none;\n  }\n  @include breakpoint(lg) {\n    display: -webkit-box;\n  }\n}\n\n.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n  display: -webkit-box !important;\n}\n\n.spw-breadcrumb--one-line {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:last-child) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n}\n\n.spw-breadcrumb--multiline {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n    }\n    @include breakpoint(lg) {\n      display: inline-block !important;\n    }\n  }\n}\n\n::slotted(.hidden-item) {\n  display: none;\n}\n\n::slotted(.collapsed-item) {\n  font-size: 0;\n  position: relative;\n  &:before {\n    font-family: var(--spw-ds-font-icons-solid);\n    font-weight: 700;\n    content: '\\f141';\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n}\n\n.spw-breadcrumb--surface-light {\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 1;\n      color: var(--spw-ds-primary);\n      @include breakpoint(lg) {\n        color: var(--spw-color-themes-grey-grey-600);\n      }\n    }\n  }\n}\n\n.spw-breadcrumb--surface-dark {\n  color: var(--spw-ds-white) !important;\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n  ::slotted(.collapsed-item) {\n    &:before {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  /** Permet de déterminer la font-size des éléments de breadcrumb */\n  @Prop() fontSize?: 'small' | 'default' = 'small';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--font-size-${this.fontSize}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,05LAA05L;;MCOt6L,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOE,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAEhB,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;;AAEpC,QAAA,IAAQ,CAAA,QAAA,GAAyB,OAAO;AAoDjD;IAjDC,gBAAgB,GAAA;QACd,IAAI,CAAC,0BAA0B,EAAE;;IAGnC,kBAAkB,GAAA;QAChB,IAAI,CAAC,0BAA0B,EAAE;;IAG3B,0BAA0B,GAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC;AAC/D,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM;AAE/B,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC;AACxD,SAAC,CAAC;AAEF,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC;YAExC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC5B,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE;AACrD,oBAAA,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE;AAC5B,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;;yBAC/B;AACL,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;AAGvC,aAAC,CAAC;;;IAIN,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,CAAC,2BAA2B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjD,YAAA,CAAC,6BAA6B,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AACpD,YAAA,CAAC,mBAAmB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC1C;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY,EAAA,EAC9C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACD;;;;;;;;"}