npm - @spw-ds/spw-stencil-library - Versions diffs - 1.7.0 → 1.8.0 - Mend

@spw-ds/spw-stencil-library 1.7.0 → 1.8.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 (524) hide show

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

	@@ -1 +1 @@
1	- import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"~~e33792c2ec06c5ec8e8a0980dd3aaf2a13b38f6a~~",part:"tbody"},n("slot",{key:"~~a44428911d29a93c4d53e7ee68af8d7c0413c046~~"}))}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:"Nunito Sans"}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}@media (max-width: 767px){tbody{display:block}}'}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}
1	+ import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)\|\|void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"1e2cae36132ae92bc0401e293d8798577d8fbb2e",part:"tbody"},n("slot",{key:"8a371389eb6d233289d46f46b22ed2dfcde4416a"}))}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:"Nunito Sans"}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}@media (max-width: 767px){tbody{display:block}}'}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as t,H as e,h as s,t as i}from"./index.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="middle",this.width="auto",this.padding="medium",this.state="default",this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.isFirst=!1}componentDidLoad(){this.checkIfFirst(),this.observeRowSlot(),this.el.hasAttribute("padding")&&this.el.setAttribute("data-has-explicit-padding","true")}disconnectedCallback(){var t;null===(t=this.slotObserver)\|\|void 0===t\|\|t.disconnect()}checkIfFirst(){const t=this.el.closest("spw-table-row");if(!t)return void(this.isFirst=!1);const e=Array.from(t.children).filter((t=>"SPW-TABLE-CELL"===t.tagName\|\|"SPW-TABLE-HEADER"===t.tagName\|\|"TD"===t.tagName\|\|"TH"===t.tagName));this.isFirst=e[0]===this.el}observeRowSlot(){const t=this.el.closest("spw-table-row");t&&(this.slotObserver=new MutationObserver((()=>this.checkIfFirst())),this.slotObserver.observe(t,{childList:!0,subtree:!1}))}get elementClass(){return{"spw-table-cell":!0,"spw-table-cell--is-highlighted":this.isHighlighted,["spw-table-cell--text-align-"+this.textAlign]:!0,["spw-table-cell--padding-"+this.padding]:!0,["spw-table-cell--vertical-align-"+this.verticalAlign]:!0,["spw-table-cell--"+this.state]:!0,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,["spw-table-cell--sticky-"+this.stickyPosition]:this.sticky}}render(){const t={width:this.width,class:this.elementClass,part:"cell"};if(void 0!==this.colspan&&(t.colSpan=this.colspan),void 0!==this.rowspan&&(t.rowSpan=this.rowspan),void 0!==this.headers&&(t.headers=this.headers),this.sticky){const e={position:"sticky",zIndex:"10"};"start"===this.stickyPosition?e.left=this.stickyOffset+"px":e.right=this.stickyOffset+"px",t.style=e}return s("td",Object.assign({key:"~~8c9f61a9549feb2b511a28f5b3876745771f020a~~"},t),s("slot",{key:"~~b7a1227ba5bf57665986ad13c2772627858758ed~~"}))}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:"Nunito Sans"}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(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}@media (min-width: 768px){:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}@media (max-width: 767px){:host{display:block}.spw-table-cell{display:block;width:100%;border:none;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);padding:6px 12px !important;text-align:left !important}.spw-table-cell:last-child{border-bottom:none}.spw-table-cell::before{content:attr(data-label);font-weight:700;color:var(--spw-color-themes-grey-grey-700);font-size:13px;text-align:left;padding-top:2px}.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--selected{background-color:transparent;box-shadow:none}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--is-highlighted{background:transparent;font-weight:600}:host(.--selected) .spw-table-cell{background-color:transparent}.spw-table-cell--sticky{position:static;width:100%;background-color:transparent}.spw-table-cell--sticky::after{display:none}}'}},[257,"spw-table-cell",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],width:[1],padding:[1],state:[1],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"],isFirst:[32]}]),o=l,a=function(){"undefined"!=typeof customElements&&["spw-table-cell"].forEach((t=>{"spw-table-cell"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),l))}))};export{o as SpwTableCell,a as defineCustomElement}
1	+ import{p as t,H as e,h as s,t as i}from"./index.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="middle",this.width="auto",this.padding="medium",this.state="default",this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.isFirst=!1}componentDidLoad(){this.checkIfFirst(),this.observeRowSlot(),this.el.hasAttribute("padding")&&this.el.setAttribute("data-has-explicit-padding","true")}disconnectedCallback(){var t;null===(t=this.slotObserver)\|\|void 0===t\|\|t.disconnect()}checkIfFirst(){const t=this.el.closest("spw-table-row");if(!t)return void(this.isFirst=!1);const e=Array.from(t.children).filter((t=>"SPW-TABLE-CELL"===t.tagName\|\|"SPW-TABLE-HEADER"===t.tagName\|\|"TD"===t.tagName\|\|"TH"===t.tagName));this.isFirst=e[0]===this.el}observeRowSlot(){const t=this.el.closest("spw-table-row");t&&(this.slotObserver=new MutationObserver((()=>this.checkIfFirst())),this.slotObserver.observe(t,{childList:!0,subtree:!1}))}get elementClass(){return{"spw-table-cell":!0,"spw-table-cell--is-highlighted":this.isHighlighted,["spw-table-cell--text-align-"+this.textAlign]:!0,["spw-table-cell--padding-"+this.padding]:!0,["spw-table-cell--vertical-align-"+this.verticalAlign]:!0,["spw-table-cell--"+this.state]:!0,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,["spw-table-cell--sticky-"+this.stickyPosition]:this.sticky}}render(){const t={width:this.width,class:this.elementClass,part:"cell"};if(void 0!==this.colspan&&(t.colSpan=this.colspan),void 0!==this.rowspan&&(t.rowSpan=this.rowspan),void 0!==this.headers&&(t.headers=this.headers),this.sticky){const e={position:"sticky",zIndex:"10"};"start"===this.stickyPosition?e.left=this.stickyOffset+"px":e.right=this.stickyOffset+"px",t.style=e}return s("td",Object.assign({key:"effc0c4a624da06f9475d28cd28bd974962fe61d"},t),s("slot",{key:"e74f8400d40469d6cd8ba7f6c046907ebd8b5b95"}))}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:"Nunito Sans"}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(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}@media (min-width: 768px){:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}@media (max-width: 767px){:host{display:block}.spw-table-cell{display:block;width:100%;border:none;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);padding:6px 12px !important;text-align:left !important}.spw-table-cell:last-child{border-bottom:none}.spw-table-cell::before{content:attr(data-label);font-weight:700;color:var(--spw-color-themes-grey-grey-700);font-size:13px;text-align:left;padding-top:2px}.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--selected{background-color:transparent;box-shadow:none}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--is-highlighted{background:transparent;font-weight:600}:host(.--selected) .spw-table-cell{background-color:transparent}.spw-table-cell--sticky{position:static;width:100%;background-color:transparent}.spw-table-cell--sticky::after{display:none}}'}},[257,"spw-table-cell",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],width:[1],padding:[1],state:[1],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"],isFirst:[32]}]),o=l,a=function(){"undefined"!=typeof customElements&&["spw-table-cell"].forEach((t=>{"spw-table-cell"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),l))}))};export{o as SpwTableCell,a as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"~~ac0f228ed42acb74774c1276061e881db19be44a~~"},n("div",{key:"~~bc780945c4aec1ff39651b3f505d98e07168df9a~~",class:"spw-table-container"},n("slot",{key:"~~efe2ce2ee4b72b8dade3da98c205815a8a03f92e~~"})))}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:"Nunito Sans"}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-table-container{display:flex}'}},[257,"spw-table-container"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-table-container"].forEach((e=>{"spw-table-container"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),s))}))};export{a as SpwTableContainer,r as defineCustomElement}
1	+ import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"0adc4afcdbfb3f89e4bbb9a0d4c9274bbeef8f97"},n("div",{key:"68ee988b6cae0e7900f9d34c0cd52c3f1f80fca2",class:"spw-table-container"},n("slot",{key:"09dedd4d844ef35c8cd9ff88248045d971074b70"})))}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:"Nunito Sans"}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-table-container{display:flex}'}},[257,"spw-table-container"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-table-container"].forEach((e=>{"spw-table-container"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),s))}))};export{a as SpwTableContainer,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as e,H as t,h as o,t as n}from"./index.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"~~9740866a2dc38ac53c7bee665d802c9be5ff8598~~",class:"spw-table-footer"},o("slot",{key:"~~5d4cfdad244391b2ba755de992906c4c16c56aec~~",name:"left"}),o("slot",{key:"~~9a8f3bb460b39ac75828fd3adbed4a5ad1006960~~",name:"center"}),o("slot",{key:"~~4357392f25cdcfdf51409a1070f4f3e115b2bd38~~",name:"right"}))}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:"Nunito Sans"}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-table-footer{z-index:333;background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;width:100%;padding:16px 24px;caption-side:bottom;font-size:14px;color:var(--spw-color-themes-grey-grey-900);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-direction:column}@media (min-width: 1024px){.spw-table-footer{flex-direction:row}}.spw-table-footer ::slotted([slot=right]){display:inline-flex;gap:8px;align-items:center}'}},[257,"spw-table-footer"]),s=i,a=function(){"undefined"!=typeof customElements&&["spw-table-footer"].forEach((e=>{"spw-table-footer"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),i))}))};export{s as SpwTableFooter,a as defineCustomElement}
1	+ import{p as e,H as t,h as o,t as n}from"./index.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"6ec3dc032589d602ddac46208f4fca63efc0116d",class:"spw-table-footer"},o("slot",{key:"71a3c50b2d0ebd5109ed6f3b6b19ae50d0760ae9",name:"left"}),o("slot",{key:"aa94ae8ca5042211242b75a55c83644d65de9f7f",name:"center"}),o("slot",{key:"1f0131a94677df657889a7e2f091ffda4d5f4397",name:"right"}))}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:"Nunito Sans"}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-table-footer{z-index:333;background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;width:100%;padding:16px 24px;caption-side:bottom;font-size:14px;color:var(--spw-color-themes-grey-grey-900);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-direction:column}@media (min-width: 1024px){.spw-table-footer{flex-direction:row}}.spw-table-footer ::slotted([slot=right]){display:inline-flex;gap:8px;align-items:center}'}},[257,"spw-table-footer"]),s=i,a=function(){"undefined"!=typeof customElements&&["spw-table-footer"].forEach((e=>{"spw-table-footer"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),i))}))};export{s as SpwTableFooter,a as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as e,H as t,h as n,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("thead",{key:"~~b178596fbe0be3e8d486b17ad3f0c1a00d24bde6~~",part:"thead"},n("slot",{key:"~~a9690c3e41e23d52719476d259c65d858fe4232a~~"}))}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:"Nunito Sans"}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}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-head"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-head"].forEach((e=>{"spw-table-head"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),o))}))};export{s as SpwTableHead,a as defineCustomElement}
1	+ import{p as e,H as t,h as n,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("thead",{key:"8e941ae7cc42e8dd3630d6cea439941391701b7a",part:"thead"},n("slot",{key:"75c939d2b0091ce625d3f01412b650a0b74f22dd"}))}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:"Nunito Sans"}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}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-head"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-head"].forEach((e=>{"spw-table-head"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),o))}))};export{s as SpwTableHead,a as defineCustomElement}

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-~~Dho6BaN9~~.js";import{d as r}from"./p-~~BjsZMdr8~~.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:"~~a3bb6aa7ad66a94b7c20e809353056674e474a57~~"},e),i("div",{key:"~~bce3fb266714b5a59458da45def737e59b021f92~~",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},i("slot",{key:"~~5df413b7bbbbb8d9e265d241a63442aaca2ca36d~~"}),i("div",{key:"~~f8e6751b88957876ab6ea28d87146c6cfaccf2cb~~",class:"spw-table-header__icons"},i("slot",{key:"~~6938119e0db10ede4b3832d7aa2a560db6b7381b~~",name:"filters"}),(this.tooltipTitle\|\|this.tooltipText)&&i("spw-tooltip",{key:"~~ddbfd6478fbb6ad2e78653dfd9374068bd72057e~~","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},i("spw-icon",{key:"~~feca25169fc8394e5ca87556ebd79f2f437c0dfd~~",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&i("spw-icon",{key:"~~2d2f432f1d7918e1917bf8f55a9c467690b8ff30~~",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:"Nunito Sans"}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}
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-B1SCChor.js";import{d as r}from"./p-Cy-dX0dz.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:"6823d8f55ca12333dc0a049067eb53ca67280628"},e),i("div",{key:"a053db61837ae38e3edcb237550ff811cfda9921",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},i("slot",{key:"644ed96a6988b8c76124a522848c63cc3875a1df"}),i("div",{key:"aea568a3a423d8e65a137daa38b448f9f1dd42fc",class:"spw-table-header__icons"},i("slot",{key:"5ecc61fc2536c6c1c005b5904cdccc5d92804e53",name:"filters"}),(this.tooltipTitle\|\|this.tooltipText)&&i("spw-tooltip",{key:"2370f77fc6565238898be7176dcd8d1d2577a3ea","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},i("spw-icon",{key:"52734794cc0155a53b8deb276e71815d50c979ce",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&i("spw-icon",{key:"85ee24968fc3b32e7b1d7697d7dcd1f1eea1c619",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:"Nunito Sans"}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:"~~f10bb93146ee27815dbba9edbf9f3e42694e96dd~~",part:"row"},o("tr",{key:"~~9add9811988a8c73dfaf460146e5e5348af1021a~~",class:this.elementClass,part:"row"},o("slot",{key:"~~7b646e76b72581cab9572ad901d6fc2982457e64~~"})))}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:"Nunito Sans"}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:"f63ad778d14f814e4f94361ccafc3d21caf0730d",part:"row"},o("tr",{key:"91290fc8f4093c369a2b2f7c3ebdc414aefc6273",class:this.elementClass,part:"row"},o("slot",{key:"4e81f9559b52af7a6e1d037182e8dee6c0b01c25"})))}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:"Nunito Sans"}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-~~Ctu7oZKH~~.js";import{d as n}from"./p-~~Dho6BaN9~~.js";import{d}from"./p-~~DyYwiqCq~~.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:"~~7be3398b2b1a2068913c9c3dddd7304119c448e3~~",style:e,class:this.hostClass},i("nav",{key:"~~bc4c085cd42b9e86d2f1c0f64236110910c9aedd~~",class:this.elementClass},i("span",{key:"~~0c342dc83da83a7e67575f20705ce1bf480bd225~~",class:"spw-table-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},i("spw-icon",{key:"~~bc56f2ea8664305568159dd983582fa92f985163~~",icon:"fa-chevron-left"})),i("div",{key:"~~73529a8e44bc15bbfefad9b5823ee3bb8b52c9fc~~",class:"spw-table-sidebar__mini",onClick:this.toggleSidebar},i("spw-icon",{key:"~~17a31dbf4f58bfb56feca012ada7912bcdf1ba94~~",icon:this.sidebarIcon,variant:"fa-regular"})),i("div",{key:"~~5fdc990597dc1d4a94aa8666b5c41af5d3c24d63~~",class:"spw-table-sidebar__content"},i("div",{key:"~~64312586607dbf8d9a3ea0590f4a95d5ef486d2c~~",class:"spw-table-sidebar__header"},i("span",{key:"~~97384639a399cad34e43dc9b4e6b7559e61ae382~~",class:"spw-table-sidebar__header-title"},i("spw-icon",{key:"~~39b0a0102c68152ff19a07e0410c20351b8d3d61~~",icon:this.sidebarIcon,variant:"fa-regular"})," ",this.sidebarTitle),this.hasReset&&i("spw-button",{key:"~~0dd560ef7b03d6504ad8e0f4f8270dc9ee2d4f14~~",class:"spw-table-sidebar__header-reset",onClick:this.handleReset,type:"button",variant:"secondary",size:"small",isIconOnly:!0,icon:this.resetIcon})),i("div",{key:"~~fd839db008ec5353fdd9fad3220eedaef008560a~~",class:"spw-table-sidebar__scrollable-content"},i("slot",{key:"~~f8b6003f90fb0f226fcf2835e1a57169be9b0f14~~"})),i("div",{key:"~~dcc25bd1f5b06493e5bcbe5936f58dac4d01407e~~",class:"spw-table-sidebar__footer"},i("slot",{key:"~~f58be681c70ebcc5143e3b9d505f7d03cce932b4~~",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:"Nunito Sans"}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-D63saAXj.js";import{d as n}from"./p-B1SCChor.js";import{d}from"./p-hlgutkqg.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:"b7770826357e1f9c792058c74f33971b5141b6b7",style:e,class:this.hostClass},i("nav",{key:"8b6f8c6979f172df49c71c026d4832f420978a25",class:this.elementClass},i("span",{key:"5c6d6c9d360ecd75afa49fc7cbdab43dfe27193f",class:"spw-table-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},i("spw-icon",{key:"1fd4e0f1184f26d8bebe4fe6ba180231ada225f1",icon:"fa-chevron-left"})),i("div",{key:"822e75b8a90a164207f7e5b73892c05292c4f05c",class:"spw-table-sidebar__mini",onClick:this.toggleSidebar},i("spw-icon",{key:"826cb2e5c5159b79987a2151133d9091897382d5",icon:this.sidebarIcon,variant:"fa-regular"})),i("div",{key:"26c2a901507ae1fb158209b50047e67e87b4dd02",class:"spw-table-sidebar__content"},i("div",{key:"1d6ac0e21e60c250ae19e12f0e9f0f55fbe0a7f6",class:"spw-table-sidebar__header"},i("span",{key:"234e710f9c0b8e2c5e4f2be4b1f68a6571f3f326",class:"spw-table-sidebar__header-title"},i("spw-icon",{key:"fb2f5ca022f796c7bb4166326ef1cf3eaf5ff63f",icon:this.sidebarIcon,variant:"fa-regular"})," ",this.sidebarTitle),this.hasReset&&i("spw-button",{key:"474c22bebe4ba08c5063a4ffdd535f4165c2784f",class:"spw-table-sidebar__header-reset",onClick:this.handleReset,type:"button",variant:"secondary",size:"small",isIconOnly:!0,icon:this.resetIcon})),i("div",{key:"8b4eac3de21b9a85292cf7680882077e3dc02f0e",class:"spw-table-sidebar__scrollable-content"},i("slot",{key:"12f90dcc38bccbe725efcbd6596c068d0ac6ec23"})),i("div",{key:"ab8945abd0eb4a97e16e7177319362075b4f5bc6",class:"spw-table-sidebar__footer"},i("slot",{key:"6525b536072bf059dadbd3f10c88cca36424c0a5",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:"Nunito Sans"}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:"9241a735b07dd8d485efd1c78bda7e7ee48584e4",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"4cd90a943fab8dd671949b6950b57e0e07a60654",class:this.containerClass},i("slot",{key:"5a68fd7743ad0713ff07f60cccef0f342ef24881",name:"table-sidebar"}," "),i("div",{key:"6241673fd1bf7fc2b2b5c909b0ffb19fa2fdd138",class:"spw-table-wrapper"},i("table",{key:"6157ae6e7e58aa9554ed7cd542a6cc1689d6ce6f",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"16518f0b35c03550c34b731b5f50d14c0bf9b827"})))),this.resizable&&i("div",{key:"77a9178055fd136c226a419527734ed83fab1170",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"b0e4e50372688967c1a06950610be5b42cccdfdf",class:"spw-table-resize-handle__bar"})),i("slot",{key:"1819e78bd5746a7a557f8032b8c57e4cd90672d0",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:"Nunito Sans"}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"),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:"a27f522386f56b7e986ab0c2e694b21d890e72c7",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"54d2ef193caa29248a92da922ac1d0c8ace241a0",class:this.containerClass},i("slot",{key:"1c6e1f056002c53b92be2a4bd3a04ffe0f7421bc",name:"table-sidebar"}," "),i("div",{key:"d71a94727cfb9a8274cc9c6c876f748bbeba2402",class:"spw-table-wrapper"},i("table",{key:"77988b645320f208f8562788c8fe14560d4e790d",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"f4fac5291a4c24b9dc11a483109a10396b005f75"})))),this.resizable&&i("div",{key:"f1505abcc482f662054ff5829b42f889c0e3865c",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"87f6d4a3598c1b6a8f8fccd48a0bb6b0f66ba71c",class:"spw-table-resize-handle__bar"})),i("slot",{key:"b65d66501d648a4dc14e990d97d8262994ae170f",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:"Nunito Sans"}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-~~Dho6BaN9~~.js";import{d as r}from"./p-~~B35CPhPA~~.js";import{d as l}from"./p-~~BjsZMdr8~~.js";const d=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:"~~6a0f8573e01873792a4429ead207af1d9fbbe071~~",class:this.active?"--active":""},s("li",{key:"~~2bf49b6ded7e45efdfb30579a1baecca5424419c~~",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"~~9f7f9aa0acb5342b88ec1c3580d7825c1cc080f7~~",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"~~f354e3e8870fd085797b6851d2b6fdcc5b887e1f~~"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"~~6cd5cd838f7846f587148ddcce94c70594c45925~~"},"left"===t&&i,s("slot",{key:"~~bb24c6e08596442083fc005a21d29d3b05378f41~~"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"~~4a3f7ee0667744ed26b3b9a420deefd70deed059~~",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:"Nunito Sans"}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"],slotText:[32]},[[0,"slotchange","handleSlotChange"]]]),b=d,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),d);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{b 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-B1SCChor.js";import{d as r}from"./p-7oLmQmmE.js";import{d as l}from"./p-Cy-dX0dz.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:"cc1de6eee027ca562b1dc2bd55a80dcdc1600234",class:this.active?"--active":""},s("li",{key:"ce2860b2a031033770c4f98945a64f8d08cb8b8c",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"c647fc05687386b8bc916650be8e24f22df6955b",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"371c462ea78a5e8c5b51a0aaf8cfa519d87e05ba"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"713343285c3180fd8bd594731224a713a8d7e2a0"},"left"===t&&i,s("slot",{key:"e2cc0edb04b9eb36cd4db2180e1060ebc622e89b"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"318c6d8a068ddd6ad35988fa217c991c08e63f33",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:"Nunito Sans"}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"],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-~~Dho6BaN9~~.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVerticalOnMobile=!1,this.showLeftArrow=!1,this.showRightArrow=!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,s=i>t;this.showLeftArrow=s&&e>0,this.showRightArrow=s&&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};return e("div",{key:"~~395d50e8901664bcdf9e6554866b394341acd39c~~",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"~~bdf781064e475b8a423e7b5341386c99c94e1362~~",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:"~~1e843d44189f77696df4ec70c38abf5355781897~~",icon:"fa-chevron-left"})),e("nav",{key:"~~a0c7c4b9a48302c609cc8c03b107dd9e3285883a~~",class:t,"aria-label":this.accAriaLabel\|\|"Navigation"},e("ul",{key:"~~03ba014c505a547156e6b1ba06ff034e164b5aad~~",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"~~bb6808f13b627deee014fb3290353556346c855e~~"}))),this.showRightArrow&&e("button",{key:"~~09cf74c79030819d8f06411b2d4efcea9a083c6f~~",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:"~~d6a3ad3f6a3d3b2b51c67f75980ecc1c7392602e~~",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:"Nunito Sans"}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}}: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"],showLeftArrow:[32],showRightArrow:[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-B1SCChor.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:"d9526de6f73de6dd9639f07ec8f011b423e74c8b",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"bafd1300feb72ba7c9641e91f7f09c26285740c0",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:"cd4b80d6c91d2f39beed32ab99a8b3017c06faaa",icon:"fa-chevron-left"})),e("nav",{key:"a8cf03c8b7eb3ae4e29e55137cc3bb7e00a6b5ac",class:t,"aria-label":this.accAriaLabel\|\|"Navigation"},e("ul",{key:"c2926b88df483fae68841b955a0fc8d2b770142e",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"151bded4bb89abfb04aa12d5161ee8330369653d"}))),this.showRightArrow&&e("button",{key:"c7bc47a722ead9d6799205dbadacd697b405d619",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:"14162defe5b196e984022ea87c7ac38600131c8a",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:"Nunito Sans"}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}

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),l=((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))})),l.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:"~~18a57056a40fce56bfdd363135c6a890924d9395~~",class:this.elementClass},s("slot",{key:"~~10f521e0f7d17045db458946b03418d55c79aa8b~~",name:"navigation"}),s("slot",{key:"~~dfe7cb41593080af6dfbbab469cb4cb6423c7b3f~~",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:"Nunito Sans"}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),l=((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))})),l.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:"fda1a1eaf9bf2fa9a05e02eb703a882b3c6df09d",class:this.elementClass},s("slot",{key:"64a8c81a9c28e2fe215cf10ef1d1872080228ca2",name:"navigation"}),s("slot",{key:"25de82acee3e062486fd5f0be64983bac0b037c2",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:"Nunito Sans"}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-~~B35CPhPA~~.js";const p=o~~,r=s~~;export{p as SpwTag,r as defineCustomElement}
1	+ import{S as m,d as o}from"./p-7oLmQmmE.js";const s=m,p=o;export{s as SpwTag,p as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CictYFdo~~.js";const t=o,p=s;export{t as SpwTextField,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-Df0o7KPW.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-~~D7UzluXV~~.js";import{d as r}from"./p-~~CHBnJ4fw~~.js";import{d as n}from"./p-~~Dho6BaN9~~.js";import{d as p}from"./p-~~BjsZMdr8~~.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:"~~524c32b0f0f852de24026604a066f95c1d7ccbfb~~",class:this.elementClass},this.label&&i("spw-field-label",{key:"~~40ad0dc2b496e937513137835a776de853c41ed0~~",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:"~~040e4e5c352e5faacc84dcfa6b78bbf0b05e6f31~~",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"~~23cff2acf17177df93ce45b9ba71fb573b79b7d4~~",class:"spw-textarea__container"},i("textarea",{key:"~~4d21f0a5fea8f1708bc994a4a662c76b765cfd2b~~",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:"Nunito Sans"}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-BqvDpR82.js";import{d as r}from"./p-CYC9FMY4.js";import{d as n}from"./p-B1SCChor.js";import{d as p}from"./p-Cy-dX0dz.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:"969bf413d0e2bc908abdda0f7c9f4b92bdcd505c",class:this.elementClass},this.label&&i("spw-field-label",{key:"37e58083253f1ffde80a93ed3a56405162d007e3",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:"978c654bafc30aae7c0e83a795fcb5636db1a4ac",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"2a1646f7916b20b966874d27f89861aacb59bf22",class:"spw-textarea__container"},i("textarea",{key:"ec3bd7bbad34d1b94260583bf67a313d52cd5709",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:"Nunito Sans"}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 e,H as s,h as o,t as r}from"./index.js";const t={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'}: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)}",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'}: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'}: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'}: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'}: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'}: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'}: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'}: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'}: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'}: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)}"},a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(e){const s="theme-styles";let o=document.getElementById(s);o\|\|(o=document.createElement("style"),o.id=s,document.head.appendChild(o));const r=t[e];o.innerHTML="function"==typeof r?r():r,document.documentElement.setAttribute("data-theme",e)}render(){return o("main",{key:"~~6675471af86e993a46b03fb7dd3764f71ef216de~~",class:"spw-theme-"+this.theme},o("slot",{key:"~~4162f51f4981730116a60b1ecaa12b173df1fb1c~~"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((e=>{"spw-theme-provider"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),a))}))};export{l as SpwThemeProvider,p as defineCustomElement}
1	+ import{p as e,H as s,h as o,t as r}from"./index.js";const t={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'}: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)}",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'}: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'}: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'}: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'}: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'}: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'}: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'}: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'}: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'}: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)}"},a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(e){const s="theme-styles";let o=document.getElementById(s);o\|\|(o=document.createElement("style"),o.id=s,document.head.appendChild(o));const r=t[e];o.innerHTML="function"==typeof r?r():r,document.documentElement.setAttribute("data-theme",e)}render(){return o("main",{key:"45cb055af292aff8ad9717cdbf9a4bd13245f0fe",class:"spw-theme-"+this.theme},o("slot",{key:"b6a5cb62b67f553a9b8a7cb762353581d8943f8f"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((e=>{"spw-theme-provider"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),a))}))};export{l as SpwThemeProvider,p as defineCustomElement}