@spw-ds/spw-stencil-library 1.12.1 → 1.12.2

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

@@ -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-oVOlDrOp.js";import{d as r}from"./p-CT9zdtB2.js";import{d as l}from"./p-BwzaPX9J.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:"6860fc29e77ba3ede1763d07ba6fe2b5c879e45f",class:this.active?"--active":""},s("li",{key:"b4615ef2fb921fe7b35754b54112e255d7881fdc",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel||this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"da5aea69897c9844d23920cab18094d18fc0ec1e",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"dee4a86c6a35638ea760a1bd0f3546f15edcb3cb"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"5c052db9170060c707e333b6a676c9b9bbd97846"},"left"===t&&i,s("slot",{key:"3bca21871ca31a19059eadeb972ae0ca33077104"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"4e5dab51787a7c675ecf1c28131c30f78fb2c3cb",class:"bubble"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}'}},[257,"spw-tabs-navigation-item",{tabId:[1,"tab-id"],active:[4],disabled:[4],bubble:[4],hasEllipsis:[4,"has-ellipsis"],icon:[1],iconPosition:[1,"icon-position"],tagText:[1,"tag-text"],tagVariant:[1,"tag-variant"],tagIcon:[4,"tag-icon"],accAriaLabel:[1,"acc-aria-label"],slotText:[32]},[[0,"slotchange","handleSlotChange"]]]),d=b,c=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation-item","spw-icon","spw-tag","spw-tooltip"].forEach((t=>{switch(t){case"spw-tabs-navigation-item":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-icon":customElements.get(n(t))||p();break;case"spw-tag":customElements.get(n(t))||r();break;case"spw-tooltip":customElements.get(n(t))||l()}}))};export{d as SpwTabsNavigationItem,c as defineCustomElement}
+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-BFQBddHX.js";import{d as r}from"./p-DHKTbYO_.js";import{d as l}from"./p-C1tFbihv.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:"6860fc29e77ba3ede1763d07ba6fe2b5c879e45f",class:this.active?"--active":""},s("li",{key:"b4615ef2fb921fe7b35754b54112e255d7881fdc",id:"tab-"+this.tabId,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel||this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&s("spw-tooltip",{key:"da5aea69897c9844d23920cab18094d18fc0ec1e",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},"left"===t&&i,s("slot",{key:"dee4a86c6a35638ea760a1bd0f3546f15edcb3cb"}),"right"===t&&i,e),!this.hasEllipsis&&s(a,{key:"5c052db9170060c707e333b6a676c9b9bbd97846"},"left"===t&&i,s("slot",{key:"3bca21871ca31a19059eadeb972ae0ca33077104"}),"right"===t&&i,e)," ",this.bubble&&s("span",{key:"4e5dab51787a7c675ecf1c28131c30f78fb2c3cb",class:"bubble"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}'}},[257,"spw-tabs-navigation-item",{tabId:[1,"tab-id"],active:[4],disabled:[4],bubble:[4],hasEllipsis:[4,"has-ellipsis"],icon:[1],iconPosition:[1,"icon-position"],tagText:[1,"tag-text"],tagVariant:[1,"tag-variant"],tagIcon:[4,"tag-icon"],accAriaLabel:[1,"acc-aria-label"],slotText:[32]},[[0,"slotchange","handleSlotChange"]]]),d=b,c=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation-item","spw-icon","spw-tag","spw-tooltip"].forEach((t=>{switch(t){case"spw-tabs-navigation-item":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-icon":customElements.get(n(t))||p();break;case"spw-tag":customElements.get(n(t))||r();break;case"spw-tooltip":customElements.get(n(t))||l()}}))};export{d as SpwTabsNavigationItem,c as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as i,h as e,t as s}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVerticalOnMobile=!1,this.isCentered=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.hasOverflow=!1,this.scrollPercentage=30,this.resizeObserver=null,this.mutationObserver=null,this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),this.ulElement&&this.resizeObserver.observe(this.ulElement),this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation(),setTimeout((()=>this.checkOverflow()),10)})),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateSlottedElementsObservation()},this.updateSlottedElementsObservation=()=>{this.resizeObserver&&Array.from(this.hostElement.children).forEach((t=>{this.resizeObserver.observe(t)}))},this.cleanupObservers=()=>{this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)},this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth,i=this.ulElement.scrollWidth,e=this.ulElement.scrollLeft;this.hasOverflow=i>t,this.showLeftArrow=this.hasOverflow&&e>0,this.showRightArrow=this.hasOverflow&&e<i-t-1},this.scrollLeft=()=>{this.ulElement&&this.ulElement.scrollBy({left:-this.ulElement.clientWidth*this.scrollPercentage/100,behavior:"smooth"})},this.scrollRight=()=>{this.ulElement&&this.ulElement.scrollBy({left:this.ulElement.clientWidth*this.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:"9f44026a898ae033e9e2e00237d80c6c5f0430c6",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"71839693e2f0e59fdbabbd23a5556789ae669203",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:"5927150df5a818fa90efd30c2b5732b5ad1a2323",icon:"fa-chevron-left"})),e("nav",{key:"c940c65313d274f90f3c773cf915baed15b8eab3",class:t,"aria-label":this.accAriaLabel||"Navigation"},e("ul",{key:"c0eef4fb73c775b4b5da67fcbdcd57abdeb07a7b",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"8a9cb2e711bcdfcfe3211afdf36b18d18a43ed08"}))),this.showRightArrow&&e("button",{key:"89777371f0d6f5a99360dbad57b653a8e86839d6",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:"60e5cf3b4c2a76fe4f5586b147f6d1c5a5b2f479",icon:"fa-chevron-right"})))}get hostElement(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;top:1px;--spw-tabs-navigation-border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:var(--spw-tabs-navigation-border-bottom);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}'}},[257,"spw-tabs-navigation",{accAriaLabel:[1,"acc-aria-label"],isVerticalOnMobile:[4,"is-vertical-on-mobile"],isCentered:[4,"is-centered"],showLeftArrow:[32],showRightArrow:[32],hasOverflow:[32]},[[9,"resize","onWindowResize"]]]),n=a,r=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation","spw-icon"].forEach((t=>{switch(t){case"spw-tabs-navigation":customElements.get(s(t))||customElements.define(s(t),a);break;case"spw-icon":customElements.get(s(t))||o()}}))};export{n as SpwTabsNavigation,r as defineCustomElement}
+import{p as t,H as i,h as e,t as s}from"./index.js";import{d as o}from"./p-BFQBddHX.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.clientWidth*this.scrollPercentage/100,behavior:"smooth"})},this.scrollRight=()=>{this.ulElement&&this.ulElement.scrollBy({left:this.ulElement.clientWidth*this.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:"9f44026a898ae033e9e2e00237d80c6c5f0430c6",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&e("button",{key:"71839693e2f0e59fdbabbd23a5556789ae669203",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:"5927150df5a818fa90efd30c2b5732b5ad1a2323",icon:"fa-chevron-left"})),e("nav",{key:"c940c65313d274f90f3c773cf915baed15b8eab3",class:t,"aria-label":this.accAriaLabel||"Navigation"},e("ul",{key:"c0eef4fb73c775b4b5da67fcbdcd57abdeb07a7b",class:i,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},e("slot",{key:"8a9cb2e711bcdfcfe3211afdf36b18d18a43ed08"}))),this.showRightArrow&&e("button",{key:"89777371f0d6f5a99360dbad57b653a8e86839d6",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:"60e5cf3b4c2a76fe4f5586b147f6d1c5a5b2f479",icon:"fa-chevron-right"})))}get hostElement(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;top:1px;--spw-tabs-navigation-border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:var(--spw-tabs-navigation-border-bottom);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}'}},[257,"spw-tabs-navigation",{accAriaLabel:[1,"acc-aria-label"],isVerticalOnMobile:[4,"is-vertical-on-mobile"],isCentered:[4,"is-centered"],showLeftArrow:[32],showRightArrow:[32],hasOverflow:[32]},[[9,"resize","onWindowResize"]]]),n=a,r=function(){"undefined"!=typeof customElements&&["spw-tabs-navigation","spw-icon"].forEach((t=>{switch(t){case"spw-tabs-navigation":customElements.get(s(t))||customElements.define(s(t),a);break;case"spw-icon":customElements.get(s(t))||o()}}))};export{n as SpwTabsNavigation,r as defineCustomElement}

package/dist/components/spw-tabs.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,t as n}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChanged=i(this,"tabChanged",1),this.defaultActiveTab="1",this.variant="default",this.hasEllipsis=!1,this.size="small",this.activeTab="1"}componentWillLoad(){this.activeTab&&"1"!==this.activeTab||(this.activeTab=this.defaultActiveTab)}componentDidLoad(){this.applyVariantToChildren(),this.updateActiveStates(),setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates(),this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){t.composedPath().find((t=>"SPW-TABS"===t.tagName))===this.el&&(this.activeTab=t.detail,t.stopPropagation())}slotChanged(){this.applyVariantToChildren(),this.updateActiveStates(),this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el,e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t),i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab})),i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){this.maxWidth&&requestAnimationFrame((()=>{const t=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter((t=>t.closest("spw-tabs")===this.el)),e="--ellipsis";t.forEach((t=>{var i;const s=(null===(i=t.textContent)||void 0===i?void 0:i.trim())||"";if(!s)return;const n=document.createElement("div");n.style.cssText="\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        ",n.textContent=s;const a=window.getComputedStyle(t);n.style.fontSize=a.fontSize,n.style.fontFamily=a.fontFamily,n.style.fontWeight=a.fontWeight,n.style.fontStyle=a.fontStyle,n.style.letterSpacing=a.letterSpacing,n.style.textTransform=a.textTransform,document.body.appendChild(n);const o=n.getBoundingClientRect().width;document.body.removeChild(n),o>this.maxWidth?(t.style.setProperty("--spw-tabs-max-width-text",this.maxWidth+"px"),t.setAttribute("has-ellipsis","true"),t.classList.add(e)):(t.style.removeProperty("--spw-tabs-max-width-text"),t.setAttribute("has-ellipsis","false"),t.classList.remove(e))}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i="--"+this.variant,s="--"+this.size,n=t=>t.closest("spw-tabs")===this.el,a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="navigation"]'),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="content"]'),d=((null==a?void 0:a.assignedElements({flatten:!0}))||[]).filter(n),r=((null==o?void 0:o.assignedElements({flatten:!0}))||[]).filter(n);d.forEach((t=>{"SPW-TABS-NAVIGATION"===t.tagName?(t.classList.add(i),t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{n(t)&&(t.classList.add(i),t.classList.add(s))}))):"SPW-TABS-NAVIGATION-ITEM"===t.tagName&&(t.classList.add(i),t.classList.add(s))})),r.forEach((t=>{"SPW-TABS-CONTENT"===t.tagName?t.classList.add(i):t.querySelectorAll("spw-tabs-content").forEach((t=>{n(t)&&t.classList.add(i)}))})),this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":!0,["spw-tabs--"+this.variant]:!0}}render(){return s("div",{key:"3d71e8cb71c3452b64dad25b215829d41e3caf59",class:this.elementClass},s("slot",{key:"1e1c36b080b297698999c199a42ef0e743a21832",name:"navigation"}),s("slot",{key:"183712352b3ee9e5ca355d04ef6ee895c6751e25",name:"content"}))}get el(){return this}static get watchers(){return{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}"}},[257,"spw-tabs",{defaultActiveTab:[1,"default-active-tab"],variant:[1],hasEllipsis:[4,"has-ellipsis"],maxWidth:[2,"max-width"],size:[1],activeTab:[1025,"active-tab"],getSelectedTab:[64],setSelectedTab:[64]},[[2,"tabSelected","handleTabSelected"],[0,"slotchange","slotChanged"]],{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}]),o=a,d=function(){"undefined"!=typeof customElements&&["spw-tabs"].forEach((t=>{"spw-tabs"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{o as SpwTabs,d as defineCustomElement}
+import{p as t,H as e,c as i,h as s,t as n}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChanged=i(this,"tabChanged",1),this.defaultActiveTab="1",this.variant="default",this.hasEllipsis=!1,this.size="small",this.activeTab="1"}componentWillLoad(){this.activeTab&&"1"!==this.activeTab||(this.activeTab=this.defaultActiveTab)}componentDidLoad(){this.applyVariantToChildren(),this.updateActiveStates(),setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates(),this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){t.composedPath().find((t=>"SPW-TABS"===t.tagName))===this.el&&(this.activeTab=t.detail,t.stopPropagation())}slotChanged(){this.applyVariantToChildren(),this.updateActiveStates(),this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el,e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t),i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab})),i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){this.maxWidth&&requestAnimationFrame((()=>{const t=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter((t=>t.closest("spw-tabs")===this.el)),e="--ellipsis";t.forEach((t=>{var i;const s=(null===(i=t.textContent)||void 0===i?void 0:i.trim())||"";if(!s)return;const n=document.createElement("div");n.style.cssText="\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        ",n.textContent=s;const a=window.getComputedStyle(t);n.style.fontSize=a.fontSize,n.style.fontFamily=a.fontFamily,n.style.fontWeight=a.fontWeight,n.style.fontStyle=a.fontStyle,n.style.letterSpacing=a.letterSpacing,n.style.textTransform=a.textTransform,document.body.appendChild(n);const o=n.getBoundingClientRect().width;document.body.removeChild(n),o>this.maxWidth?(t.style.setProperty("--spw-tabs-max-width-text",this.maxWidth+"px"),t.setAttribute("has-ellipsis","true"),t.classList.add(e)):(t.style.removeProperty("--spw-tabs-max-width-text"),t.setAttribute("has-ellipsis","false"),t.classList.remove(e))}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i="--"+this.variant,s="--"+this.size,n=t=>t.closest("spw-tabs")===this.el,a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="navigation"]'),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="content"]'),d=((null==a?void 0:a.assignedElements({flatten:!0}))||[]).filter(n),r=((null==o?void 0:o.assignedElements({flatten:!0}))||[]).filter(n);d.forEach((t=>{"SPW-TABS-NAVIGATION"===t.tagName?(t.classList.add(i),t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{n(t)&&(t.classList.add(i),t.classList.add(s))}))):"SPW-TABS-NAVIGATION-ITEM"===t.tagName&&(t.classList.add(i),t.classList.add(s))})),r.forEach((t=>{"SPW-TABS-CONTENT"===t.tagName?t.classList.add(i):t.querySelectorAll("spw-tabs-content").forEach((t=>{n(t)&&t.classList.add(i)}))})),this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":!0,["spw-tabs--"+this.variant]:!0}}render(){return s("div",{key:"3d71e8cb71c3452b64dad25b215829d41e3caf59",class:this.elementClass},s("slot",{key:"1e1c36b080b297698999c199a42ef0e743a21832",name:"navigation"}),s("slot",{key:"183712352b3ee9e5ca355d04ef6ee895c6751e25",name:"content"}))}get el(){return this}static get watchers(){return{activeTab:[{activeTabChanged:0}],maxWidth:[{maxWidthChanged:0}],hasEllipsis:[{hasEllipsisChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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

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

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Ce4aFl4t.js";const t=o,a=s;export{t as SpwTextField,a as defineCustomElement}
+import{S as o,d as s}from"./p-D-Y3xljk.js";const p=o,r=s;export{p as SpwTextField,r as defineCustomElement}

package/dist/components/spw-textarea.js

@@ -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-rvgnHRf7.js";import{d as r}from"./p-CLCgZYzK.js";import{d as n}from"./p-oVOlDrOp.js";import{d as p}from"./p-BwzaPX9J.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:"5cf8a467be38b151663bf4a55cc8276946568545",class:this.elementClass},this.label&&i("spw-field-label",{key:"4ab83e60ab163af266a5830e369f2aff972093c2",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:"11927f2c8412bfbdb4001df9e8003316dc1eff19",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"fdffdd19fb2223fde04ba0ed8e550432deabcfe1",class:"spw-textarea__container"},i("textarea",{key:"4ce75319dfe3d49908917752b4ac39cebd366374",class:"spw-textarea__input",ref:t=>this.textareaElement=t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,rows:this.rows,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:t=>this.handleChange(t)})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}"}},[65,"spw-textarea",{value:[1537],label:[1],placeholder:[1],disabled:[4],name:[1],rows:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],setFocus:[64]},void 0,{value:[{valueChangedHandler:0}]}]),h=l,d=function(){"undefined"!=typeof customElements&&["spw-textarea","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-textarea":customElements.get(a(t))||customElements.define(a(t),l);break;case"spw-field-label":customElements.get(a(t))||o();break;case"spw-field-message":customElements.get(a(t))||r();break;case"spw-icon":customElements.get(a(t))||n();break;case"spw-tooltip":customElements.get(a(t))||p()}}))};export{h as SpwTextarea,d as defineCustomElement}
+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-Btr81Ed_.js";import{d as r}from"./p-DaQA1Uox.js";import{d as n}from"./p-BFQBddHX.js";import{d as p}from"./p-C1tFbihv.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:"5cf8a467be38b151663bf4a55cc8276946568545",class:this.elementClass},this.label&&i("spw-field-label",{key:"4ab83e60ab163af266a5830e369f2aff972093c2",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:"11927f2c8412bfbdb4001df9e8003316dc1eff19",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"fdffdd19fb2223fde04ba0ed8e550432deabcfe1",class:"spw-textarea__container"},i("textarea",{key:"4ce75319dfe3d49908917752b4ac39cebd366374",class:"spw-textarea__input",ref:t=>this.textareaElement=t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,rows:this.rows,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:t=>this.handleChange(t)})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-tile-description.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as n}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"7d725d4b43f3f1046606ca672d5289a51803e1bb",class:"spw-tile-description"},i("slot",{key:"97f4e02c449d3fae38c1b56913fbcc5f6af4a0b0"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}"}},[257,"spw-tile-description"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-description"].forEach((e=>{"spw-tile-description"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{s as SpwTileDescription,r as defineCustomElement}
+import{p as e,H as t,h as i,t as n}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"7d725d4b43f3f1046606ca672d5289a51803e1bb",class:"spw-tile-description"},i("slot",{key:"97f4e02c449d3fae38c1b56913fbcc5f6af4a0b0"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}"}},[257,"spw-tile-description"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-description"].forEach((e=>{"spw-tile-description"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{s as SpwTileDescription,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as n}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i("h3",{key:"3505f501dc1b31ffd4667c144aabe5c3faccb421",class:"spw-tile-title"},i("slot",{key:"2d0427850bd3501c9148c08780c3a1730f36d156"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}"}},[257,"spw-tile-title"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-title"].forEach((t=>{"spw-tile-title"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{s as SpwTileTitle,r as defineCustomElement}
+import{p as t,H as e,h as i,t as n}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i("h3",{key:"3505f501dc1b31ffd4667c144aabe5c3faccb421",class:"spw-tile-title"},i("slot",{key:"2d0427850bd3501c9148c08780c3a1730f36d156"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}"}},[257,"spw-tile-title"]),s=o,r=function(){"undefined"!=typeof customElements&&["spw-tile-title"].forEach((t=>{"spw-tile-title"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{s as SpwTileTitle,r as defineCustomElement}

package/dist/components/spw-tile.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,F as s,a as o,t as n}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.overlayOpacity=100}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e),i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,["spw-tile--"+this.variant]:!0,["spw-tile--height-"+this.height]:!0}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(e){const t=this.el.querySelector("spw-tile-title");t&&this.href&&t.classList.toggle("--hovered",e)}render(){const{href:e,target:t}=this,n=void 0===this.href?"div":"a";return i(o,{key:"0f64e20d28b7947beb727da09fcf4138f733c7c4"},i(n,Object.assign({key:"478272341b7ad61edfe384e0587bd654701c8ac6"},"div"===n?{}:{href:e,target:t},{class:this.elementClass}),this.imageSrc&&("big"===this.variant||"light"===this.variant)&&i(s,{key:"3a0a22db5aae7c36657566316d5ef426d1bd78a4"},i("div",{key:"338091d9df7e4e8d12f3ec6ab0a34e1118dbf225",class:"spw-tile__overlay",style:{opacity:""+this.overlayOpacity/100}}),i("img",{key:"b7e820580c5a0c61d9cc81b55f1df9b00015ab13",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),i("div",{key:"f99ea17bb3838f0bdf98c2d606adb1ceab272e6f",class:"spw-tile__content"},i("slot",{key:"6420ab6a1e29fdd9f01a49700605c33f2ddd349a"}),this.href&&"big"===this.variant&&i("span",{key:"d9874ba8898a8aa24f20ab74dab443cf41801f7f",class:"spw-tile__button"},i("spw-icon",{key:"c363bea6ef5235ff1a161658275f728e6dfab1a7",icon:"fa-chevron-right"})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}'}},[257,"spw-tile",{variant:[1],height:[1],href:[1],target:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],overlayOpacity:[2,"overlay-opacity"]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),l=p,r=function(){"undefined"!=typeof customElements&&["spw-tile","spw-icon"].forEach((e=>{switch(e){case"spw-tile":customElements.get(n(e))||customElements.define(n(e),p);break;case"spw-icon":customElements.get(n(e))||a()}}))};export{l as SpwTile,r as defineCustomElement}
+import{p as e,H as t,h as i,F as s,a as o,t as n}from"./index.js";import{d as a}from"./p-BFQBddHX.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.overlayOpacity=100}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e),i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,["spw-tile--"+this.variant]:!0,["spw-tile--height-"+this.height]:!0}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(e){const t=this.el.querySelector("spw-tile-title");t&&this.href&&t.classList.toggle("--hovered",e)}render(){const{href:e,target:t}=this,n=void 0===this.href?"div":"a";return i(o,{key:"0f64e20d28b7947beb727da09fcf4138f733c7c4"},i(n,Object.assign({key:"478272341b7ad61edfe384e0587bd654701c8ac6"},"div"===n?{}:{href:e,target:t},{class:this.elementClass}),this.imageSrc&&("big"===this.variant||"light"===this.variant)&&i(s,{key:"3a0a22db5aae7c36657566316d5ef426d1bd78a4"},i("div",{key:"338091d9df7e4e8d12f3ec6ab0a34e1118dbf225",class:"spw-tile__overlay",style:{opacity:""+this.overlayOpacity/100}}),i("img",{key:"b7e820580c5a0c61d9cc81b55f1df9b00015ab13",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),i("div",{key:"f99ea17bb3838f0bdf98c2d606adb1ceab272e6f",class:"spw-tile__content"},i("slot",{key:"6420ab6a1e29fdd9f01a49700605c33f2ddd349a"}),this.href&&"big"===this.variant&&i("span",{key:"d9874ba8898a8aa24f20ab74dab443cf41801f7f",class:"spw-tile__button"},i("spw-icon",{key:"c363bea6ef5235ff1a161658275f728e6dfab1a7",icon:"fa-chevron-right"})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}'}},[257,"spw-tile",{variant:[1],height:[1],href:[1],target:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],overlayOpacity:[2,"overlay-opacity"]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),l=p,r=function(){"undefined"!=typeof customElements&&["spw-tile","spw-icon"].forEach((e=>{switch(e){case"spw-tile":customElements.get(n(e))||customElements.define(n(e),p);break;case"spw-icon":customElements.get(n(e))||a()}}))};export{l as SpwTile,r as defineCustomElement}

package/dist/components/spw-timeline-item.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as s}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default",this.isLast="false",this.variant="vertical",this.isDescriptionExpanded=!1,this.showToggle=!1,this.toggleDescription=()=>{this.isDescriptionExpanded=!this.isDescriptionExpanded}}get elementClass(){return{"spw-timeline-item":!0,["spw-timeline-item--"+this.state]:!0,["spw-timeline-item--"+this.variant]:!0}}renderLabel(){return this.label?i("div",{class:{"spw-timeline-item__label":!0,"spw-timeline-item__label--clickable":this.showToggle},onClick:this.showToggle?this.toggleDescription:void 0},i("span",{class:"spw-timeline-item__label-text"},this.label),this.description&&this.showToggle&&i("spw-icon",{icon:this.isDescriptionExpanded?"fa-chevron-up":"fa-chevron-down",class:"spw-timeline-item__label-toggle"})):null}componentDidLoad(){this.checkDescriptionHeight()}componentDidUpdate(){this.checkDescriptionHeight()}checkDescriptionHeight(){if(this.descriptionRef){const e=this.el.style.display,t="none"===e;t&&(this.el.style.display="block",this.el.style.visibility="hidden",this.el.style.position="absolute");const i=parseFloat(getComputedStyle(this.descriptionRef).lineHeight);this.showToggle=this.descriptionRef.scrollHeight>1.2*i,t&&(this.el.style.display=e,this.el.style.visibility="",this.el.style.position="")}}render(){const e="false"===this.isLast;return i(n,{key:"a93d0b36d6a670b8216d0cd11469d5a2370a8806"},i("div",{key:"eabc0b0cf27054c0286513549161802afbf95a0c",class:this.elementClass},i("div",{key:"0adee2e3d74f0cc18dbca0eeb4ffc36d9e0deaa6",class:"spw-timeline-item__step"},i("div",{key:"78a33409e81f73ddd309c5647e50d88fe39e2e3d",class:"spw-timeline-item__icon"}),e&&i("div",{key:"bc838d1d31636aaefac3cac92e97f14e13f1dfde",class:"spw-timeline-item__connector"})),i("div",{key:"857b5da947f843f8465e94331f629be3bd8e9569",class:"spw-timeline-item__content"},this.renderLabel(),this.description&&i("div",{key:"6e46db9a293a89b6e5844588441e3b859b9e47f2",class:"spw-timeline-item__description-wrapper"},i("div",{key:"24f7d372545acb22d3094f84a73f95d29be11ad4",ref:e=>this.descriptionRef=e,class:{"spw-timeline-item__description":!0,"spw-timeline-item__description--collapsed":!this.isDescriptionExpanded}},this.description)),i("slot",{key:"6622a0960d008781447969fa030d0a4ad5a98a21"}))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}"}},[257,"spw-timeline-item",{label:[1],description:[1],state:[1],isLast:[1,"is-last"],variant:[1],isDescriptionExpanded:[32],showToggle:[32]}]),a=l,r=function(){"undefined"!=typeof customElements&&["spw-timeline-item","spw-icon"].forEach((e=>{switch(e){case"spw-timeline-item":customElements.get(s(e))||customElements.define(s(e),l);break;case"spw-icon":customElements.get(s(e))||o()}}))};export{a as SpwTimelineItem,r as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as s}from"./index.js";import{d as o}from"./p-BFQBddHX.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default",this.isLast="false",this.variant="vertical",this.isDescriptionExpanded=!1,this.showToggle=!1,this.toggleDescription=()=>{this.isDescriptionExpanded=!this.isDescriptionExpanded}}get elementClass(){return{"spw-timeline-item":!0,["spw-timeline-item--"+this.state]:!0,["spw-timeline-item--"+this.variant]:!0}}renderLabel(){return this.label?i("div",{class:{"spw-timeline-item__label":!0,"spw-timeline-item__label--clickable":this.showToggle},onClick:this.showToggle?this.toggleDescription:void 0},i("span",{class:"spw-timeline-item__label-text"},this.label),this.description&&this.showToggle&&i("spw-icon",{icon:this.isDescriptionExpanded?"fa-chevron-up":"fa-chevron-down",class:"spw-timeline-item__label-toggle"})):null}componentDidLoad(){this.checkDescriptionHeight()}componentDidUpdate(){this.checkDescriptionHeight()}checkDescriptionHeight(){if(this.descriptionRef){const e=this.el.style.display,t="none"===e;t&&(this.el.style.display="block",this.el.style.visibility="hidden",this.el.style.position="absolute");const i=parseFloat(getComputedStyle(this.descriptionRef).lineHeight);this.showToggle=this.descriptionRef.scrollHeight>1.2*i,t&&(this.el.style.display=e,this.el.style.visibility="",this.el.style.position="")}}render(){const e="false"===this.isLast;return i(n,{key:"a93d0b36d6a670b8216d0cd11469d5a2370a8806"},i("div",{key:"eabc0b0cf27054c0286513549161802afbf95a0c",class:this.elementClass},i("div",{key:"0adee2e3d74f0cc18dbca0eeb4ffc36d9e0deaa6",class:"spw-timeline-item__step"},i("div",{key:"78a33409e81f73ddd309c5647e50d88fe39e2e3d",class:"spw-timeline-item__icon"}),e&&i("div",{key:"bc838d1d31636aaefac3cac92e97f14e13f1dfde",class:"spw-timeline-item__connector"})),i("div",{key:"857b5da947f843f8465e94331f629be3bd8e9569",class:"spw-timeline-item__content"},this.renderLabel(),this.description&&i("div",{key:"6e46db9a293a89b6e5844588441e3b859b9e47f2",class:"spw-timeline-item__description-wrapper"},i("div",{key:"24f7d372545acb22d3094f84a73f95d29be11ad4",ref:e=>this.descriptionRef=e,class:{"spw-timeline-item__description":!0,"spw-timeline-item__description--collapsed":!this.isDescriptionExpanded}},this.description)),i("slot",{key:"6622a0960d008781447969fa030d0a4ad5a98a21"}))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}"}},[257,"spw-timeline-item",{label:[1],description:[1],state:[1],isLast:[1,"is-last"],variant:[1],isDescriptionExpanded:[32],showToggle:[32]}]),l=a,r=function(){"undefined"!=typeof customElements&&["spw-timeline-item","spw-icon"].forEach((e=>{switch(e){case"spw-timeline-item":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||o()}}))};export{l as SpwTimelineItem,r as defineCustomElement}

package/dist/components/spw-timeline.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.visibleItems=0,this.showMoreText="Voir plus",this.showLessText="Voir moins",this.showAll=!1,this.handleToggle=()=>{this.showAll=!this.showAll,this.updateItemsState()}}componentWillLoad(){this.updateItemsState()}slotChanged(){this.updateItemsState()}updateItemsState(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-timeline-item");e.forEach(((t,i)=>{t.setAttribute("variant","vertical"),t.setAttribute("is-last",""+(i===e.length-1)),t.style.display=this.visibleItems>0&&!this.showAll&&i>=this.visibleItems?"none":""}))}))}get elementClass(){return{"spw-timeline":!0,"spw-timeline--vertical":!0}}shouldShowToggleButton(){const e=this.el.querySelectorAll("spw-timeline-item");return this.visibleItems>0&&e.length>this.visibleItems}render(){return i(n,{key:"99d75e1bc7095d83ffe88a7c150660e682cc7d2d"},i("div",{key:"fb5864bc3cfe13586b985aa05c48c10ad7e7882a",class:this.elementClass},i("slot",{key:"59daaddd1093afe096a0ec2e3aee32ef8bf623b7"})),this.shouldShowToggleButton()&&i("div",{key:"44b2977f287019de2f146d89d420c1fb27e05b8f",class:{"spw-timeline__toggle":!0,"spw-timeline__toggle--more":!this.showAll,"spw-timeline__toggle--less":this.showAll}},i("span",{key:"71eeba2c697a3610f82f24873420c249ea604a0b",class:"spw-timeline__toggle-btn",onClick:this.handleToggle},this.showAll?this.showLessText:this.showMoreText)))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}"}},[257,"spw-timeline",{visibleItems:[2,"visible-items"],showMoreText:[1,"show-more-text"],showLessText:[1,"show-less-text"],showAll:[32]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-timeline"].forEach((e=>{"spw-timeline"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwTimeline,r as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.visibleItems=0,this.showMoreText="Voir plus",this.showLessText="Voir moins",this.showAll=!1,this.handleToggle=()=>{this.showAll=!this.showAll,this.updateItemsState()}}componentWillLoad(){this.updateItemsState()}slotChanged(){this.updateItemsState()}updateItemsState(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-timeline-item");e.forEach(((t,i)=>{t.setAttribute("variant","vertical"),t.setAttribute("is-last",""+(i===e.length-1)),t.style.display=this.visibleItems>0&&!this.showAll&&i>=this.visibleItems?"none":""}))}))}get elementClass(){return{"spw-timeline":!0,"spw-timeline--vertical":!0}}shouldShowToggleButton(){const e=this.el.querySelectorAll("spw-timeline-item");return this.visibleItems>0&&e.length>this.visibleItems}render(){return i(n,{key:"99d75e1bc7095d83ffe88a7c150660e682cc7d2d"},i("div",{key:"fb5864bc3cfe13586b985aa05c48c10ad7e7882a",class:this.elementClass},i("slot",{key:"59daaddd1093afe096a0ec2e3aee32ef8bf623b7"})),this.shouldShowToggleButton()&&i("div",{key:"44b2977f287019de2f146d89d420c1fb27e05b8f",class:{"spw-timeline__toggle":!0,"spw-timeline__toggle--more":!this.showAll,"spw-timeline__toggle--less":this.showAll}},i("span",{key:"71eeba2c697a3610f82f24873420c249ea604a0b",class:"spw-timeline__toggle-btn",onClick:this.handleToggle},this.showAll?this.showLessText:this.showMoreText)))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}"}},[257,"spw-timeline",{visibleItems:[2,"visible-items"],showMoreText:[1,"show-more-text"],showLessText:[1,"show-less-text"],showAll:[32]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-timeline"].forEach((e=>{"spw-timeline"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwTimeline,r as defineCustomElement}

package/dist/components/spw-toast-controller.js

@@ -1 +1 @@
-import{p as t,H as o,h as e,a as s,t as n}from"./index.js";import{d as r}from"./p-oVOlDrOp.js";import{d as i}from"./p-C8Vf9QlU.js";const a=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.position="bottom-right"}async create(t){var o;const e=document.createElement("spw-toast");return t.heading&&(e.heading=t.heading),t.message&&(e.message=t.message),t.linkLabel&&(e.linkLabel=t.linkLabel),t.linkHref&&(e.linkHref=t.linkHref),t.icon&&(e.icon=t.icon),e.variant=null!==(o=t.variant)&&void 0!==o?o:"default",e.duration=void 0!==t.duration?t.duration:5e3,e.dismissable=void 0===t.dismissable||t.dismissable,t.onLinkClick&&e.addEventListener("spwToastLinkClick",t.onLinkClick),this.stackEl.appendChild(e),e}async dismissAll(){const t=Array.from(this.stackEl.querySelectorAll("spw-toast"));await Promise.all(t.map((t=>{var o;return null===(o=t.dismiss)||void 0===o?void 0:o.call(t)})))}render(){return e(s,{key:"b320fb0051b98993b6d40809ac3c4eb8f9607d43"},e("div",{key:"6709e4ece4e9f39f0c1e53e78331814b5281aa43",class:{"spw-toast-controller__stack":!0,["spw-toast-controller__stack--"+this.position]:!0},"aria-label":"Notifications",ref:t=>this.stackEl=t}))}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents;--spw-toast-controller-gap:10px;--spw-toast-controller-offset:24px;--spw-toast-controller-width:360px;--spw-toast-controller-z-index:999999999}.spw-toast-controller__stack{position:fixed;display:flex;flex-direction:column;gap:var(--spw-toast-controller-gap);z-index:var(--spw-toast-controller-z-index);width:var(--spw-toast-controller-width);max-width:calc(100vw - 2 * var(--spw-toast-controller-offset));pointer-events:none}.spw-toast-controller__stack>*{pointer-events:auto}.spw-toast-controller__stack--top-right{top:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-left{top:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-center{top:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%)}.spw-toast-controller__stack--bottom-right{bottom:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-left{bottom:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-center{bottom:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%);flex-direction:column-reverse}'}},[1,"spw-toast-controller",{position:[1],create:[64],dismissAll:[64]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-toast-controller","spw-icon","spw-toast"].forEach((t=>{switch(t){case"spw-toast-controller":customElements.get(n(t))||customElements.define(n(t),a);break;case"spw-icon":customElements.get(n(t))||r();break;case"spw-toast":customElements.get(n(t))||i()}}))};export{l as SpwToastController,p as defineCustomElement}
+import{p as t,H as e,h as o,a as s,t as n}from"./index.js";import{d as r}from"./p-BFQBddHX.js";import{d as i}from"./p-BciLkiPG.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.position="bottom-right"}async create(t){var e;const o=document.createElement("spw-toast");return t.heading&&(o.heading=t.heading),t.message&&(o.message=t.message),t.linkLabel&&(o.linkLabel=t.linkLabel),t.linkHref&&(o.linkHref=t.linkHref),t.icon&&(o.icon=t.icon),o.variant=null!==(e=t.variant)&&void 0!==e?e:"default",o.duration=void 0!==t.duration?t.duration:5e3,o.dismissable=void 0===t.dismissable||t.dismissable,t.onLinkClick&&o.addEventListener("spwToastLinkClick",t.onLinkClick),this.stackEl.appendChild(o),o}async dismissAll(){const t=Array.from(this.stackEl.querySelectorAll("spw-toast"));await Promise.all(t.map((t=>{var e;return null===(e=t.dismiss)||void 0===e?void 0:e.call(t)})))}render(){return o(s,{key:"b320fb0051b98993b6d40809ac3c4eb8f9607d43"},o("div",{key:"6709e4ece4e9f39f0c1e53e78331814b5281aa43",class:{"spw-toast-controller__stack":!0,["spw-toast-controller__stack--"+this.position]:!0},"aria-label":"Notifications",ref:t=>this.stackEl=t}))}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-toast-controller-gap:10px;--spw-toast-controller-offset:24px;--spw-toast-controller-width:360px;--spw-toast-controller-z-index:999999999}.spw-toast-controller__stack{position:fixed;display:flex;flex-direction:column;gap:var(--spw-toast-controller-gap);z-index:var(--spw-toast-controller-z-index);width:var(--spw-toast-controller-width);max-width:calc(100vw - 2 * var(--spw-toast-controller-offset));pointer-events:none}.spw-toast-controller__stack>*{pointer-events:auto}.spw-toast-controller__stack--top-right{top:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-left{top:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-center{top:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%)}.spw-toast-controller__stack--bottom-right{bottom:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-left{bottom:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-center{bottom:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%);flex-direction:column-reverse}'}},[1,"spw-toast-controller",{position:[1],create:[64],dismissAll:[64]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-toast-controller","spw-icon","spw-toast"].forEach((t=>{switch(t){case"spw-toast-controller":customElements.get(n(t))||customElements.define(n(t),a);break;case"spw-icon":customElements.get(n(t))||r();break;case"spw-toast":customElements.get(n(t))||i()}}))};export{l as SpwToastController,p as defineCustomElement}

package/dist/components/spw-toast.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-C8Vf9QlU.js";const p=o,r=s;export{p as SpwToast,r as defineCustomElement}
+import{S as o,d as s}from"./p-BciLkiPG.js";const i=o,p=s;export{i as SpwToast,p as defineCustomElement}

package/dist/components/spw-toc-container.js

@@ -1 +1 @@
-import{p as t,H as e,c as n,h as i,a as o,t as s}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tocItemsChanged=n(this,"tocItemsChanged",7)}componentDidLoad(){this.scanHeadings(),this.setupMutationObserver()}disconnectedCallback(){this.observer&&this.observer.disconnect()}async getItems(){return this.scanHeadings()}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.scanHeadings()})),this.observer.observe(this.el,{childList:!0,subtree:!0,characterData:!0})}slugify(t){return t.toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}scanHeadings(){const t=[];return this.el.querySelectorAll("h2, h3, h4, h5, h6").forEach((e=>{var n;const i=(null===(n=e.textContent)||void 0===n?void 0:n.trim())||"";let o=e.id;if(!o&&i&&(o=this.slugify(i),e.id=o),o&&i){const n=parseInt(e.tagName.substring(1));t.push({id:o,text:i,level:n})}})),this.tocItemsChanged.emit(t),t}render(){return i(o,{key:"b65fc485e901264fc4df9443d7ad55b4c17cb52c"},i("slot",{key:"186f67706aa14e2fd3ce5799e61de589bd1a5a59"}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}"}},[260,"spw-toc-container",{getItems:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-toc-container"].forEach((t=>{"spw-toc-container"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{r as SpwTocContainer,d as defineCustomElement}
+import{p as t,H as e,c as n,h as i,a as o,t as s}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tocItemsChanged=n(this,"tocItemsChanged",7)}componentDidLoad(){this.scanHeadings(),this.setupMutationObserver()}disconnectedCallback(){this.observer&&this.observer.disconnect()}async getItems(){return this.scanHeadings()}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.scanHeadings()})),this.observer.observe(this.el,{childList:!0,subtree:!0,characterData:!0})}slugify(t){return t.toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}scanHeadings(){const t=[];return this.el.querySelectorAll("h2, h3, h4, h5, h6").forEach((e=>{var n;const i=(null===(n=e.textContent)||void 0===n?void 0:n.trim())||"";let o=e.id;if(!o&&i&&(o=this.slugify(i),e.id=o),o&&i){const n=parseInt(e.tagName.substring(1));t.push({id:o,text:i,level:n})}})),this.tocItemsChanged.emit(t),t}render(){return i(o,{key:"b65fc485e901264fc4df9443d7ad55b4c17cb52c"},i("slot",{key:"186f67706aa14e2fd3ce5799e61de589bd1a5a59"}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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}"}},[260,"spw-toc-container",{getItems:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-toc-container"].forEach((t=>{"spw-toc-container"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{r as SpwTocContainer,d as defineCustomElement}

package/dist/components/spw-toc-navigation.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as s,t as o}from"./index.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="progress",this.items=[],this.currentItemIndex=-1,this.currentH2Index=-1,this.h2ProgressPercents=new Map,this.clickedH2Index=-1,this.h2Distances=new Map}async componentDidLoad(){await this.loadItems(),this.setupIntersectionObserver(),this.setupScrollHandler()}componentDidRender(){this.recalculateH2Distances()}recalculateH2Distances(){const t=this.items.filter((t=>2===t.level)),e=this.items.map(((t,e)=>2===t.level?e:-1)).filter((t=>-1!==t)),i=new Map;t.forEach(((s,o)=>{const n=e[o];if(o<t.length-1){const e=t[o+1],r=this.el.querySelector(`li:has(a[href="#${s.id}"])`),a=this.el.querySelector(`li:has(a[href="#${e.id}"])`);r&&a&&i.set(n,a.offsetTop-r.offsetTop)}}));let s=i.size!==this.h2Distances.size;if(!s)for(const[t,e]of i)if(this.h2Distances.get(t)!==e){s=!0;break}s&&(this.h2Distances=i)}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)}async loadItems(){const t=this.el.closest("spw-toc");if(!t)return;const e=t.querySelector("spw-toc-container");if(e){await new Promise((t=>setTimeout(t,100)));try{if(e.getItems){const t=await e.getItems();this.items=t}}catch(t){console.error("Error loading TOC items:",t)}}}setupScrollHandler(){let t=null;this.scrollHandler=()=>{null===t&&(t=requestAnimationFrame((()=>{this.calculateH2Progress(),this.clickedH2Index=-1,t=null})))},window.addEventListener("scroll",this.scrollHandler,{passive:!0})}calculateH2Progress(){const t=this.items.filter((t=>2===t.level)),e=new Map,i=window.scrollY+32;t.forEach(((s,o)=>{const n=document.getElementById(s.id);if(!n)return void e.set(o,0);const r=t[o+1],a=r?document.getElementById(r.id):null,l=n.offsetTop,c=a?a.offsetTop:document.body.scrollHeight;e.set(o,i<l?0:i>=c?100:Math.min(Math.max((i-l)/(c-l)*100,0),100))})),this.h2ProgressPercents=e}handleTocItemsChanged(t){this.el.closest("spw-toc")===t.target.closest("spw-toc")&&(this.items=t.detail,this.observer&&this.observer.disconnect(),this.setupIntersectionObserver())}setupIntersectionObserver(){this.observer=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target.id,i=this.items.findIndex((t=>t.id===e));if(-1!==i)if(this.currentItemIndex=i,2===this.items[i].level){const t=this.items.filter((t=>2===t.level));this.currentH2Index=t.findIndex((t=>t.id===e))}else{const t=this.items.filter((t=>2===t.level));for(let e=i;e>=0;e--)if(2===this.items[e].level){this.currentH2Index=t.findIndex((t=>t.id===this.items[e].id));break}}}}))}),{rootMargin:"-32px 0px -66%",threshold:0}),this.items.forEach((t=>{const e=document.getElementById(t.id);e&&this.observer.observe(e)}))}handleItemClick(t,e,i){t.preventDefault();const s=document.getElementById(e);if(s){const t=s.getBoundingClientRect().top+window.scrollY-32;if(window.scrollTo({top:t+1,behavior:"smooth"}),this.currentItemIndex=i,2===this.items[i].level){const t=this.items.filter((t=>2===t.level)).findIndex((t=>t.id===e));this.currentH2Index=t,this.clickedH2Index=t}else{const t=this.items.filter((t=>2===t.level));for(let e=i;e>=0;e--)if(2===this.items[e].level){const i=t.findIndex((t=>t.id===this.items[e].id));this.currentH2Index=i,this.clickedH2Index=i;break}}this.calculateH2ProgressWithTargetScroll(t+1);const o=new URL(window.location.href);o.hash=e,window.history.pushState({},"",o)}}calculateH2ProgressWithTargetScroll(t){const e=this.items.filter((t=>2===t.level)),i=new Map,s=t+32;e.forEach(((t,o)=>{const n=document.getElementById(t.id);if(!n)return void i.set(o,0);const r=e[o+1],a=r?document.getElementById(r.id):null,l=n.offsetTop,c=a?a.offsetTop:document.body.scrollHeight;i.set(o,s<l?0:s>=c?100:Math.min(Math.max((s-l)/(c-l)*100,0),100))})),this.h2ProgressPercents=new Map(i)}isItemActive(t,e){if("simple"===this.variant)return this.currentItemIndex===t;let i=-1;if(2===e.level)i=this.items.filter((t=>2===t.level)).findIndex((t=>t.id===e.id));else{const e=this.items.filter((t=>2===t.level));for(let s=t;s>=0;s--)if(2===this.items[s].level){i=e.findIndex((t=>t.id===this.items[s].id));break}}return this.clickedH2Index>=0&&i===this.clickedH2Index||(i>=0?this.getH2Progress(i):0)>0}getH2Progress(t){return this.h2ProgressPercents.get(t)||0}getH2BarStatus(t){return t>=100?"completed":t>0?"active":"pending"}render(){if(0===this.items.length)return null;const t="progress"===this.variant,e=this.items.filter((t=>2===t.level));return i(s,null,i("nav",{class:{"spw-toc":!0,"spw-toc--progress":t,"spw-toc--simple":!t}},i("ul",null,this.items.map(((s,o)=>{var n;let r=-1;if(2===s.level)r=e.findIndex((t=>t.id===s.id));else for(let t=o;t>=0;t--)if(2===this.items[t].level){r=e.findIndex((e=>e.id===this.items[t].id));break}const a=t&&r>=0?this.getH2Progress(r):0,l=t?this.getH2BarStatus(a):"pending";let c=0;t&&2===s.level&&(c=null!==(n=this.h2Distances.get(o))&&void 0!==n?n:0);const p={};return t&&2===s.level&&(p["--progress"]=""+a,c>0&&(p["--distance-to-next-h2"]=c+"px")),i("li",{key:s.id,class:{["--toc-is-level-"+s.level]:!0,"--toc-active":t&&this.isItemActive(o,s),"--toc-bar-completed":t&&"completed"===l,"--toc-bar-active":t&&"active"===l,"--toc-bar-pending":t&&"pending"===l,"--toc-is-h2":2===s.level},style:p},t&&2===s.level&&i("span",{class:"spw-toc__progress-dot"}),i("a",{href:"#"+s.id,onClick:t=>this.handleItemClick(t,s.id,o)},s.text))})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li{position:relative;list-style:none;margin:0;padding:0}.spw-toc li a{display:block;text-decoration:none;font-weight:normal;transition:font-weight 0.2s ease;padding:0.25rem 0;color:var(--spw-color-themes-grey-grey-900)}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}.spw-toc--progress li.--toc-is-h2{position:relative;--progress:0;--distance-to-next-h2:0px}.spw-toc--progress li.--toc-is-h2::before{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:#e0e0e0;z-index:0;height:var(--distance-to-next-h2)}.spw-toc--progress li.--toc-is-h2::after{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:var(--spw-ds-primary);z-index:1;transition:height 0.1s linear;transform-origin:top;height:calc(var(--distance-to-next-h2) * var(--progress) / 100)}.spw-toc--progress li.--toc-is-h2:last-of-type::before,.spw-toc--progress li.--toc-is-h2:last-of-type::after{display:none}.spw-toc--progress li .spw-toc__progress-dot{position:absolute;left:0.25rem;top:calc(0.25rem + 0.5em + 3px);transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:4px solid #e0e0e0;background-color:white;z-index:2;transition:all 0.3s ease}.spw-toc--progress li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc--progress li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211, 47, 47, 0.2)}.spw-toc--progress li.--toc-bar-completed.--toc-is-level-2 a,.spw-toc--progress li.--toc-bar-active.--toc-is-level-2 a{font-weight:bold}.spw-toc--simple li a{font-weight:700}.spw-toc--simple li.--toc-active a{color:var(--spw-color-themes-grey-grey-900)}.spw-toc--simple li.--toc-is-level-2 a{padding-left:calc(6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-2::before{content:"";position:absolute;left:0;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--spw-ds-primary)}.spw-toc--simple li.--toc-is-level-3::before,.spw-toc--simple li.--toc-is-level-4::before,.spw-toc--simple li.--toc-is-level-5::before,.spw-toc--simple li.--toc-is-level-6::before{content:"";position:absolute;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:transparent;border:1px solid var(--spw-ds-primary);box-sizing:border-box}.spw-toc--simple li.--toc-is-level-3 a{padding-left:calc(1rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-3::before{left:1rem}.spw-toc--simple li.--toc-is-level-4 a{padding-left:calc(2rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-4::before{left:2rem}.spw-toc--simple li.--toc-is-level-5 a{padding-left:calc(3rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-5::before{left:3rem}.spw-toc--simple li.--toc-is-level-6 a{padding-left:calc(4rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-6::before{left:4rem}'}},[0,"spw-toc-navigation",{variant:[1],items:[32],currentItemIndex:[32],currentH2Index:[32],h2ProgressPercents:[32],clickedH2Index:[32],h2Distances:[32]},[[8,"tocItemsChanged","handleTocItemsChanged"]]]),r=n,a=function(){"undefined"!=typeof customElements&&["spw-toc-navigation"].forEach((t=>{"spw-toc-navigation"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{r as SpwTocNavigation,a as defineCustomElement}
+import{p as t,H as e,h as i,a as s,t as o}from"./index.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="progress",this.items=[],this.currentItemIndex=-1,this.currentH2Index=-1,this.h2ProgressPercents=new Map,this.clickedH2Index=-1,this.h2Distances=new Map}async componentDidLoad(){await this.loadItems(),this.setupIntersectionObserver(),this.setupScrollHandler()}componentDidRender(){this.recalculateH2Distances()}recalculateH2Distances(){const t=this.items.filter((t=>2===t.level)),e=this.items.map(((t,e)=>2===t.level?e:-1)).filter((t=>-1!==t)),i=new Map;t.forEach(((s,o)=>{const n=e[o];if(o<t.length-1){const e=t[o+1],r=this.el.querySelector(`li:has(a[href="#${s.id}"])`),a=this.el.querySelector(`li:has(a[href="#${e.id}"])`);r&&a&&i.set(n,a.offsetTop-r.offsetTop)}}));let s=i.size!==this.h2Distances.size;if(!s)for(const[t,e]of i)if(this.h2Distances.get(t)!==e){s=!0;break}s&&(this.h2Distances=i)}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)}async loadItems(){const t=this.el.closest("spw-toc");if(!t)return;const e=t.querySelector("spw-toc-container");if(e){await new Promise((t=>setTimeout(t,100)));try{if(e.getItems){const t=await e.getItems();this.items=t}}catch(t){console.error("Error loading TOC items:",t)}}}setupScrollHandler(){let t=null;this.scrollHandler=()=>{null===t&&(t=requestAnimationFrame((()=>{this.calculateH2Progress(),this.clickedH2Index=-1,t=null})))},window.addEventListener("scroll",this.scrollHandler,{passive:!0})}calculateH2Progress(){const t=this.items.filter((t=>2===t.level)),e=new Map,i=window.scrollY+32;t.forEach(((s,o)=>{const n=document.getElementById(s.id);if(!n)return void e.set(o,0);const r=t[o+1],a=r?document.getElementById(r.id):null,l=n.offsetTop,c=a?a.offsetTop:document.body.scrollHeight;e.set(o,i<l?0:i>=c?100:Math.min(Math.max((i-l)/(c-l)*100,0),100))})),this.h2ProgressPercents=e}handleTocItemsChanged(t){this.el.closest("spw-toc")===t.target.closest("spw-toc")&&(this.items=t.detail,this.observer&&this.observer.disconnect(),this.setupIntersectionObserver())}setupIntersectionObserver(){this.observer=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target.id,i=this.items.findIndex((t=>t.id===e));if(-1!==i)if(this.currentItemIndex=i,2===this.items[i].level){const t=this.items.filter((t=>2===t.level));this.currentH2Index=t.findIndex((t=>t.id===e))}else{const t=this.items.filter((t=>2===t.level));for(let e=i;e>=0;e--)if(2===this.items[e].level){this.currentH2Index=t.findIndex((t=>t.id===this.items[e].id));break}}}}))}),{rootMargin:"-32px 0px -66%",threshold:0}),this.items.forEach((t=>{const e=document.getElementById(t.id);e&&this.observer.observe(e)}))}handleItemClick(t,e,i){t.preventDefault();const s=document.getElementById(e);if(s){const t=s.getBoundingClientRect().top+window.scrollY-32;if(window.scrollTo({top:t+1,behavior:"smooth"}),this.currentItemIndex=i,2===this.items[i].level){const t=this.items.filter((t=>2===t.level)).findIndex((t=>t.id===e));this.currentH2Index=t,this.clickedH2Index=t}else{const t=this.items.filter((t=>2===t.level));for(let e=i;e>=0;e--)if(2===this.items[e].level){const i=t.findIndex((t=>t.id===this.items[e].id));this.currentH2Index=i,this.clickedH2Index=i;break}}this.calculateH2ProgressWithTargetScroll(t+1);const o=new URL(window.location.href);o.hash=e,window.history.pushState({},"",o)}}calculateH2ProgressWithTargetScroll(t){const e=this.items.filter((t=>2===t.level)),i=new Map,s=t+32;e.forEach(((t,o)=>{const n=document.getElementById(t.id);if(!n)return void i.set(o,0);const r=e[o+1],a=r?document.getElementById(r.id):null,l=n.offsetTop,c=a?a.offsetTop:document.body.scrollHeight;i.set(o,s<l?0:s>=c?100:Math.min(Math.max((s-l)/(c-l)*100,0),100))})),this.h2ProgressPercents=new Map(i)}isItemActive(t,e){if("simple"===this.variant)return this.currentItemIndex===t;let i=-1;if(2===e.level)i=this.items.filter((t=>2===t.level)).findIndex((t=>t.id===e.id));else{const e=this.items.filter((t=>2===t.level));for(let s=t;s>=0;s--)if(2===this.items[s].level){i=e.findIndex((t=>t.id===this.items[s].id));break}}return this.clickedH2Index>=0&&i===this.clickedH2Index||(i>=0?this.getH2Progress(i):0)>0}getH2Progress(t){return this.h2ProgressPercents.get(t)||0}getH2BarStatus(t){return t>=100?"completed":t>0?"active":"pending"}render(){if(0===this.items.length)return null;const t="progress"===this.variant,e=this.items.filter((t=>2===t.level));return i(s,null,i("nav",{class:{"spw-toc":!0,"spw-toc--progress":t,"spw-toc--simple":!t}},i("ul",null,this.items.map(((s,o)=>{var n;let r=-1;if(2===s.level)r=e.findIndex((t=>t.id===s.id));else for(let t=o;t>=0;t--)if(2===this.items[t].level){r=e.findIndex((e=>e.id===this.items[t].id));break}const a=t&&r>=0?this.getH2Progress(r):0,l=t?this.getH2BarStatus(a):"pending";let c=0;t&&2===s.level&&(c=null!==(n=this.h2Distances.get(o))&&void 0!==n?n:0);const p={};return t&&2===s.level&&(p["--progress"]=""+a,c>0&&(p["--distance-to-next-h2"]=c+"px")),i("li",{key:s.id,class:{["--toc-is-level-"+s.level]:!0,"--toc-active":t&&this.isItemActive(o,s),"--toc-bar-completed":t&&"completed"===l,"--toc-bar-active":t&&"active"===l,"--toc-bar-pending":t&&"pending"===l,"--toc-is-h2":2===s.level},style:p},t&&2===s.level&&i("span",{class:"spw-toc__progress-dot"}),i("a",{href:"#"+s.id,onClick:t=>this.handleItemClick(t,s.id,o)},s.text))})))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li{position:relative;list-style:none;margin:0;padding:0}.spw-toc li a{display:block;text-decoration:none;font-weight:normal;transition:font-weight 0.2s ease;padding:0.25rem 0;color:var(--spw-color-themes-grey-grey-900)}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}.spw-toc--progress li.--toc-is-h2{position:relative;--progress:0;--distance-to-next-h2:0px}.spw-toc--progress li.--toc-is-h2::before{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:#e0e0e0;z-index:0;height:var(--distance-to-next-h2)}.spw-toc--progress li.--toc-is-h2::after{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:var(--spw-ds-primary);z-index:1;transition:height 0.1s linear;transform-origin:top;height:calc(var(--distance-to-next-h2) * var(--progress) / 100)}.spw-toc--progress li.--toc-is-h2:last-of-type::before,.spw-toc--progress li.--toc-is-h2:last-of-type::after{display:none}.spw-toc--progress li .spw-toc__progress-dot{position:absolute;left:0.25rem;top:calc(0.25rem + 0.5em + 3px);transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:4px solid #e0e0e0;background-color:white;z-index:2;transition:all 0.3s ease}.spw-toc--progress li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc--progress li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211, 47, 47, 0.2)}.spw-toc--progress li.--toc-bar-completed.--toc-is-level-2 a,.spw-toc--progress li.--toc-bar-active.--toc-is-level-2 a{font-weight:bold}.spw-toc--simple li a{font-weight:700}.spw-toc--simple li.--toc-active a{color:var(--spw-color-themes-grey-grey-900)}.spw-toc--simple li.--toc-is-level-2 a{padding-left:calc(6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-2::before{content:"";position:absolute;left:0;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--spw-ds-primary)}.spw-toc--simple li.--toc-is-level-3::before,.spw-toc--simple li.--toc-is-level-4::before,.spw-toc--simple li.--toc-is-level-5::before,.spw-toc--simple li.--toc-is-level-6::before{content:"";position:absolute;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:transparent;border:1px solid var(--spw-ds-primary);box-sizing:border-box}.spw-toc--simple li.--toc-is-level-3 a{padding-left:calc(1rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-3::before{left:1rem}.spw-toc--simple li.--toc-is-level-4 a{padding-left:calc(2rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-4::before{left:2rem}.spw-toc--simple li.--toc-is-level-5 a{padding-left:calc(3rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-5::before{left:3rem}.spw-toc--simple li.--toc-is-level-6 a{padding-left:calc(4rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-6::before{left:4rem}'}},[0,"spw-toc-navigation",{variant:[1],items:[32],currentItemIndex:[32],currentH2Index:[32],h2ProgressPercents:[32],clickedH2Index:[32],h2Distances:[32]},[[8,"tocItemsChanged","handleTocItemsChanged"]]]),r=n,a=function(){"undefined"!=typeof customElements&&["spw-toc-navigation"].forEach((t=>{"spw-toc-navigation"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{r as SpwTocNavigation,a as defineCustomElement}

package/dist/components/spw-toc.js

@@ -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()}render(){return n(i,{key:"ad8123b6c70663efc94b2ee9ff457b7c9722b28f"},n("slot",{key:"552000df895e2438c713084ee3d659aafda02b67"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}"}},[260,"spw-toc"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-toc"].forEach((e=>{"spw-toc"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwToc,r as defineCustomElement}
+import{p as e,H as t,h as n,a as o,t as i}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return n(o,{key:"ad8123b6c70663efc94b2ee9ff457b7c9722b28f"},n("slot",{key:"552000df895e2438c713084ee3d659aafda02b67"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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}"}},[260,"spw-toc"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-toc"].forEach((e=>{"spw-toc"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwToc,r as defineCustomElement}

package/dist/components/spw-tooltip.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BwzaPX9J.js";const a=o,p=s;export{a as SpwTooltip,p as defineCustomElement}
+import{S as o,d as s}from"./p-C1tFbihv.js";const t=o,p=s;export{t as SpwTooltip,p as defineCustomElement}