npm - @spw-ds/spw-stencil-library - Versions diffs - 1.10.2 → 1.12.0 - Mend

@spw-ds/spw-stencil-library 1.10.2 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (586) hide show

package/dist/components/spw-table-header.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as a}from"./p-~~DiO72wMf~~.js";import{d as n}from"./p-~~DwCnnHgn~~.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwHeaderClick=s(this,"spwHeaderClick",7),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="top",this.padding="medium",this.sortable=!1,this.isSorted=!1,this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.handleClick=e=>{e.target.closest('[slot="filters"]')?e.stopPropagation():this.sortable&&this.spwHeaderClick.emit(this.columnId)}}get elementClass(){return{"spw-table-header":!0,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!(!this.tooltipTitle&&!this.tooltipText),["spw-table-header--padding-"+this.padding]:!0,["spw-table-header--text-align-"+this.textAlign]:!0,["spw-table-header--vertical-align-"+this.verticalAlign]:!0,"spw-table-header--sticky":this.sticky,["spw-table-header--sticky-"+this.stickyPosition]:this.sticky}}render(){const e={"aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan};if(this.sticky){const t={position:"sticky",zIndex:"60"};"start"===this.stickyPosition?t.left=this.stickyOffset+"px":t.right=this.stickyOffset+"px",e.style=t}return i("th",Object.assign({key:"~~fb346ce6c11802bf65d38889110984538cce0b65~~"},e),i("div",{key:"~~1a5d90c46ff32808e15a453b9a6f2e14e91cd544~~",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},i("slot",{key:"~~128710df609131bdb58b2494e8397c96eb1e854e~~"}),i("div",{key:"~~0e2ab5de55af609c3e7679a0832f355b5a7e39ba~~",class:"spw-table-header__icons"},i("slot",{key:"~~f295b8aac73720c900b66029a80ce5f6636facaa~~",name:"filters"}),(this.tooltipTitle\|\|this.tooltipText)&&i("spw-tooltip",{key:"~~bf47b20e406697de677ad90846f4e2361cc9227e~~","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},i("spw-icon",{key:"~~552a84c7d07dc7627632867364fbc7e395f7938c~~",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&i("spw-icon",{key:"~~e0cb664b2cdeb747f9305deae60856554bdc081e~~",class:"spw-table-header__sort-icon",icon:this.isSorted?"asc"===this.sortDirection?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom:none !important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300), inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);background-clip:padding-box}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--sortable{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-header",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],padding:[1],columnId:[1,"column-id"],sortable:[4],sortDirection:[1,"sort-direction"],isSorted:[4,"is-sorted"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"]}]),p=r,l=function(){"undefined"!=typeof customElements&&["spw-table-header","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-table-header":customElements.get(o(e))\|\|customElements.define(o(e),r);break;case"spw-icon":customElements.get(o(e))\|\|a();break;case"spw-tooltip":customElements.get(o(e))\|\|n()}}))};export{p as SpwTableHeader,l as defineCustomElement}
1	+ import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";import{d as r}from"./p-26TmvHEb.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwHeaderClick=s(this,"spwHeaderClick",7),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="top",this.padding="medium",this.sortable=!1,this.isSorted=!1,this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.handleClick=e=>{e.target.closest('[slot="filters"]')?e.stopPropagation():this.sortable&&this.spwHeaderClick.emit(this.columnId)}}get elementClass(){return{"spw-table-header":!0,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!(!this.tooltipTitle&&!this.tooltipText),["spw-table-header--padding-"+this.padding]:!0,["spw-table-header--text-align-"+this.textAlign]:!0,["spw-table-header--vertical-align-"+this.verticalAlign]:!0,"spw-table-header--sticky":this.sticky,["spw-table-header--sticky-"+this.stickyPosition]:this.sticky}}render(){const e={"aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan};if(this.sticky){const t={position:"sticky",zIndex:"60"};"start"===this.stickyPosition?t.left=this.stickyOffset+"px":t.right=this.stickyOffset+"px",e.style=t}return i("th",Object.assign({key:"5a216e13ba07e3c170c8ab1b20a13b01487c77e3"},e),i("div",{key:"56192724e2c91f8de0462e8767102d18a5a08174",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},i("slot",{key:"569ed1133d78732d333977b7b5313a42b7457bb4"}),i("div",{key:"fad625f2f429cd4d8d4ac0bb4ba44465299b8811",class:"spw-table-header__icons"},i("slot",{key:"cb70cdf5fbf7f92497959461174f44814ed8ec96",name:"filters"}),(this.tooltipTitle\|\|this.tooltipText)&&i("spw-tooltip",{key:"39148393bc871406598e2f64f1a233507ad99024","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},i("spw-icon",{key:"86c02494c5d72899a3dfeedefa6d9be9928da248",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&i("spw-icon",{key:"a90592ca0ba390a4e535c15c6708544c18d167f6",class:"spw-table-header__sort-icon",icon:this.isSorted?"asc"===this.sortDirection?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom:none !important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300), inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);background-clip:padding-box}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--sortable{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-header",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],padding:[1],columnId:[1,"column-id"],sortable:[4],sortDirection:[1,"sort-direction"],isSorted:[4,"is-sorted"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"]}]),p=n,l=function(){"undefined"!=typeof customElements&&["spw-table-header","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-table-header":customElements.get(o(e))\|\|customElements.define(o(e),n);break;case"spw-icon":customElements.get(o(e))\|\|a();break;case"spw-tooltip":customElements.get(o(e))\|\|r()}}))};export{p as SpwTableHeader,l as defineCustomElement}

package/dist/components/spw-table-row.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as o,a as i,t as n}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default"}componentDidLoad(){this.applyPropsToChildren(),this.setupMutationObserver()}disconnectedCallback(){var e;null===(e=this.mutationObserver)\|\|void 0===e\|\|e.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.applyPropsToChildren()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!1})}slotChanged(){this.applyPropsToChildren()}onStateChange(){this.applyPropsToChildren()}onPaddingChange(){this.applyPropsToChildren()}applyPropsToChildren(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-table-cell, spw-table-header"),t="--"+this.state;e.forEach((e=>{e.classList.remove("--default","--selected","--disabled"),"default"!==this.state&&e.classList.add(t),this.padding&&!e.hasAttribute("data-has-explicit-padding")&&(e.padding=this.padding)}))}))}get elementClass(){return{"spw-table-row":!0,["spw-table-row--"+this.state]:!0}}render(){return o(i,{key:"~~ea2856a07af1696ff3c41cb4efe46629e708c7f6~~",part:"row"},o("tr",{key:"~~50b3656a5f577e3ec4716d51477ac7812983ca8c~~",class:this.elementClass,part:"row"},o("slot",{key:"~~dbbf052e9166f5b1b9e88280666ddfe78ec7a527~~"})))}get el(){return this}static get watchers(){return{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;overflow:hidden;padding:6px 0}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}"}},[257,"spw-table-row",{state:[1],padding:[1]},[[0,"slotchange","slotChanged"]],{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-table-row"].forEach((e=>{"spw-table-row"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),s))}))};export{a as SpwTableRow,r as defineCustomElement}
1	+ import{p as e,H as t,h as o,a as i,t as n}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default"}componentDidLoad(){this.applyPropsToChildren(),this.setupMutationObserver()}disconnectedCallback(){var e;null===(e=this.mutationObserver)\|\|void 0===e\|\|e.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.applyPropsToChildren()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!1})}slotChanged(){this.applyPropsToChildren()}onStateChange(){this.applyPropsToChildren()}onPaddingChange(){this.applyPropsToChildren()}applyPropsToChildren(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-table-cell, spw-table-header"),t="--"+this.state;e.forEach((e=>{e.classList.remove("--default","--selected","--disabled"),"default"!==this.state&&e.classList.add(t),this.padding&&!e.hasAttribute("data-has-explicit-padding")&&(e.padding=this.padding)}))}))}get elementClass(){return{"spw-table-row":!0,["spw-table-row--"+this.state]:!0}}render(){return o(i,{key:"8a7207563406e15e71267985745ab2ef778afadc",part:"row"},o("tr",{key:"33e4354906057d34695be0d4cd81243bf0ce2d36",class:this.elementClass,part:"row"},o("slot",{key:"22e29e750519bf984192ddba36c6a21df5714fc6"})))}get el(){return this}static get watchers(){return{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;overflow:hidden;padding:6px 0}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}"}},[257,"spw-table-row",{state:[1],padding:[1]},[[0,"slotchange","slotChanged"]],{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-table-row"].forEach((e=>{"spw-table-row"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),s))}))};export{a as SpwTableRow,r as defineCustomElement}

package/dist/components/spw-table-sidebar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as s,h as i,a,t as o}from"./index.js";import{d as r}from"./p-~~D4YZDvw0~~.js";import{d as n}from"./p-~~DiO72wMf~~.js";import{d}from"./p-~~DbSA5Qg5~~.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sidebarReset=s(this,"sidebarReset",7),this.defaultExpanded=!0,this.sidebarTitle="Filtres",this.sidebarIcon="fa-filter",this.sidebarWidth=260,this.hasReset=!0,this.resetIcon="fa-arrow-rotate-left",this.toggleSidebar=()=>{this.expanded=!this.expanded},this.handleReset=e=>{e.stopPropagation(),this.sidebarReset.emit()}}componentWillLoad(){this.expanded=this.defaultExpanded}componentDidLoad(){setTimeout((()=>{this.observeTableHeight()}),0)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}calculateTotalHeight(){const e=this.findSpwTable();if(!e)return 0;const s=e.shadowRoot;if(!s)return e.offsetHeight;const i=s.querySelector(".spw-table-container");let a=i?i.offsetHeight:0;const o=s.querySelector(".spw-table-resize-handle");o&&(a+=o.offsetHeight);const r=e.querySelector('[slot="table-footer"]');return r&&r instanceof t&&(a+=r.offsetHeight),a}observeTableHeight(){const e=this.findSpwTable();if(!e)return;const t=()=>{const e=this.calculateTotalHeight();e>0&&(this.observedHeight=e)};this.resizeObserver=new ResizeObserver((()=>{t()})),this.resizeObserver.observe(e),this.mutationObserver=new MutationObserver((()=>{this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{t()}),50)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),e.shadowRoot&&new MutationObserver((()=>{t()})).observe(e.shadowRoot,{childList:!0,subtree:!0,attributes:!0}),t()}findSpwTable(){const e=this.el.parentElement;return e&&"spw-table-container"===e.tagName.toLowerCase()?e.querySelector("spw-table"):null}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-table-sidebar":!0,"spw-table-sidebar--expanded":this.expanded,"spw-table-sidebar--collapsed":!this.expanded}}render(){const e=Object.assign(Object.assign({},void 0!==this.observedHeight&&{height:this.observedHeight+"px"}),{"--spw-table-sidebar-width":this.sidebarWidth+"px"});return i(a,{key:"~~52b2938a74b387e4381280a09400a9cb59ffe041~~",style:e,class:this.hostClass},i("nav",{key:"~~82c5e4ca599eb3e7cc17b2bec92b11485a56dc4e~~",class:this.elementClass},i("span",{key:"~~2b107b3322d594b9150277ffae518931ba6b1775~~",class:"spw-table-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},i("spw-icon",{key:"~~39c51dec9dcf3bdcfe67d82c66dab51ecf07180a~~",icon:"fa-chevron-left"})),i("div",{key:"~~503fdf4f824a7c9089b610e002afca3eeed316cb~~",class:"spw-table-sidebar__mini",onClick:this.toggleSidebar},i("spw-icon",{key:"~~9fdde5ce41690e6582d07bac5512d33673ec99bd~~",icon:this.sidebarIcon,variant:"fa-regular"})),i("div",{key:"~~db3b8579c7389d89f45882c09b0c1187f927cfa4~~",class:"spw-table-sidebar__content"},i("div",{key:"~~2a844ea1b971918aa60de73bb88dc9d1d129f59a~~",class:"spw-table-sidebar__header"},i("span",{key:"~~2598ab8791b95ab86694e865aa167853f0ed55bd~~",class:"spw-table-sidebar__header-title"},i("spw-icon",{key:"~~95836fc5578119ae99a3c9cc5e3cadd49562e645~~",icon:this.sidebarIcon,variant:"fa-regular"})," ",this.sidebarTitle),this.hasReset&&i("spw-button",{key:"~~daf802c28b47eb447e6f078e8954a2245fe1d78d~~",class:"spw-table-sidebar__header-reset",onClick:this.handleReset,type:"button",variant:"secondary",size:"small",isIconOnly:!0,icon:this.resetIcon})),i("div",{key:"~~ea84a6aa6ff9efaa824fea58e6405c0b6db94b62~~",class:"spw-table-sidebar__scrollable-content"},i("slot",{key:"~~feb76acb3f3cd9aa4188595aa08fe329fc600494~~"})),i("div",{key:"~~447a94d601aec100e48ed22aea640b56c5440948~~",class:"spw-table-sidebar__footer"},i("slot",{key:"~~cd84fc5a3c121dc72471fe8df19d52f2506ab05f~~",name:"sidebar-footer"})))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative}.spw-table-sidebar{width:200px;height:100%;background:white;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;z-index:99;transition:width 0.2s ease;display:flex;flex-direction:column;position:relative}.spw-table-sidebar__toggle{position:absolute;right:0;top:36px;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.spw-table-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{padding:16px 0;text-align:center;display:none}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__header,.spw-table-sidebar__footer{padding:16px;position:sticky;background:var(--spw-ds-white);z-index:10}.spw-table-sidebar__header{top:0;padding-bottom:16px;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;align-items:center;justify-content:space-between;gap:8px}.spw-table-sidebar__header-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{bottom:0;padding-top:16px;border-top:1px solid var(--spw-color-themes-grey-grey-200)}.spw-table-sidebar__scrollable-content{padding:16px;flex:1}"}},[257,"spw-table-sidebar",{defaultExpanded:[4,"default-expanded"],sidebarTitle:[1,"sidebar-title"],sidebarIcon:[1,"sidebar-icon"],sidebarWidth:[2,"sidebar-width"],hasReset:[4,"has-reset"],resetIcon:[1,"reset-icon"],observedHeight:[32],expanded:[32]}]),b=l,p=function(){"undefined"!=typeof customElements&&["spw-table-sidebar","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-table-sidebar":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"spw-button":customElements.get(o(e))\|\|r();break;case"spw-icon":customElements.get(o(e))\|\|n();break;case"spw-loading":customElements.get(o(e))\|\|d()}}))};export{b as SpwTableSidebar,p as defineCustomElement}
1	+ import{p as e,H as t,c as s,h as i,a,t as o}from"./index.js";import{d as r}from"./p-FB4itEEQ.js";import{d as n}from"./p-oVOlDrOp.js";import{d}from"./p-Bu_U3_Ez.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sidebarReset=s(this,"sidebarReset",7),this.defaultExpanded=!0,this.sidebarTitle="Filtres",this.sidebarIcon="fa-filter",this.sidebarWidth=260,this.hasReset=!0,this.resetIcon="fa-arrow-rotate-left",this.toggleSidebar=()=>{this.expanded=!this.expanded},this.handleReset=e=>{e.stopPropagation(),this.sidebarReset.emit()}}componentWillLoad(){this.expanded=this.defaultExpanded}componentDidLoad(){setTimeout((()=>{this.observeTableHeight()}),0)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}calculateTotalHeight(){const e=this.findSpwTable();if(!e)return 0;const s=e.shadowRoot;if(!s)return e.offsetHeight;const i=s.querySelector(".spw-table-container");let a=i?i.offsetHeight:0;const o=s.querySelector(".spw-table-resize-handle");o&&(a+=o.offsetHeight);const r=e.querySelector('[slot="table-footer"]');return r&&r instanceof t&&(a+=r.offsetHeight),a}observeTableHeight(){const e=this.findSpwTable();if(!e)return;const t=()=>{const e=this.calculateTotalHeight();e>0&&(this.observedHeight=e)};this.resizeObserver=new ResizeObserver((()=>{t()})),this.resizeObserver.observe(e),this.mutationObserver=new MutationObserver((()=>{this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{t()}),50)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),e.shadowRoot&&new MutationObserver((()=>{t()})).observe(e.shadowRoot,{childList:!0,subtree:!0,attributes:!0}),t()}findSpwTable(){const e=this.el.parentElement;return e&&"spw-table-container"===e.tagName.toLowerCase()?e.querySelector("spw-table"):null}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-table-sidebar":!0,"spw-table-sidebar--expanded":this.expanded,"spw-table-sidebar--collapsed":!this.expanded}}render(){const e=Object.assign(Object.assign({},void 0!==this.observedHeight&&{height:this.observedHeight+"px"}),{"--spw-table-sidebar-width":this.sidebarWidth+"px"});return i(a,{key:"ac30f81b4af2ae0904570beea92fe4bbba464acc",style:e,class:this.hostClass},i("nav",{key:"cc20dba85bd3050ecc1426e34f96f249a8943b24",class:this.elementClass},i("span",{key:"78c80d50f3b2b69023e92a346c509f69322748b8",class:"spw-table-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},i("spw-icon",{key:"caf4d871ea8e1fcfb69de946ff0aae28e55c733e",icon:"fa-chevron-left"})),i("div",{key:"ce5fcb30c8fec7e1dab39f8c5c443caa256dc450",class:"spw-table-sidebar__mini",onClick:this.toggleSidebar},i("spw-icon",{key:"a0779fd4643afc1dd9bba46958378dc319827a6b",icon:this.sidebarIcon,variant:"fa-regular"})),i("div",{key:"cbf148c1b49734862171fefec6e9596649c87f19",class:"spw-table-sidebar__content"},i("div",{key:"c875cd14eca9ca9e1c1434814ac0981a27ac5dc1",class:"spw-table-sidebar__header"},i("span",{key:"eb7574d3a6a51fa1e64b1a0cbf69cb4326257128",class:"spw-table-sidebar__header-title"},i("spw-icon",{key:"21b127ff0c94f31d47fc04538ba3f25e129ceca3",icon:this.sidebarIcon,variant:"fa-regular"})," ",this.sidebarTitle),this.hasReset&&i("spw-button",{key:"ec25135dffec6a0e3b9ba913fb32806e54b62be2",class:"spw-table-sidebar__header-reset",onClick:this.handleReset,type:"button",variant:"secondary",size:"small",isIconOnly:!0,icon:this.resetIcon})),i("div",{key:"0ee132ba7f248cefda4839bd61c4ab42a7f3f132",class:"spw-table-sidebar__scrollable-content"},i("slot",{key:"8a221df2345e827a0f3f0c89ea00c2705ffc9184"})),i("div",{key:"10fa7fae5b40348333dd052d1e4dbcabed9eee69",class:"spw-table-sidebar__footer"},i("slot",{key:"a1314ab8b26c1bc56900fdfb8f1e74c2bdd16689",name:"sidebar-footer"})))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative}.spw-table-sidebar{width:200px;height:100%;background:white;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;z-index:99;transition:width 0.2s ease;display:flex;flex-direction:column;position:relative}.spw-table-sidebar__toggle{position:absolute;right:0;top:36px;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.spw-table-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{padding:16px 0;text-align:center;display:none}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__header,.spw-table-sidebar__footer{padding:16px;position:sticky;background:var(--spw-ds-white);z-index:10}.spw-table-sidebar__header{top:0;padding-bottom:16px;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;align-items:center;justify-content:space-between;gap:8px}.spw-table-sidebar__header-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{bottom:0;padding-top:16px;border-top:1px solid var(--spw-color-themes-grey-grey-200)}.spw-table-sidebar__scrollable-content{padding:16px;flex:1}"}},[257,"spw-table-sidebar",{defaultExpanded:[4,"default-expanded"],sidebarTitle:[1,"sidebar-title"],sidebarIcon:[1,"sidebar-icon"],sidebarWidth:[2,"sidebar-width"],hasReset:[4,"has-reset"],resetIcon:[1,"reset-icon"],observedHeight:[32],expanded:[32]}]),b=l,p=function(){"undefined"!=typeof customElements&&["spw-table-sidebar","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-table-sidebar":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"spw-button":customElements.get(o(e))\|\|r();break;case"spw-icon":customElements.get(o(e))\|\|n();break;case"spw-loading":customElements.get(o(e))\|\|d()}}))};export{b as SpwTableSidebar,p as defineCustomElement}

package/dist/components/spw-table.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as s,h as i,a as o,t as a}from"./index.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwSort=s(this,"spwSort",7),this.spwResize=s(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing\|\|!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const o=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<o.length;e++)if(o[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)\|\|"true"===(null==e?void 0:e.getAttribute("disabled"))\|\|""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const o=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),a=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o\|\|!a)return;const r=o.querySelector("spw-table-row"),n=null==r?void 0:r.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),h=a.querySelectorAll("spw-table-row"),d=Array.from(h).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)\|\|"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===d.length)return;const c=d.every((e=>e.checked)),b=d.every((e=>!e.checked));l&&(c?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements({flatten:!0});if(!o)return;const a=o.find((e=>"spw-table-body"===e.tagName.toLowerCase()));a&&(a.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],o=null==i?void 0:i.querySelector("spw-checkbox");o&&!this.isCheckboxDisabled(o)&&(o.checked=e,o.setAttribute("checked",""+e))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort\|\|this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i\|\|i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i\|\|i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)\|\|void 0===s?void 0:s.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o)return;const a=Array.from(o.querySelectorAll("spw-table-row")),r=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===r)return;a.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[r],o=s.querySelectorAll("spw-table-cell")[r];if(!i\|\|!o)return 0;const a=i.textContent.trim(),n=o.textContent.trim();return isNaN(Number(a))\|\|isNaN(Number(n))?"asc"===t?a.localeCompare(n):n.localeCompare(a):"asc"===t?+a-+n:+n-+a})),a.forEach((e=>o.appendChild(e)));(null==o?void 0:o.updateZebraStyles)&&o.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":e+"px"}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,["spw-table--layout-"+this.tableLayout]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?this.currentHeight+"px":this.formatSize(this.maxHeight)}render(){return i(o,{key:"37d800183e3c1105e9817eed853a0d06af85aa01",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"d374954c91b5c1ffddece3643684ce2bdee431c0",class:this.containerClass},i("slot",{key:"a0bb4558ecc43999f6fc02c36ece66feeccd9f56",name:"table-sidebar"}," "),i("div",{key:"59b3efd97c206c09d39cb3f53aee88a3615ae153",class:"spw-table-wrapper"},i("table",{key:"741dcb79590a66973be22a43342e763037ceea67",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"833995e7e114fef02bcb6c15ced23c8a3c5d796e"})))),this.resizable&&i("div",{key:"4bbf046cc083bfaa965e9f8bf1671b93d610c302",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"04a32da42755a7d7c660f3f00103cfa89eb33d46",class:"spw-table-resize-handle__bar"})),i("slot",{key:"4e1a8d91b75612a809338065e1a02ae8e659ea45",name:"table-footer"}))}get el(){return this}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}"}},[257,"spw-table",{accAriaLabel:[1,"acc-aria-label"],isSticky:[4,"is-sticky"],maxHeight:[1,"max-height"],minWidth:[1,"min-width"],tableLayout:[1,"table-layout"],isZebra:[4,"is-zebra"],disableSort:[4,"disable-sort"],currentSort:[1040],resizable:[4],minHeight:[2,"min-height"],currentHeight:[32]},[[0,"spwHeaderClick","handleHeaderClick"]],{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}]),n=r,l=function(){"undefined"!=typeof customElements&&["spw-table"].forEach((e=>{"spw-table"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),r))}))};export{n as SpwTable,l as defineCustomElement}
1	+ import{p as e,H as t,c as s,h as i,a as o,t as a}from"./index.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwSort=s(this,"spwSort",7),this.spwResize=s(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing\|\|!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const o=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<o.length;e++)if(o[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)\|\|"true"===(null==e?void 0:e.getAttribute("disabled"))\|\|""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const o=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),a=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o\|\|!a)return;const r=o.querySelector("spw-table-row"),n=null==r?void 0:r.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),d=a.querySelectorAll("spw-table-row"),h=Array.from(d).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)\|\|"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===h.length)return;const c=h.every((e=>e.checked)),b=h.every((e=>!e.checked));l&&(c?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements({flatten:!0});if(!o)return;const a=o.find((e=>"spw-table-body"===e.tagName.toLowerCase()));a&&(a.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],o=null==i?void 0:i.querySelector("spw-checkbox");o&&!this.isCheckboxDisabled(o)&&(o.checked=e,o.setAttribute("checked",""+e))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort\|\|this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i\|\|i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i\|\|i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)\|\|void 0===s?void 0:s.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o)return;const a=Array.from(o.querySelectorAll("spw-table-row")),r=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===r)return;a.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[r],o=s.querySelectorAll("spw-table-cell")[r];if(!i\|\|!o)return 0;const a=i.textContent.trim(),n=o.textContent.trim();return isNaN(Number(a))\|\|isNaN(Number(n))?"asc"===t?a.localeCompare(n):n.localeCompare(a):"asc"===t?+a-+n:+n-+a})),a.forEach((e=>o.appendChild(e)));(null==o?void 0:o.updateZebraStyles)&&o.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":e+"px"}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,["spw-table--layout-"+this.tableLayout]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?this.currentHeight+"px":this.formatSize(this.maxHeight)}render(){return i(o,{key:"dd8d60d59f80d90f6cf89dafa53ab7d028e0e035",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"c2c8bc325f257d4d06e45d6e235d6865d50f4435",class:this.containerClass},i("slot",{key:"c827c807198079ebeeaa5e1b1271c268a43fe9d2",name:"table-sidebar"}," "),i("div",{key:"2e77cedb34c6fd92174c1b41b624323af9e2efe0",class:"spw-table-wrapper"},i("table",{key:"b35355295ce2f0e417364364c8f07b3d8209f523",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"b3ac17bf068bb6884335d49a8d4589c28a11269f"})))),this.resizable&&i("div",{key:"8d8126725c6fafe48800b3dd95a946f87b457a11",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"e46d904ad87ca2092400cf4130066ad554dec7b9",class:"spw-table-resize-handle__bar"})),i("slot",{key:"5947ad704784b2b29071927ae29393801cd95e43",name:"table-footer"}))}get el(){return this}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}"}},[257,"spw-table",{accAriaLabel:[1,"acc-aria-label"],isSticky:[4,"is-sticky"],maxHeight:[1,"max-height"],minWidth:[1,"min-width"],tableLayout:[1,"table-layout"],isZebra:[4,"is-zebra"],disableSort:[4,"disable-sort"],currentSort:[1040],resizable:[4],minHeight:[2,"min-height"],currentHeight:[32]},[[0,"spwHeaderClick","handleHeaderClick"]],{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}]),n=r,l=function(){"undefined"!=typeof customElements&&["spw-table"].forEach((e=>{"spw-table"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),r))}))};export{n as SpwTable,l as defineCustomElement}

package/dist/components/spw-tabs-navigation-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as i,c as e,h as s,F as a,a as o,t as n}from"./index.js";import{d as p}from"./p-~~DiO72wMf~~.js";import{d as r}from"./p-~~D6LWZKvR~~.js";import{d as l}from"./p-~~DwCnnHgn~~.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabSelected=e(this,"tabSelected",7),this.active=!1,this.disabled=!1,this.bubble=!1,this.tagVariant="default",this.tagIcon=!1,this.slotText="",this.handleClick=t=>{t.preventDefault(),t.stopPropagation(),this.disabled\|\|this.tabSelected.emit(this.tabId)},this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;"Enter"!==i&&" "!==i\|\|(t.preventDefault(),t.stopPropagation(),this.tabSelected.emit(this.tabId))}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:!0}).filter((t=>t.nodeType===Node.TEXT_NODE\|\|t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return null===(i=t.textContent)\|\|void 0===i?void 0:i.trim()})).join(" ").trim();this.slotText=t\|\|""}}get elementClass(){return{"spw-tabs-navigation-item":!0,"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,i=this.icon?s("spw-icon",{class:"spw-icon--"+t,icon:this.icon}):null,e=this.tagText?s("spw-tag",{size:"small","has-icon":this.tagIcon?"true":"false",variant:this.tagVariant},this.tagText):null;return s(o,{key:"~~2db46dcf887e33bdf3e3ddb291fc7ecfac231e17~~",class:this.active?"--active":""},s("li",{key:"~~e307448cac3572c869a266e1fac8186755deb1c6~~",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel\|\|this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"~~d35516c74e1bfb4891119fd962958beae41c9317~~",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"~~d7325366fca17014439a26aec5a8c8a0d87bc81f~~"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"~~0d7f283767b4fca63b5bd3ce53f31cacf4f54d87~~"},"left"===t&&i,s("slot",{key:"~~944816693a1ab7e0d8757ebb000e093aeb90c73b~~"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"~~4cb41ebd56469bb1c5e0aa49cd87998e0647c52b~~",class:"bubble"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents;--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}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.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 black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}: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{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}: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}'}},[257,"spw-tabs-navigation-item",{tabId:[1,"tab-id"],active:[4],disabled:[4],bubble:[4],hasEllipsis:[4,"has-ellipsis"],icon:[1],iconPosition:[1,"icon-position"],tagText:[1,"tag-text"],tagVariant:[1,"tag-variant"],tagIcon:[4,"tag-icon"],accAriaLabel:[1,"acc-aria-label"],slotText:[32]},[[0,"slotchange","handleSlotChange"]]]),d=b,c=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation-item","spw-icon","spw-tag","spw-tooltip"].forEach((t=>{switch(t){case"spw-tabs-navigation-item":customElements.get(n(t))\|\|customElements.define(n(t),b);break;case"spw-icon":customElements.get(n(t))\|\|p();break;case"spw-tag":customElements.get(n(t))\|\|r();break;case"spw-tooltip":customElements.get(n(t))\|\|l()}}))};export{d as SpwTabsNavigationItem,c as defineCustomElement}
1	+ import{p as t,H as i,c as e,h as s,F as a,a as o,t as n}from"./index.js";import{d as p}from"./p-oVOlDrOp.js";import{d as r}from"./p-BAbzUkqV.js";import{d as l}from"./p-26TmvHEb.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabSelected=e(this,"tabSelected",7),this.active=!1,this.disabled=!1,this.bubble=!1,this.tagVariant="default",this.tagIcon=!1,this.slotText="",this.handleClick=t=>{t.preventDefault(),t.stopPropagation(),this.disabled\|\|this.tabSelected.emit(this.tabId)},this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;"Enter"!==i&&" "!==i\|\|(t.preventDefault(),t.stopPropagation(),this.tabSelected.emit(this.tabId))}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:!0}).filter((t=>t.nodeType===Node.TEXT_NODE\|\|t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return null===(i=t.textContent)\|\|void 0===i?void 0:i.trim()})).join(" ").trim();this.slotText=t\|\|""}}get elementClass(){return{"spw-tabs-navigation-item":!0,"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,i=this.icon?s("spw-icon",{class:"spw-icon--"+t,icon:this.icon}):null,e=this.tagText?s("spw-tag",{size:"small","has-icon":this.tagIcon?"true":"false",variant:this.tagVariant},this.tagText):null;return s(o,{key:"cc509a36cd51c4a4019b694e0a12ebbe233d8a0a",class:this.active?"--active":""},s("li",{key:"e0ca3f062725ebad2d6847e5679189423db51b41",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel\|\|this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"c6097677b3dc87f5183dfa4ca82fe3f9c617ba49",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"de70ab3b4b0cf32aa5c66aafc0ae464961ea48c4"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"d13763cb6010d0c0db58fa805217279d6bb98643"},"left"===t&&i,s("slot",{key:"d3fa40d15174eb17b90e6613dfb209da4437c0fe"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"c59548adc36b05f356888af3f08ea8af99c541c0",class:"bubble"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents;--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}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.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 black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}: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{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}: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}'}},[257,"spw-tabs-navigation-item",{tabId:[1,"tab-id"],active:[4],disabled:[4],bubble:[4],hasEllipsis:[4,"has-ellipsis"],icon:[1],iconPosition:[1,"icon-position"],tagText:[1,"tag-text"],tagVariant:[1,"tag-variant"],tagIcon:[4,"tag-icon"],accAriaLabel:[1,"acc-aria-label"],slotText:[32]},[[0,"slotchange","handleSlotChange"]]]),d=b,c=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation-item","spw-icon","spw-tag","spw-tooltip"].forEach((t=>{switch(t){case"spw-tabs-navigation-item":customElements.get(n(t))\|\|customElements.define(n(t),b);break;case"spw-icon":customElements.get(n(t))\|\|p();break;case"spw-tag":customElements.get(n(t))\|\|r();break;case"spw-tooltip":customElements.get(n(t))\|\|l()}}))};export{d as SpwTabsNavigationItem,c as defineCustomElement}

package/dist/components/spw-tabs-navigation.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as i,h as e,t as s}from"./index.js";import{d as o}from"./p-~~DiO72wMf~~.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVerticalOnMobile=!1,this.isCentered=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.hasOverflow=!1,this.scrollPercentage=30,this.resizeObserver=null,this.mutationObserver=null,this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),this.ulElement&&this.resizeObserver.observe(this.ulElement),this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation(),setTimeout((()=>this.checkOverflow()),10)})),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateSlottedElementsObservation()},this.updateSlottedElementsObservation=()=>{this.resizeObserver&&Array.from(this.hostElement.children).forEach((t=>{this.resizeObserver.observe(t)}))},this.cleanupObservers=()=>{this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)},this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth,i=this.ulElement.scrollWidth,e=this.ulElement.scrollLeft;this.hasOverflow=i>t,this.showLeftArrow=this.hasOverflow&&e>0,this.showRightArrow=this.hasOverflow&&e<i-t-1},this.scrollLeft=()=>{this.ulElement&&this.ulElement.scrollBy({left:-this.ulElement.clientWidththis.scrollPercentage/100,behavior:"smooth"})},this.scrollRight=()=>{this.ulElement&&this.ulElement.scrollBy({left:this.ulElement.clientWidththis.scrollPercentage/100,behavior:"smooth"})},this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow(),this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){const t={"spw-tabs-navigation":!0,"spw-tabs-navigation--vertical-on-mobile":this.isVerticalOnMobile},i={"spw-tabs-navigation__list":!0,"spw-tabs-navigation__list--vertical-on-mobile":this.isVerticalOnMobile,"spw-tabs-navigation__list--centered":this.isCentered&&!this.hasOverflow};return e("div",{key:"~~804d3e12ab1b48e01df560724e9a7b409fa3f29a~~",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"~~cfea4bfa322788630253290a0fb0498e97a22c35~~",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},e("spw-icon",{key:"~~9ce22d8c23ad73564bdbd57fc8ea5ec3e191aa3a~~",icon:"fa-chevron-left"})),e("nav",{key:"~~e51f211924880126471a46bd9169932e5e6691c0~~",class:t,"aria-label":this.accAriaLabel\|\|"Navigation"},e("ul",{key:"~~58b017710d2a0c3d9266d83102b31ce209bbdae6~~",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"~~fa37269c614a9ae22ab1113d9e0ca4e388ab4888~~"}))),this.showRightArrow&&e("button",{key:"~~631696acd81c844336df98337200d6c7a86966c6~~",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},e("spw-icon",{key:"~~e928361945c0817057a437921a996c51925fdd60~~",icon:"fa-chevron-right"})))}get hostElement(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;top:1px}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:~~1px solid~~ var(--spw-~~colors~~-~~support~~-~~grey~~-~~grey-300~~);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}"}},[257,"spw-tabs-navigation",{accAriaLabel:[1,"acc-aria-label"],isVerticalOnMobile:[4,"is-vertical-on-mobile"],isCentered:[4,"is-centered"],showLeftArrow:[32],showRightArrow:[32],hasOverflow:[32]},[[9,"resize","onWindowResize"]]]),n=a,r=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation","spw-icon"].forEach((t=>{switch(t){case"spw-tabs-navigation":customElements.get(s(t))\|\|customElements.define(s(t),a);break;case"spw-icon":customElements.get(s(t))\|\|o()}}))};export{n as SpwTabsNavigation,r as defineCustomElement}
1	+ import{p as t,H as i,h as e,t as s}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVerticalOnMobile=!1,this.isCentered=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.hasOverflow=!1,this.scrollPercentage=30,this.resizeObserver=null,this.mutationObserver=null,this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),this.ulElement&&this.resizeObserver.observe(this.ulElement),this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation(),setTimeout((()=>this.checkOverflow()),10)})),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateSlottedElementsObservation()},this.updateSlottedElementsObservation=()=>{this.resizeObserver&&Array.from(this.hostElement.children).forEach((t=>{this.resizeObserver.observe(t)}))},this.cleanupObservers=()=>{this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)},this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth,i=this.ulElement.scrollWidth,e=this.ulElement.scrollLeft;this.hasOverflow=i>t,this.showLeftArrow=this.hasOverflow&&e>0,this.showRightArrow=this.hasOverflow&&e<i-t-1},this.scrollLeft=()=>{this.ulElement&&this.ulElement.scrollBy({left:-this.ulElement.clientWidththis.scrollPercentage/100,behavior:"smooth"})},this.scrollRight=()=>{this.ulElement&&this.ulElement.scrollBy({left:this.ulElement.clientWidththis.scrollPercentage/100,behavior:"smooth"})},this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow(),this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){const t={"spw-tabs-navigation":!0,"spw-tabs-navigation--vertical-on-mobile":this.isVerticalOnMobile},i={"spw-tabs-navigation__list":!0,"spw-tabs-navigation__list--vertical-on-mobile":this.isVerticalOnMobile,"spw-tabs-navigation__list--centered":this.isCentered&&!this.hasOverflow};return e("div",{key:"18a8dfdbb6820c5588b3c86ac3d2aed6c5c21a66",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"99b19f02029ca1696dedad5b02e91e7f3e35aa29",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},e("spw-icon",{key:"97d8e933b43e00837f660b8407d76a0f205e303f",icon:"fa-chevron-left"})),e("nav",{key:"0044da58f0891c58302b195852f587a20ad3d4e3",class:t,"aria-label":this.accAriaLabel\|\|"Navigation"},e("ul",{key:"64fd7922622224bee8f3c407c08873fdb88648cb",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"26b3faeaf21cc02c7de9daa19d81d937526aab9c"}))),this.showRightArrow&&e("button",{key:"32347eef352c5d4c2be9f85869c9f9bc1d8aaef6",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},e("spw-icon",{key:"5323c28465d467e442e199c951963b31a3de12d5",icon:"fa-chevron-right"})))}get hostElement(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;top:1px;--spw-tabs-navigation-border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:var(--spw-tabs-navigation-border-bottom);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}'}},[257,"spw-tabs-navigation",{accAriaLabel:[1,"acc-aria-label"],isVerticalOnMobile:[4,"is-vertical-on-mobile"],isCentered:[4,"is-centered"],showLeftArrow:[32],showRightArrow:[32],hasOverflow:[32]},[[9,"resize","onWindowResize"]]]),n=a,r=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation","spw-icon"].forEach((t=>{switch(t){case"spw-tabs-navigation":customElements.get(s(t))\|\|customElements.define(s(t),a);break;case"spw-icon":customElements.get(s(t))\|\|o()}}))};export{n as SpwTabsNavigation,r as defineCustomElement}

package/dist/components/spw-tabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as i,h as s,t as n}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChanged=i(this,"tabChanged",1),this.defaultActiveTab="1",this.variant="default",this.hasEllipsis=!1,this.size="small",this.activeTab="1"}componentWillLoad(){this.activeTab&&"1"!==this.activeTab\|\|(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){t.composedPath().find((t=>"SPW-TABS"===t.tagName))===this.el&&(this.activeTab=t.detail,t.stopPropagation())}slotChanged(){this.applyVariantToChildren(),this.updateActiveStates(),this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el,e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t),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(){this.maxWidth&&requestAnimationFrame((()=>{const t=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter((t=>t.closest("spw-tabs")===this.el)),e="--ellipsis";t.forEach((t=>{var i;const s=(null===(i=t.textContent)\|\|void 0===i?void 0:i.trim())\|\|"";if(!s)return;const n=document.createElement("div");n.style.cssText="\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n ",n.textContent=s;const a=window.getComputedStyle(t);n.style.fontSize=a.fontSize,n.style.fontFamily=a.fontFamily,n.style.fontWeight=a.fontWeight,n.style.fontStyle=a.fontStyle,n.style.letterSpacing=a.letterSpacing,n.style.textTransform=a.textTransform,document.body.appendChild(n);const o=n.getBoundingClientRect().width;document.body.removeChild(n),o>this.maxWidth?(t.style.setProperty("--spw-tabs-max-width-text",this.maxWidth+"px"),t.setAttribute("has-ellipsis","true"),t.classList.add(e)):(t.style.removeProperty("--spw-tabs-max-width-text"),t.setAttribute("has-ellipsis","false"),t.classList.remove(e))}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i="--"+this.variant,s="--"+this.size,n=t=>t.closest("spw-tabs")===this.el,a=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector('slot[name="navigation"]'),o=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector('slot[name="content"]'),d=((null==a?void 0:a.assignedElements({flatten:!0}))\|\|[]).filter(n),r=((null==o?void 0:o.assignedElements({flatten:!0}))\|\|[]).filter(n);d.forEach((t=>{"SPW-TABS-NAVIGATION"===t.tagName?(t.classList.add(i),t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{n(t)&&(t.classList.add(i),t.classList.add(s))}))):"SPW-TABS-NAVIGATION-ITEM"===t.tagName&&(t.classList.add(i),t.classList.add(s))})),r.forEach((t=>{"SPW-TABS-CONTENT"===t.tagName?t.classList.add(i):t.querySelectorAll("spw-tabs-content").forEach((t=>{n(t)&&t.classList.add(i)}))})),this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":!0,["spw-tabs--"+this.variant]:!0}}render(){return s("div",{key:"~~e49168b2fdb1632a4f9e3696495784504f2c1b21~~",class:this.elementClass},s("slot",{key:"~~d503309c5cea3fa535deeefecc6e02ccffc0cac0~~",name:"navigation"}),s("slot",{key:"~~6d4979b765e775d9394dfc8c715bdd2535cdb8b7~~",name:"content"}))}get el(){return this}static get watchers(){return{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}"}},[257,"spw-tabs",{defaultActiveTab:[1,"default-active-tab"],variant:[1],hasEllipsis:[4,"has-ellipsis"],maxWidth:[2,"max-width"],size:[1],activeTab:[1025,"active-tab"],getSelectedTab:[64],setSelectedTab:[64]},[[2,"tabSelected","handleTabSelected"],[0,"slotchange","slotChanged"]],{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}]),o=a,d=function(){"undefined"!=typeof customElements&&["spw-tabs"].forEach((t=>{"spw-tabs"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),a))}))};export{o as SpwTabs,d as defineCustomElement}
1	+ import{p as t,H as e,c as i,h as s,t as n}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChanged=i(this,"tabChanged",1),this.defaultActiveTab="1",this.variant="default",this.hasEllipsis=!1,this.size="small",this.activeTab="1"}componentWillLoad(){this.activeTab&&"1"!==this.activeTab\|\|(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){t.composedPath().find((t=>"SPW-TABS"===t.tagName))===this.el&&(this.activeTab=t.detail,t.stopPropagation())}slotChanged(){this.applyVariantToChildren(),this.updateActiveStates(),this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el,e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t),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(){this.maxWidth&&requestAnimationFrame((()=>{const t=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter((t=>t.closest("spw-tabs")===this.el)),e="--ellipsis";t.forEach((t=>{var i;const s=(null===(i=t.textContent)\|\|void 0===i?void 0:i.trim())\|\|"";if(!s)return;const n=document.createElement("div");n.style.cssText="\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n ",n.textContent=s;const a=window.getComputedStyle(t);n.style.fontSize=a.fontSize,n.style.fontFamily=a.fontFamily,n.style.fontWeight=a.fontWeight,n.style.fontStyle=a.fontStyle,n.style.letterSpacing=a.letterSpacing,n.style.textTransform=a.textTransform,document.body.appendChild(n);const o=n.getBoundingClientRect().width;document.body.removeChild(n),o>this.maxWidth?(t.style.setProperty("--spw-tabs-max-width-text",this.maxWidth+"px"),t.setAttribute("has-ellipsis","true"),t.classList.add(e)):(t.style.removeProperty("--spw-tabs-max-width-text"),t.setAttribute("has-ellipsis","false"),t.classList.remove(e))}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i="--"+this.variant,s="--"+this.size,n=t=>t.closest("spw-tabs")===this.el,a=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector('slot[name="navigation"]'),o=null===(e=this.el.shadowRoot)\|\|void 0===e?void 0:e.querySelector('slot[name="content"]'),d=((null==a?void 0:a.assignedElements({flatten:!0}))\|\|[]).filter(n),r=((null==o?void 0:o.assignedElements({flatten:!0}))\|\|[]).filter(n);d.forEach((t=>{"SPW-TABS-NAVIGATION"===t.tagName?(t.classList.add(i),t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{n(t)&&(t.classList.add(i),t.classList.add(s))}))):"SPW-TABS-NAVIGATION-ITEM"===t.tagName&&(t.classList.add(i),t.classList.add(s))})),r.forEach((t=>{"SPW-TABS-CONTENT"===t.tagName?t.classList.add(i):t.querySelectorAll("spw-tabs-content").forEach((t=>{n(t)&&t.classList.add(i)}))})),this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":!0,["spw-tabs--"+this.variant]:!0}}render(){return s("div",{key:"1780c8305962c53208a185ea0c7c39e2eb6ede38",class:this.elementClass},s("slot",{key:"cb4e49d33b28728eda74841e0c524a8bdaaeca40",name:"navigation"}),s("slot",{key:"e7e4fb5ccdd9384a808f46abaf88a3ddd2f0645c",name:"content"}))}get el(){return this}static get watchers(){return{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}"}},[257,"spw-tabs",{defaultActiveTab:[1,"default-active-tab"],variant:[1],hasEllipsis:[4,"has-ellipsis"],maxWidth:[2,"max-width"],size:[1],activeTab:[1025,"active-tab"],getSelectedTab:[64],setSelectedTab:[64]},[[2,"tabSelected","handleTabSelected"],[0,"slotchange","slotChanged"]],{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}]),o=a,d=function(){"undefined"!=typeof customElements&&["spw-tabs"].forEach((t=>{"spw-tabs"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),a))}))};export{o as SpwTabs,d as defineCustomElement}

package/dist/components/spw-tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~D6LWZKvR~~.js";const p=o,r=s;export{p as SpwTag,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-BAbzUkqV.js";const p=o,r=s;export{p as SpwTag,r as defineCustomElement}

package/dist/components/spw-text-field.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CANbQKSH~~.js";const p=o,r=s;export{p as SpwTextField,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-CwQbV4MW.js";const p=o,r=s;export{p as SpwTextField,r as defineCustomElement}

package/dist/components/spw-textarea.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as s,h as i,t as a}from"./index.js";import{d as o}from"./p-~~BxRsJDtg~~.js";import{d as r}from"./p-~~CDlTW4jP~~.js";import{d as n}from"./p-~~DiO72wMf~~.js";import{d as p}from"./p-~~DwCnnHgn~~.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.internalValue="",this.label="",this.rows=5,this.isSearch=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help"}async setFocus(){var t;null===(t=this.textareaElement)\|\|void 0===t\|\|t.focus()}valueChangedHandler(t){this.setValue(t)}setValue(t){this.internalValue=null!=t?t:"",this.value=this.internalValue,this.textareaElement&&(this.textareaElement.value=this.internalValue),this.internals.setFormValue(this.internalValue\|\|null),this.valueChanged.emit(this.internalValue)}componentWillLoad(){var t;this.internalValue=null!==(t=this.value)&&void 0!==t?t:"",this.defaultValue=this.internalValue}componentDidLoad(){this.internals.setFormValue(this.internalValue?this.internalValue:null)}formResetCallback(){var t;this.setValue(null!==(t=this.defaultValue)&&void 0!==t?t:"")}handleChange(t){this.internalValue=t.target.value,this.value=this.internalValue,this.internals.setFormValue(this.internalValue?this.internalValue:null),this.valueChanged.emit(this.internalValue)}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-textarea":!0,["spw-textarea--"+this.size]:!0,"spw-textarea--is-search":this.isSearch,"spw-textarea--is-error":!!this.error,"spw-textarea--disabled":this.disabled}}render(){return i("div",{key:"~~2ceb01bb4656e4e6754a50fe9831264be5bc0956~~",class:this.elementClass},this.label&&i("spw-field-label",{key:"~~3b1d8c62cd7101a0314b2696a152e87bc05d9345~~",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"~~3366fa4637d05296f9132849b0293e5341eec6c0~~",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"~~820de0e531b4eab19f4b5d333648c37728f42c62~~",class:"spw-textarea__container"},i("textarea",{key:"~~56b350e2358fb6a1a08deeb91e093dea9f229f39~~",class:"spw-textarea__input",ref:t=>this.textareaElement=t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,rows:this.rows,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:t=>this.handleChange(t)})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}.spw-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}"}},[65,"spw-textarea",{value:[1537],label:[1],placeholder:[1],disabled:[4],name:[1],rows:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],setFocus:[64]},void 0,{value:[{valueChangedHandler:0}]}]),h=l,d=function(){"undefined"!=typeof customElements&&["spw-textarea","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-textarea":customElements.get(a(t))\|\|customElements.define(a(t),l);break;case"spw-field-label":customElements.get(a(t))\|\|o();break;case"spw-field-message":customElements.get(a(t))\|\|r();break;case"spw-icon":customElements.get(a(t))\|\|n();break;case"spw-tooltip":customElements.get(a(t))\|\|p()}}))};export{h as SpwTextarea,d as defineCustomElement}
1	+ import{p as t,H as e,c as s,h as i,t as a}from"./index.js";import{d as o}from"./p-DBIs7bbJ.js";import{d as r}from"./p-CLCgZYzK.js";import{d as n}from"./p-oVOlDrOp.js";import{d as p}from"./p-26TmvHEb.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.internalValue="",this.label="",this.rows=5,this.isSearch=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help"}async setFocus(){var t;null===(t=this.textareaElement)\|\|void 0===t\|\|t.focus()}valueChangedHandler(t){this.setValue(t)}setValue(t){this.internalValue=null!=t?t:"",this.value=this.internalValue,this.textareaElement&&(this.textareaElement.value=this.internalValue),this.internals.setFormValue(this.internalValue\|\|null),this.valueChanged.emit(this.internalValue)}componentWillLoad(){var t;this.internalValue=null!==(t=this.value)&&void 0!==t?t:"",this.defaultValue=this.internalValue}componentDidLoad(){this.internals.setFormValue(this.internalValue?this.internalValue:null)}formResetCallback(){var t;this.setValue(null!==(t=this.defaultValue)&&void 0!==t?t:"")}handleChange(t){this.internalValue=t.target.value,this.value=this.internalValue,this.internals.setFormValue(this.internalValue?this.internalValue:null),this.valueChanged.emit(this.internalValue)}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-textarea":!0,["spw-textarea--"+this.size]:!0,"spw-textarea--is-search":this.isSearch,"spw-textarea--is-error":!!this.error,"spw-textarea--disabled":this.disabled}}render(){return i("div",{key:"32b71a135037f1a177af2c823ba929a59d31c00e",class:this.elementClass},this.label&&i("spw-field-label",{key:"dfc911fc4a5c75650a2b538be6490259ec20c1b2",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"4c3cc316eaf3799d2de68b673065445622dc15a8",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"df10118ab092b553e7a778807ea9850da8b26f4d",class:"spw-textarea__container"},i("textarea",{key:"0f4de29723a5aa1dd1209284d835bc34442de98c",class:"spw-textarea__input",ref:t=>this.textareaElement=t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,rows:this.rows,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:t=>this.handleChange(t)})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}.spw-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}"}},[65,"spw-textarea",{value:[1537],label:[1],placeholder:[1],disabled:[4],name:[1],rows:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],setFocus:[64]},void 0,{value:[{valueChangedHandler:0}]}]),h=l,d=function(){"undefined"!=typeof customElements&&["spw-textarea","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-textarea":customElements.get(a(t))\|\|customElements.define(a(t),l);break;case"spw-field-label":customElements.get(a(t))\|\|o();break;case"spw-field-message":customElements.get(a(t))\|\|r();break;case"spw-icon":customElements.get(a(t))\|\|n();break;case"spw-tooltip":customElements.get(a(t))\|\|p()}}))};export{h as SpwTextarea,d as defineCustomElement}

package/dist/components/spw-theme-provider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as p,h as e,t as o}from"./index.js";const a={rouge:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-red-red-500);--spw-ds-variant:var(--spw-color-themes-red-red-700);--spw-ds-active:var(--spw-color-themes-red-red-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-red-red-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-red-red-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-red-red-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-red-red-800);--spw-ds-alt-purple:#552046;--spw-ds-alt-blue:#202f55;--spw-ds-alt-petrol:#1b4146}",bleu:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-blue-blue-500);--spw-ds-variant:var(--spw-color-themes-blue-blue-700);--spw-ds-active:var(--spw-color-themes-blue-blue-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-blue-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-blue-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-blue-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-blue-blue-800)}",bleuClair:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-light-blue-light-blue-600);--spw-ds-variant:var(--spw-color-themes-light-blue-light-blue-800);--spw-ds-active:var(--spw-color-themes-light-blue-light-blue-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-blue-light-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-blue-light-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-blue-light-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-blue-light-blue-800)}",vert:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-green-green-700);--spw-ds-variant:var(--spw-color-themes-green-green-800);--spw-ds-active:var(--spw-color-themes-green-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-green-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-green-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-green-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-green-green-800)}",vertLeger:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-light-green-light-green-700);--spw-ds-variant:var(--spw-color-themes-light-green-light-green-800);--spw-ds-active:var(--spw-color-themes-light-green-light-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-green-light-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-green-light-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-green-light-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-green-light-green-800)}",orange:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-orange-orange-700);--spw-ds-variant:var(--spw-color-themes-orange-orange-800);--spw-ds-active:var(--spw-color-themes-orange-orange-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-orange-orange-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-orange-orange-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-orange-orange-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-orange-orange-800)}",turquoise:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-teal-teal-700);--spw-ds-variant:var(--spw-color-themes-teal-teal-800);--spw-ds-active:var(--spw-color-themes-teal-teal-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-teal-teal-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-teal-teal-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-teal-teal-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-teal-teal-800)}",indigo:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-indigo-indigo-700);--spw-ds-variant:var(--spw-color-themes-indigo-indigo-800);--spw-ds-active:var(--spw-color-themes-indigo-indigo-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-indigo-indigo-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-indigo-indigo-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-indigo-indigo-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-indigo-indigo-800)}",mauve:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-purple-purple-500);--spw-ds-variant:var(--spw-color-themes-purple-purple-800);--spw-ds-active:var(--spw-color-themes-purple-purple-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-purple-purple-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-purple-purple-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-purple-purple-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-purple-purple-800)}",gris:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px}:root{--spw-ds-primary:var(--spw-color-themes-grey-grey-500);--spw-ds-variant:var(--spw-color-themes-grey-grey-800);--spw-ds-active:var(--spw-color-themes-grey-grey-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-grey-grey-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-grey-grey-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-grey-grey-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-grey-grey-800)}"},n=s(class extends p{constructor(s){super(),!1!==s&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(s){const p="theme-styles";let e=document.getElementById(p);e\|\|(e=document.createElement("style"),e.id=p,document.head.appendChild(e));const o=a[s];e.innerHTML="function"==typeof o?o():o,document.documentElement.setAttribute("data-theme",s)}render(){return e("main",{key:"cc79a315f54bf28ff0553aff8e1f608e7b4513f1",class:"spw-theme-"+this.theme},e("slot",{key:"a17d20d700210cd6af24e50b2ca676778c38208a"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),r=n,t=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((s=>{"spw-theme-provider"===s&&(customElements.get(o(s))\|\|customElements.define(o(s),n))}))};export{r as SpwThemeProvider,t as defineCustomElement}
1	+ import{p as s,H as p,h as r,t as d}from"./index.js";const e={rouge:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-red-red-500);--spw-ds-variant:var(--spw-color-themes-red-red-700);--spw-ds-active:var(--spw-color-themes-red-red-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-red-red-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-red-red-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-red-red-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-red-red-800);--spw-ds-alt-purple:#552046;--spw-ds-alt-blue:#202f55;--spw-ds-alt-petrol:#1b4146}",bleu:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-blue-blue-500);--spw-ds-variant:var(--spw-color-themes-blue-blue-700);--spw-ds-active:var(--spw-color-themes-blue-blue-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-blue-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-blue-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-blue-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-blue-blue-800)}",bleuClair:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-light-blue-light-blue-600);--spw-ds-variant:var(--spw-color-themes-light-blue-light-blue-800);--spw-ds-active:var(--spw-color-themes-light-blue-light-blue-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-blue-light-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-blue-light-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-blue-light-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-blue-light-blue-800)}",vert:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-green-green-700);--spw-ds-variant:var(--spw-color-themes-green-green-800);--spw-ds-active:var(--spw-color-themes-green-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-green-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-green-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-green-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-green-green-800)}",vertLeger:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-light-green-light-green-700);--spw-ds-variant:var(--spw-color-themes-light-green-light-green-800);--spw-ds-active:var(--spw-color-themes-light-green-light-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-green-light-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-green-light-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-green-light-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-green-light-green-800)}",orange:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-orange-orange-700);--spw-ds-variant:var(--spw-color-themes-orange-orange-800);--spw-ds-active:var(--spw-color-themes-orange-orange-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-orange-orange-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-orange-orange-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-orange-orange-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-orange-orange-800)}",turquoise:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-teal-teal-700);--spw-ds-variant:var(--spw-color-themes-teal-teal-800);--spw-ds-active:var(--spw-color-themes-teal-teal-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-teal-teal-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-teal-teal-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-teal-teal-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-teal-teal-800)}",indigo:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-indigo-indigo-700);--spw-ds-variant:var(--spw-color-themes-indigo-indigo-800);--spw-ds-active:var(--spw-color-themes-indigo-indigo-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-indigo-indigo-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-indigo-indigo-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-indigo-indigo-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-indigo-indigo-800)}",mauve:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-purple-purple-500);--spw-ds-variant:var(--spw-color-themes-purple-purple-800);--spw-ds-active:var(--spw-color-themes-purple-purple-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-purple-purple-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-purple-purple-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-purple-purple-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-purple-purple-800)}",gris:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro';--spw-ds-font-main:'Nunito Sans', sans-serif;--spw-ds-spacing-none:0;--spw-ds-spacing-4xs:1px;--spw-ds-spacing-3xs:2px;--spw-ds-spacing-2xs:4px;--spw-ds-spacing-xs:6px;--spw-ds-spacing-sm:8px;--spw-ds-spacing-md:12px;--spw-ds-spacing-lg:16px;--spw-ds-spacing-xl:20px;--spw-ds-spacing-2xl:24px;--spw-ds-spacing-3xl:32px;--spw-ds-spacing-4xl:48px;--spw-ds-spacing-5xl:64px;--spw-ds-spacing-6xl:80px;--spw-ds-border-radius-none:0;--spw-ds-border-radius-2xs:2px;--spw-ds-border-radius-xs:4px;--spw-ds-border-radius-sm:6px;--spw-ds-border-radius-md:8px;--spw-ds-border-radius-lg:12px;--spw-ds-border-radius-xl:16px;--spw-ds-border-radius-2xl:20px;--spw-ds-border-radius-3xl:24px;--spw-ds-border-radius-4xl:32px;--spw-ds-border-radius-5xl:48px;--spw-ds-border-radius-full:999px}:root{--spw-ds-primary:var(--spw-color-themes-grey-grey-500);--spw-ds-variant:var(--spw-color-themes-grey-grey-800);--spw-ds-active:var(--spw-color-themes-grey-grey-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-grey-grey-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-grey-grey-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-grey-grey-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-grey-grey-800)}"},o=s(class extends p{constructor(s){super(),!1!==s&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(s){const p="theme-styles";let r=document.getElementById(p);r\|\|(r=document.createElement("style"),r.id=p,document.head.appendChild(r));const d=e[s];r.innerHTML="function"==typeof d?d():d,document.documentElement.setAttribute("data-theme",s)}render(){return r("main",{key:"53c3dc8ac66e5f445c4c4cf014c2cc81d70965dd",class:"spw-theme-"+this.theme},r("slot",{key:"a7aeed0a5e97508a8ad256c4d4482c44429c9841"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),a=o,w=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((s=>{"spw-theme-provider"===s&&(customElements.get(d(s))\|\|customElements.define(d(s),o))}))};export{a as SpwThemeProvider,w as defineCustomElement}

package/dist/components/spw-tile-description.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,t as n}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"~~2e2ca1aefcce18fbc046789a6bd233dbb6fb4c2a~~",class:"spw-tile-description"},i("slot",{key:"~~1665a822df4fa486ca16fbd67c5ea8e25811c52e~~"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}"}},[257,"spw-tile-description"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-tile-description"].forEach((e=>{"spw-tile-description"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),o))}))};export{s as SpwTileDescription,a as defineCustomElement}
1	+ import{p as e,H as t,h as i,t as n}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"309570c9321e67df737559336d4268474cf914ee",class:"spw-tile-description"},i("slot",{key:"c332da43f937f49edd9f9ac544b9bfb120a50374"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}"}},[257,"spw-tile-description"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-description"].forEach((e=>{"spw-tile-description"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),o))}))};export{s as SpwTileDescription,r as defineCustomElement}

package/dist/components/spw-tile-title.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,h as i,t as n}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i("h3",{key:"~~cd661b27606403e5396d468240e583ead0680094~~",class:"spw-tile-title"},i("slot",{key:"~~e0c8e41cdbc51325bcc2f70f41abea825ca1b5f6~~"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}"}},[257,"spw-tile-title"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-title"].forEach((t=>{"spw-tile-title"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),o))}))};export{s as SpwTileTitle,r as defineCustomElement}
1	+ import{p as t,H as e,h as i,t as n}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i("h3",{key:"f4ee519d2a18aa1ba0576977bd1bcb3669d10a1c",class:"spw-tile-title"},i("slot",{key:"319c7a7a33d7c0e12ce08df293979f78ca4adce7"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}"}},[257,"spw-tile-title"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-tile-title"].forEach((t=>{"spw-tile-title"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),o))}))};export{s as SpwTileTitle,a as defineCustomElement}

package/dist/components/spw-tile.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,F as s,a as o,t as n}from"./index.js";import{d as a}from"./p-~~DiO72wMf~~.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.overlayOpacity=100}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e),i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,["spw-tile--"+this.variant]:!0,["spw-tile--height-"+this.height]:!0}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(e){const t=this.el.querySelector("spw-tile-title");t&&this.href&&t.classList.toggle("--hovered",e)}render(){const{href:e,target:t}=this,n=void 0===this.href?"div":"a";return i(o,{key:"~~14395d110680c95303f45d567a4e6bace5a8d7fc~~"},i(n,Object.assign({key:"~~d90d895005cdcc47c9f42bdda34abe4d6cfd571a~~"},"div"===n?{}:{href:e,target:t},{class:this.elementClass}),this.imageSrc&&("big"===this.variant\|\|"light"===this.variant)&&i(s,{key:"~~901cd1e2e55bd95616c29284c0cbb4b97234d8e6~~"},i("div",{key:"~~86dc71f0fcf1d85da4116cc39ead77a706d1ab47~~",class:"spw-tile__overlay",style:{opacity:""+this.overlayOpacity/100}}),i("img",{key:"~~09aecba4cb28384ea3e8406a898b701e1676eb45~~",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),i("div",{key:"~~3c2dcb3185bc0c1779a0c6f6c9519cf1828a4561~~",class:"spw-tile__content"},i("slot",{key:"~~bf6693c2aefc9fcc0490e60d3848e3bcaeabe77c~~"}),this.href&&"big"===this.variant&&i("span",{key:"~~672d7155ea60472623db224cea93da79f9aa9679~~",class:"spw-tile__button"},i("spw-icon",{key:"~~44e341d903da02185495c55bbb927189f60eaa5e~~",icon:"fa-chevron-right"})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}'}},[257,"spw-tile",{variant:[1],height:[1],href:[1],target:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],overlayOpacity:[2,"overlay-opacity"]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),l=p,r=function(){"undefined"!=typeof customElements&&["spw-tile","spw-icon"].forEach((e=>{switch(e){case"spw-tile":customElements.get(n(e))\|\|customElements.define(n(e),p);break;case"spw-icon":customElements.get(n(e))\|\|a()}}))};export{l as SpwTile,r as defineCustomElement}
1	+ import{p as e,H as t,h as i,F as s,a as o,t as n}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.overlayOpacity=100}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e),i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,["spw-tile--"+this.variant]:!0,["spw-tile--height-"+this.height]:!0}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(e){const t=this.el.querySelector("spw-tile-title");t&&this.href&&t.classList.toggle("--hovered",e)}render(){const{href:e,target:t}=this,n=void 0===this.href?"div":"a";return i(o,{key:"2e335e22d5ab4eb8878f03a212b08719e7c03b5d"},i(n,Object.assign({key:"d96459ee40f40e6c5b7cc4c2e13b73c57e9b7d40"},"div"===n?{}:{href:e,target:t},{class:this.elementClass}),this.imageSrc&&("big"===this.variant\|\|"light"===this.variant)&&i(s,{key:"6bcb368750bfac875fed23ff888bab0193ea853e"},i("div",{key:"29ee931bccdafed6bdabaa8f06b3ec519124f96e",class:"spw-tile__overlay",style:{opacity:""+this.overlayOpacity/100}}),i("img",{key:"f0f8255608ad8ca7995764c17e78281b08c3d372",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),i("div",{key:"889cff7190b31b07f1f982fe3f76bff547c38c06",class:"spw-tile__content"},i("slot",{key:"46399850b0189ba9c1db91c90fb694696aec8b86"}),this.href&&"big"===this.variant&&i("span",{key:"cfc3fc145c40ce74c1e6aded4a84448e60c36887",class:"spw-tile__button"},i("spw-icon",{key:"6dc4864e4195889138be38dc41b540b40dc2eea6",icon:"fa-chevron-right"})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}'}},[257,"spw-tile",{variant:[1],height:[1],href:[1],target:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],overlayOpacity:[2,"overlay-opacity"]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),l=p,r=function(){"undefined"!=typeof customElements&&["spw-tile","spw-icon"].forEach((e=>{switch(e){case"spw-tile":customElements.get(n(e))\|\|customElements.define(n(e),p);break;case"spw-icon":customElements.get(n(e))\|\|a()}}))};export{l as SpwTile,r as defineCustomElement}