@spw-ds/spw-stencil-library 1.14.2 → 1.16.0

package/dist/components/spw-pagination.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-DYJNpZeH.js";import{d as l}from"./p-UzhhGIpr.js";import{d as r}from"./p-D25JsirJ.js";import{d as c}from"./p-B-cQeHXM.js";import{d}from"./p-BPhSJ6Z9.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(e){this.inputPageValue=""+e}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const e=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>e&&(this.currentPage=e,this.pageChanged.emit(this.currentPage))}async setPage(e){this.goToPage(e)}goToPage(e){e!==this.currentPage&&!this.isDisabled&&e>=1&&e<=this.totalPages&&(this.isDynamic&&(this.currentPage=e),this.pageChanged.emit(e))}handleInputChange(e){const t=e.target.value;this.inputPageValue=t;const i=parseInt(t,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var e,t;const i=this.calculatePageRange(),a=i.filter((({page:e})=>"..."===e)).length,s=a>0&&"..."===(null===(e=i[1])||void 0===e?void 0:e.page),n=a>0&&"..."===(null===(t=i[i.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(e){if("Enter"===e.key){const e=parseInt(this.inputPageValue,10);isNaN(e)||this.goToPage(e)}}calculatePageRange(){const e=[],{currentPage:t,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-2){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-2;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-1;i<=t+1;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-3){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-3;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-2;i<=t+2;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}return e}render(){const e=this.calculatePageRange(),t=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"7c080edc2651b2e1132dd892f80fb35cdb51c545",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"db86c90829af879f8b9159ff55385ea6113a87c9",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"d71519a4f9672e537a9d62bac9278af43c0d49fe",icon:"fa-chevron-left"})," ",a("span",{key:"edba6502243e49845c0f319017c5b7d61d2e2437",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"c8982972fcc18efb18dd6a051e0e33f08a640b5a",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"b6d9958f459d5a3405da368453e3d5d4856dc745",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"c2b580079bd0ce4379566448e956c794d74700d8",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"ad82aea1b9a5cd0c40f2328971d1aa614b7faf63",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"45f13caaadd25e703ded72ef7035b83754efe1f1",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"352f7888ee3a2c69aa95563e0d70c6636e6cfec5",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"6eca4cf9264abbcb954cf28f4bff7766accf0df9",icon:"fa-chevron-left"})," ",a("span",{key:"edbf625b0c1e2732608b6d93eefdf809daccb24a"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"ebfd73bf701c7c5ce58df4371a6c4e587b53d6f9",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"cf8af3ea6473b20c0f6222f574d0fce0acc0d68f",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"2416f4e8e5ca12cb7b4295f30263f44040ee7389"},this.nextButtonText)," ",a("spw-icon",{key:"a17f614b9de4b2ce9b5ee1acac8747b30c9f2a02",icon:"fa-chevron-right"}))),r=a("ul",{key:"53b411817dc5000fea5a169f12b5db019ce3b5c6",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"a36abcd917e0dca742c810ee6e933e187feb2d77"},a("div",{key:"15a42490c86ff76815e56f73f5194debcc9310ee",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"829f3acd90f4695aabe00220790fb0a977db8827"},a("ul",{key:"6afa448b159d362c2892f8f54fd492ce67898351"},i,a("li",{key:"23c505dd82dbdbcea7e41defd23485e4c232092d",class:"spw-pagination__input"},a("spw-text-field",{key:"856aa891aa67729ca0a3f0efe2b877eef363dae8",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"396afb3c7d68b35aa205456a244a291e8e024846",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"faee677eee20adb4bc4798c73db2293d48c7fbde"},a("ul",{key:"fcf090ab6ef87c338177d5df8d57231e775d4f4f"},i,e.map((({page:e,class:t})=>"..."===e?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+t},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":e===this.currentPage,[t]:!0}},a("button",{onClick:()=>this.goToPage(e),disabled:e===this.currentPage},e)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange: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}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-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),m=g,h=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-pagination":customElements.get(o(e))||customElements.define(o(e),g);break;case"spw-field-label":customElements.get(o(e))||p();break;case"spw-field-message":customElements.get(o(e))||l();break;case"spw-icon":customElements.get(o(e))||r();break;case"spw-text-field":customElements.get(o(e))||c();break;case"spw-tooltip":customElements.get(o(e))||d()}}))};export{m as SpwPagination,h as defineCustomElement}
+import{p as t,H as e,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-DlhwYK4n.js";import{d as c}from"./p-B2P8l7B3.js";import{d as l}from"./p-2AbKLqDf.js";import{d as r}from"./p-CnzSr9Im.js";import{d}from"./p-B43Zutdz.js";import{d as g}from"./p-aWQ1v8BH.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(t){this.inputPageValue=""+t}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const t=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>t&&(this.currentPage=t,this.pageChanged.emit(this.currentPage))}async setPage(t){this.goToPage(t)}goToPage(t){t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages&&(this.isDynamic&&(this.currentPage=t),this.pageChanged.emit(t))}handleInputChange(t){const e=t.target.value;this.inputPageValue=e;const i=parseInt(e,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var t,e;const i=this.calculatePageRange(),a=i.filter((({page:t})=>"..."===t)).length,s=a>0&&"..."===(null===(t=i[1])||void 0===t?void 0:t.page),n=a>0&&"..."===(null===(e=i[i.length-2])||void 0===e?void 0:e.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(t){if("Enter"===t.key){const t=parseInt(this.inputPageValue,10);isNaN(t)||this.goToPage(t)}}calculatePageRange(){const t=[],{currentPage:e,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=3){for(let e=1;e<=3;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-2){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-1;i<=e+1;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=4){for(let e=1;e<=4;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-3){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-3;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e+2;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}return t}render(){const t=this.calculatePageRange(),e=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"7d333273df25b9438fa0e80145b4babc5416f373",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"800cbc3d298db429d20fcc9c77befa38bfd238f8",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"2c5b47638e615d95250615bcbeceaeabc61b7618",icon:"fa-chevron-left"})," ",a("span",{key:"8c9a30abaea93a8ef86c43d9ad495306bdd3ae65",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=e&&a("li",{key:"5cfa0348113cadea051faa5886a30f3278eb8e60",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"8fbb720d8cbc184efa3a66dd52624c6a4129e27f",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"b2dc2426fdca52922ef8e5afbe692e35cc13cc46",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"5187d7a541479e0f5203244da521c9493585c4a4",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"0e130b565e414335351ba30fbd535c565690f24a",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"e9a089565da6a579d08c62dfba93614cfc10ec3f",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"650e490c50ffcda963d911b0edd403a99f316b1d",icon:"fa-chevron-left"})," ",a("span",{key:"90593caca48b7b24f3b628cbc894d3715db6dc63"},this.previousButtonText))),c=this.currentPage<this.totalPages&&a("li",{key:"a34f6fb90abc33828fbf5e6f7eca2639ab8ccdf0",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"1698edf9e7bd46b76af487822dccdcbf1a995ce5",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"092efd8fc112baf2e319fb982383c3669bb65f49"},this.nextButtonText)," ",a("spw-icon",{key:"30ae8ec9c01a9cd4583f62caf3a580fc407f0b8e",icon:"fa-chevron-right"}))),l=a("ul",{key:"78440007620e254bb64a9c9baf6cf43fdc0c66a2",class:"spw-pagination__mobile-arrows"},p,c);return a(n,{key:"0fcbe22212f506c24e151171b9b63894abec4e58"},a("div",{key:"a9a02a859bfb99cb98a7f4e9f81d9f1c42012507",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"59dfcccd9ce475f0ba723e5dc615af9c15d9c7b6"},a("ul",{key:"f9b650f864f69c0d1e0d7512c06876000dbd3086"},i,a("li",{key:"7507cb7bb5ea8294cf9e0feb60026d878ce92026",class:"spw-pagination__input"},a("spw-text-field",{key:"0ca931d42b92a97414a11b25680f4d211cf9fc56",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),a("li",{key:"004fca7d0dc00d466dd355f1c65c3c1cac34f910",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),l),"numbers"===this.variant&&a(s,{key:"8cf6cb21d95cc70bc3e2219a8951e3e36b5335df"},a("ul",{key:"45b5ebad43f0a4c5b15c9d72f39205eaaacc1e94"},i,t.map((({page:t,class:e})=>"..."===t?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+e},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":t===this.currentPage,[e]:!0}},a("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t)))),o),l)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange: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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),b=m,w=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-link","spw-text-field","spw-tooltip"].forEach((t=>{switch(t){case"spw-pagination":customElements.get(o(t))||customElements.define(o(t),m);break;case"spw-field-label":customElements.get(o(t))||p();break;case"spw-field-message":customElements.get(o(t))||c();break;case"spw-icon":customElements.get(o(t))||l();break;case"spw-link":customElements.get(o(t))||r();break;case"spw-text-field":customElements.get(o(t))||d();break;case"spw-tooltip":customElements.get(o(t))||g()}}))};export{b as SpwPagination,w as defineCustomElement}

package/dist/components/spw-radio.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){const e=this.el.closest("form");e&&Array.from(e.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"24c8dbdadb1efe0ddc64aba7b888d99008c19abb",class:"spw-radio"},r("input",{key:"0a09e781b7dc89b55f94b2bb5d3704fd9483afed",type:"radio",ref:e=>this.inputElement=e,checked:this.internalChecked,"aria-checked":this.internalChecked?"true":"false",onChange:this.handleRadio.bind(this),name:this.name,value:this.value,disabled:this.disabled,style:{display:"none"}}),e&&r("label",{key:"0c35d4e3c411671d23640e6cedc475e06222a069",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"ea50f94b2c8d3bcd6adf1c592763155571771916"})),r("div",{key:"fb9dd0ed9aede5221d4ae9f00f6a19f1744c8ad0",tabIndex:this.disabled?-1:0,onClick:e=>this.handleRadio(e),onKeyDown:this.handleKeydown.bind(this),role:"radio","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled,"aria-label":this.accAriaLabel||this.name,class:this.elementClass},this.internalChecked&&r("span",{key:"0dd4595e7719b4f09b3db2c15add60ae602e744d",class:"spw-radio__circle"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged: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}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:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,d=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwRadio,d as defineCustomElement}
+import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){var e,t;const i=null!==(t=null!==(e=this.el.closest("form"))&&void 0!==e?e:this.el.closest("spw-group"))&&void 0!==t?t:document;Array.from(i.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"11f754c90756a9542669bbf9d713e22ad2cae205",class:"spw-radio"},r("input",{key:"6c40832d777178b10e5379c795df44cd72e0d5da",type:"radio",ref:e=>this.inputElement=e,checked:this.internalChecked,"aria-checked":this.internalChecked?"true":"false",onChange:this.handleRadio.bind(this),name:this.name,value:this.value,disabled:this.disabled,style:{display:"none"}}),e&&r("label",{key:"b0c5b31a9d21086731d10085b329353683783a29",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"bd88819599218cba68cac2dbafd586d0b6ae9440"})),r("div",{key:"d92406b7e4923b639b74764ae537326c5423dfd4",tabIndex:this.disabled?-1:0,onClick:e=>this.handleRadio(e),onKeyDown:this.handleKeydown.bind(this),role:"radio","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled,"aria-label":this.accAriaLabel||this.name,class:this.elementClass},this.internalChecked&&r("span",{key:"47dd83a6d282e80cde4971681da561ab1e7c10c8",class:"spw-radio__circle"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged: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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,d=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwRadio,d as defineCustomElement}

package/dist/components/spw-scrolltop.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-CjvNWegY.js";import{d as a}from"./p-D25JsirJ.js";import{d as r}from"./p-BY3qZT4B.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=300,this.hideOnMobile=!1,this.accAriaLabel="Retour en haut de page",this.useWindow=!0,this.isVisible=!1,this.scrollContainer=null,this.handleScroll=()=>{this.isVisible=this.getScrollTop()>this.threshold},this.scrollToTop=()=>{this.scrollContainer===window?window.scrollTo({top:0,behavior:"smooth"}):this.scrollContainer.scrollTo({top:0,behavior:"smooth"})}}getScrollableParent(t){let e=t.parentElement;for(;e;){const t=getComputedStyle(e).overflowY;if(("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return null}getScrollTop(){return this.scrollContainer===window?window.scrollY:this.scrollContainer.scrollTop}connectedCallback(){requestAnimationFrame((()=>{this.scrollContainer=this.useWindow?window:this.getScrollableParent(this.el)||window,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll()}))}disconnectedCallback(){this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.handleScroll)}get hostClass(){return{"spw-scrolltop--visible":this.isVisible,"spw-scrolltop--hide-mobile":this.hideOnMobile}}render(){return i(o,{key:"31d0e6b37e5ab82109cc6af85b6b433771e410ac",class:this.hostClass},i("spw-button",{key:"9d7ae62aba325316f501e68062c5ad78f7eb42f1","is-icon-only":!0,icon:"fa-chevron-up",variant:"primary",size:"medium","acc-aria-label":this.accAriaLabel,onClick:this.scrollToTop}))}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}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{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}
+import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-DAfHVLjA.js";import{d as a}from"./p-2AbKLqDf.js";import{d as r}from"./p-DXd3uPkn.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=300,this.hideOnMobile=!1,this.accAriaLabel="Retour en haut de page",this.useWindow=!0,this.isVisible=!1,this.scrollContainer=null,this.handleScroll=()=>{this.isVisible=this.getScrollTop()>this.threshold},this.scrollToTop=()=>{this.scrollContainer===window?window.scrollTo({top:0,behavior:"smooth"}):this.scrollContainer.scrollTo({top:0,behavior:"smooth"})}}getScrollableParent(t){let e=t.parentElement;for(;e;){const t=getComputedStyle(e).overflowY;if(("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return null}getScrollTop(){return this.scrollContainer===window?window.scrollY:this.scrollContainer.scrollTop}connectedCallback(){requestAnimationFrame((()=>{this.scrollContainer=this.useWindow?window:this.getScrollableParent(this.el)||window,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll()}))}disconnectedCallback(){this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.handleScroll)}get hostClass(){return{"spw-scrolltop--visible":this.isVisible,"spw-scrolltop--hide-mobile":this.hideOnMobile}}render(){return i(o,{key:"9961dd5b7f75d3e61cc4d908623cd84d338a651e",class:this.hostClass},i("spw-button",{key:"77ece2019b7b1a603e90ab7e7ff4754d54e59035","is-icon-only":!0,icon:"fa-chevron-up",variant:"primary",size:"medium","acc-aria-label":this.accAriaLabel,onClick:this.scrollToTop}))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as r}from"./p-DYJNpZeH.js";import{d as a}from"./p-UzhhGIpr.js";import{d as n}from"./p-D25JsirJ.js";import{d as h}from"./p-BY3qZT4B.js";import{d as l}from"./p-B-cQeHXM.js";import{d}from"./p-BPhSJ6Z9.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems: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}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-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),c=p,u=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),p);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-loading":customElements.get(o(e))||h();break;case"spw-text-field":customElements.get(o(e))||l();break;case"spw-tooltip":customElements.get(o(e))||d()}}))};export{c as SpwSearchField,u as defineCustomElement}
+import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as r}from"./p-DlhwYK4n.js";import{d as a}from"./p-B2P8l7B3.js";import{d as n}from"./p-2AbKLqDf.js";import{d as l}from"./p-CnzSr9Im.js";import{d as h}from"./p-DXd3uPkn.js";import{d}from"./p-B43Zutdz.js";import{d as p}from"./p-aWQ1v8BH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems: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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),u=c,w=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-link","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),c);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-link":customElements.get(o(e))||l();break;case"spw-loading":customElements.get(o(e))||h();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||p()}}))};export{u as SpwSearchField,w as defineCustomElement}

package/dist/components/spw-select.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,a as o,t as r}from"./index.js";import{d as n}from"./p-DYJNpZeH.js";import{d as a}from"./p-UzhhGIpr.js";import{d as l}from"./p-D25JsirJ.js";import{d as h}from"./p-BPhSJ6Z9.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",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",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(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)}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"81b442a4a808d22e864b0ae86e596394ed2e4138"},i("div",{key:"ec9981cddfe018e48fd37e891826c2057d6b06b7",class:this.elementClass},this.label&&i("spw-field-label",{key:"ed31b2aea9498dd32a89b3bb67759cfa76620201",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:"0515f6a86938f9df94e35a184501fe1cb1b911ad",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"dcea546070211670b8e1af0b6e97c1564f7e8bd0",class:"spw-select__container"},i("select",{key:"44a6c19e9b485fb11ca13137f339ddf97e3fcd61",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"0126406f9e6b9046c86063eadc283278266f36d6",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"9743ab039baf9d35591681f3767bbee018257d56",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"3779eea44d77795a42eb030dda1af776c5f02b9c",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827",icon:"fa-xmark"})),i("spw-icon",{key:"d9631b9b8f57f3e9184fdca81de6e83fcf5cd343",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"35913f6a392f1f7ec0d2794c5253054df88ee421"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange: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}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-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{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-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[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"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),p=c,d=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(r(e))||customElements.define(r(e),c);break;case"spw-field-label":customElements.get(r(e))||n();break;case"spw-field-message":customElements.get(r(e))||a();break;case"spw-icon":customElements.get(r(e))||l();break;case"spw-tooltip":customElements.get(r(e))||h()}}))};export{p as SpwSelect,d as defineCustomElement}
+import{p as e,H as t,c as s,h as i,a as o,t as a}from"./index.js";import{d as n}from"./p-DlhwYK4n.js";import{d as r}from"./p-B2P8l7B3.js";import{d as l}from"./p-2AbKLqDf.js";import{d as p}from"./p-CnzSr9Im.js";import{d as h}from"./p-aWQ1v8BH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",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.isExpandable=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(this.internalValue||"")+"")}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,i("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,i("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,i("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,i("slot",{name:"details",slot:"details"}))}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"d3ccd489ec86a0b97bdf7b9381c1e7a3cefbb383"},i("div",{key:"91e29a92856e4d43017c146361b6df8793c5b500",class:this.elementClass},this.label&&i("spw-field-label",{key:"49fbc4422c9a03e04fbb3380c621ec7e30fba829",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:"0d1809e1ba89356957828269ba48e0c2023bb9be",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"8699a924cb0f73d5f71518817a4b5fd1b9a561fb",class:"spw-select__container"},i("select",{key:"f46e93c8d2b42d0b128a45ea13e75cb02fcc569e",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"b77f86e33c40a4554fbeb7fa41750e9a8f5275f2",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"b5b1ec5298d28a6d4b3fa140ca0698578a97fa60",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"f4b1eb192835244f4a0c34494c5fbe53c9d69a21",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"2f4dce811cd2ff66f948b62ee1571eb2cfb93e4e",icon:"fa-xmark"})),i("spw-icon",{key:"f08da6debbdaa04458d02c0edb5e0e76c298a440",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"36f5f910750f8d9bea47eba8f52d660e60217f6e"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange: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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{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-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[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"],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),d=c,b=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(a(e))||customElements.define(a(e),c);break;case"spw-field-label":customElements.get(a(e))||n();break;case"spw-field-message":customElements.get(a(e))||r();break;case"spw-icon":customElements.get(a(e))||l();break;case"spw-link":customElements.get(a(e))||p();break;case"spw-tooltip":customElements.get(a(e))||h()}}))};export{d as SpwSelect,b as defineCustomElement}

package/dist/components/spw-separator.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-D0DQUsj1.js";const p=s,r=o;export{p as SpwSeparator,r as defineCustomElement}
+import{S as s,d as o}from"./p-C82UsmH4.js";const m=s,p=o;export{m as SpwSeparator,p as defineCustomElement}

package/dist/components/spw-sidebar-navigation-dropdown.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(),this.open=!1}get classes(){return{"spw-sidebar-navigation-dropdown":!0,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return n(i,{key:"4cbc4e1327c6d5bd3384e0c1e0633323cb1bb5e3",class:this.classes},n("div",{key:"9916cc219a96b22b41e98d54e6cf4960889145d6",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"76c9ae274f1fc689d5ae3b350be900460626ce90"})))}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}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-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}"}},[260,"spw-sidebar-navigation-dropdown",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-dropdown"].forEach((e=>{"spw-sidebar-navigation-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidebarNavigationDropdown,r as defineCustomElement}
+import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.open=!1}get classes(){return{"spw-sidebar-navigation-dropdown":!0,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return n(i,{key:"f5f051303b83e74f1e4bdd31486c536ee7706e65",class:this.classes},n("div",{key:"a9d84ffccc7e181082513ea0cf5b9d342d882862",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"31ef27c97fc453bdb483790278df7f1d569d9a5e"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}"}},[260,"spw-sidebar-navigation-dropdown",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-dropdown"].forEach((e=>{"spw-sidebar-navigation-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidebarNavigationDropdown,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as i,H as t,h as e,t as n}from"./index.js";import{d as o}from"./p-D25JsirJ.js";import{d as a}from"./p-BPhSJ6Z9.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.active=!1,this.disabled=!1,this.iconVariant="fa-regular",this.openOnClick=!1,this.hasDropdown=!1,this.dropdownOpen=!1,this.navExpanded=!1,this.hasActiveChild=!1,this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")},this.handleDropdownToggle=i=>{var t,e;if(i.preventDefault(),i.stopPropagation(),this.disabled)return;const n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(t=n.setAttribute)||void 0===t||t.call(n,"open",""):null===(e=n.removeAttribute)||void 0===e||e.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!0,null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,t;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!e.open,e.open?null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""):null===(t=e.removeAttribute)||void 0===t||t.call(e,"open"),this.dropdownOpen=e.open)}}componentDidLoad(){this.checkForDropdown(),this.setupMutationObserver(),this.checkNavExpanded(),this.setupBodyClassObserver(),this.propagateActiveStateToParents()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.bodyClassObserver&&this.bodyClassObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open"]})}checkForDropdown(){var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==t,this.dropdownOpen=!!t&&(!!t.open||(null===(i=t.hasAttribute)||void 0===i?void 0:i.call(t,"open")))}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()})),this.bodyClassObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}propagateActiveStateToParents(){this.active&&this.activateParentItems();const i=this.el.querySelectorAll("spw-sidebar-navigation-item");Array.from(i).some((i=>!0===i.active||"true"===i.getAttribute("active")))&&(this.hasActiveChild=!0,this.openDropdown())}activateParentItems(){let i=this.el.parentElement;for(;i;){const t=i.closest("spw-sidebar-navigation-item");if(!t||t===this.el)break;{t.hasActiveChild=!0;const e=t.querySelector(":scope > spw-sidebar-navigation-dropdown");e&&(e.open=!0,e.setAttribute("open","")),i=t.parentElement}}}get classes(){return{"spw-sidebar-navigation-item":!0,"spw-sidebar-navigation-item--active":this.active||this.hasActiveChild,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=!this.href||this.disabled||this.openOnClick?"div":"a",t=e("spw-icon",{key:"43b2300705244146b5062f5f366bebe6ed75215d",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"efea63320a42642f1db50501b4f8b20407b84343",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"161ed795c3e9b02f872600a015722cd4a96348af",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),o=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"093c7175e86665f0abd9605b285457f781728ed4",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,e("div",{key:"1ebefc0a2c2720a322ea4f17cef9d6ad57fb3b66",class:"spw-sidebar-navigation-item__content"},e("div",{key:"3ef87e923450741e4de16b9dc0a86389d456d244",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"096cb57b80da603a60e7798c66e007c4519894e8"})),this.hasDropdown&&e("div",{key:"a033beda58807382cacaa33263cbfa19cf1fdd0a",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"0caaf1e1e4bffef7d4ce33be187e002ff12cd740",icon:"fa-chevron-down"})),e("slot",{key:"58fd1757d385d65e498e7db49788ad940e829b6f",name:"dropdown"})))}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}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-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),r=s,d=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}
+import{p as i,H as t,h as e,t as n}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";import{d as a}from"./p-aWQ1v8BH.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.active=!1,this.disabled=!1,this.iconVariant="fa-regular",this.openOnClick=!1,this.hasDropdown=!1,this.dropdownOpen=!1,this.navExpanded=!1,this.hasActiveChild=!1,this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")},this.handleDropdownToggle=i=>{var t,e;if(i.preventDefault(),i.stopPropagation(),this.disabled)return;const n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(t=n.setAttribute)||void 0===t||t.call(n,"open",""):null===(e=n.removeAttribute)||void 0===e||e.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!0,null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,t;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!e.open,e.open?null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""):null===(t=e.removeAttribute)||void 0===t||t.call(e,"open"),this.dropdownOpen=e.open)}}componentDidLoad(){this.checkForDropdown(),this.setupMutationObserver(),this.checkNavExpanded(),this.setupBodyClassObserver(),this.propagateActiveStateToParents()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.bodyClassObserver&&this.bodyClassObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open"]})}checkForDropdown(){var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==t,this.dropdownOpen=!!t&&(!!t.open||(null===(i=t.hasAttribute)||void 0===i?void 0:i.call(t,"open")))}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()})),this.bodyClassObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}propagateActiveStateToParents(){this.active&&this.activateParentItems();const i=this.el.querySelectorAll("spw-sidebar-navigation-item");Array.from(i).some((i=>!0===i.active||"true"===i.getAttribute("active")))&&(this.hasActiveChild=!0,this.openDropdown())}activateParentItems(){let i=this.el.parentElement;for(;i;){const t=i.closest("spw-sidebar-navigation-item");if(!t||t===this.el)break;{t.hasActiveChild=!0;const e=t.querySelector(":scope > spw-sidebar-navigation-dropdown");e&&(e.open=!0,e.setAttribute("open","")),i=t.parentElement}}}get classes(){return{"spw-sidebar-navigation-item":!0,"spw-sidebar-navigation-item--active":this.active||this.hasActiveChild,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=!this.href||this.disabled||this.openOnClick?"div":"a",t=e("spw-icon",{key:"177097c92bb1099f4aae1f9dc32ca27f2052f876",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"b8c15e5c57240031e5fda1feb8cc25bbc7238385",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"ab9eeff993b44168529cdf0f70263714e47b6233",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),o=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"d2dd60756047831a36d8f329160426f76f7f0b76",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,e("div",{key:"2b48bbc0f3c2593440ed2bc7a6d66e4513263c87",class:"spw-sidebar-navigation-item__content"},e("div",{key:"0f94fcb259d394e209db009e5bea466a75f1185b",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"9764e3718053efa0e0a19be13b2e3d02ba67ec77"})),this.hasDropdown&&e("div",{key:"7973abd9d6244b871dc2772a68fc7792c0ab4b88",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"c1ed5e1782e6b6aeb3f233a1eca8c01689c3e462",icon:"fa-chevron-down"})),e("slot",{key:"4210a48e35ccc0d3fe91ddce03dc7890bb0aa3b5",name:"dropdown"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),r=s,d=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}

package/dist/components/spw-sidebar-navigation-separator.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as o}from"./index.js";import{d as s}from"./p-D0DQUsj1.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"1dee77d87290b81ea779dca2e060efb4efded11a"},i("spw-separator",{key:"fd897f1dd7a98518dbee4a52c707e61ff19df33a",class:"spw-sidebar-navigation-separator"}))}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}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-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}"}},[1,"spw-sidebar-navigation-separator"]),r=a,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((e=>{switch(e){case"spw-sidebar-navigation-separator":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-separator":customElements.get(o(e))||s()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}
+import{p as t,H as e,h as i,a as n,t as o}from"./index.js";import{d as a}from"./p-C82UsmH4.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"95fb838c1497c039652cc46e8297d9cb47ad33c0"},i("spw-separator",{key:"aa2a50a9dfc9fe8dbd6665a9bef7c53a6cfb03e2",class:"spw-sidebar-navigation-separator"}))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}"}},[1,"spw-sidebar-navigation-separator"]),r=s,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((t=>{switch(t){case"spw-sidebar-navigation-separator":customElements.get(o(t))||customElements.define(o(t),s);break;case"spw-separator":customElements.get(o(t))||a()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}

package/dist/components/spw-sidebar.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-D25JsirJ.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultExpanded=!1,this.hasTopbar=!1,this.BODY_CLASS="spw-sidebar-expanded",this.toggleSidebar=()=>{this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)},this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")},this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);this.expanded!==e&&(this.expanded=e)}}componentWillLoad(){this.expanded=this.defaultExpanded,this.expanded&&document.body.classList.add(this.BODY_CLASS),this.checkTopbarClass(),this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS),null===(e=this.observer)||void 0===e||e.disconnect()}async open(){this.expanded||(this.expanded=!0,document.body.classList.add(this.BODY_CLASS))}async close(){this.expanded&&(this.expanded=!1,document.body.classList.remove(this.BODY_CLASS))}async toggle(){this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass(),this.checkExpandedState()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":!0,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return s(i,{key:"d87f6ec22d465997dd35de15bfb0adc33504aef4",class:this.hostClass},s("div",{key:"0765e65090d0de00819654fe1213d0de75e3bb75",class:this.elementClass},s("span",{key:"83f56223725927cdd54dfabcf1eb636d0ffe3dfe",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"8c4096b1ce4e7add4feed9655c3a54277e1ee290",icon:"fa-chevron-right"})),s("div",{key:"f82ff2827e30660ef3fb7481c9b020521dc1a977",class:"spw-sidebar__content"},s("slot",{key:"66124790e8cf3e5d85076d1fe2a11284377bf6df",name:"navigation-top"}),s("slot",{key:"441c78b2c9f239830a26c079d128644aebb324aa",name:"navigation-bottom"})),s("div",{key:"1d57ce13cbec20803e9f6020f5d539eb051694b9",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}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}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;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}"}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-icon":customElements.get(o(e))||n()}}))};export{r as SpwSidebar,d as defineCustomElement}
+import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-2AbKLqDf.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultExpanded=!1,this.hasTopbar=!1,this.BODY_CLASS="spw-sidebar-expanded",this.toggleSidebar=()=>{this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)},this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")},this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);this.expanded!==e&&(this.expanded=e)}}componentWillLoad(){this.expanded=this.defaultExpanded,this.expanded&&document.body.classList.add(this.BODY_CLASS),this.checkTopbarClass(),this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS),null===(e=this.observer)||void 0===e||e.disconnect()}async open(){this.expanded||(this.expanded=!0,document.body.classList.add(this.BODY_CLASS))}async close(){this.expanded&&(this.expanded=!1,document.body.classList.remove(this.BODY_CLASS))}async toggle(){this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass(),this.checkExpandedState()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":!0,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return s(i,{key:"0924ab547e2aaf8e73953932fb6b986f13263c8d",class:this.hostClass},s("div",{key:"8211ff2060aa579bdb20fd9e2803fe32a67f9de3",class:this.elementClass},s("span",{key:"00219a4b83343bfb202950532c951bbb62141ecb",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"f7911a3a31f6644b8851e90e2291c6be36b99a7b",icon:"fa-chevron-right"})),s("div",{key:"93e59680bb556e7aadba1b34cdb7b3df19404cad",class:"spw-sidebar__content"},s("slot",{key:"c2b3e5c14df75d656f89c1341ac415d43e9a93c9",name:"navigation-top"}),s("slot",{key:"dd4b7053eae40ee598c9c8cc21bce1126f6c76d5",name:"navigation-bottom"})),s("div",{key:"93c129ace7b4b955ea3694d1139828e2b80db17f",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}"}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-icon":customElements.get(o(e))||n()}}))};export{r as SpwSidebar,d as defineCustomElement}

package/dist/components/spw-sidenav-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwSidenavGroup extends Components.SpwSidenavGroup, HTMLElement {}
+export const SpwSidenavGroup: {
+    prototype: SpwSidenavGroup;
+    new (): SpwSidenavGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-sidenav-group.js

@@ -0,0 +1 @@
+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(),this.open=!1}render(){return n(o,{key:"14c12823f32b2743ed20c831e67bc806046ad52b",class:{"spw-sidenav-group":!0,"spw-sidenav-group--open":this.open}},n("div",{key:"826c7e98f2230308a0332beeee261eaa9847f2a2",class:"spw-sidenav-group__content",style:{display:this.open?"block":"none"}},n("slot",{key:"6e6baa27d08927c42adbc9ccb4c68691c5163c5a"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidenav-group__content{padding-left:30px;position:relative}.spw-sidenav-group__content:before{content:"";position:absolute;top:6px;left:12px;width:1px;height:calc(100% - 12px);background-color:var(--spw-colors-support-grey-grey-300)}'}},[260,"spw-sidenav-group",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidenav-group"].forEach((e=>{"spw-sidenav-group"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwSidenavGroup,r as defineCustomElement}

package/dist/components/spw-sidenav-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwSidenavItem extends Components.SpwSidenavItem, HTMLElement {}
+export const SpwSidenavItem: {
+    prototype: SpwSidenavItem;
+    new (): SpwSidenavItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as i,h as t,a as s,t as n}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.iconVariant="fa-regular",this.active=!1,this.disabled=!1,this.openOnClick=!1,this.hasChildren=!1,this.childrenOpen=!1,this.hasActiveChild=!1,this.handleChevronClick=e=>{e.preventDefault(),e.stopPropagation(),this.disabled||this.toggleGroup()},this.handleLabelClick=e=>{this.disabled?e.preventDefault():this.openOnClick&&this.hasChildren&&(e.preventDefault(),this.toggleGroup())}}componentDidLoad(){this.checkForChildren(),this.checkForActiveDescendants(),this.setupMutationObserver(),this.active&&this.notifyParents()}componentDidUpdate(){this.checkForChildren()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.checkForChildren())),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open","active"]})}checkForChildren(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");this.hasChildren=null!==i,this.childrenOpen=!!i&&(!!i.open||(null===(e=i.hasAttribute)||void 0===e?void 0:e.call(i,"open")))}isActiveItem(e){const i=e.getAttribute("active");return""===i||"true"===i}checkForActiveDescendants(){Array.from(this.el.querySelectorAll("spw-sidenav-item")).filter((e=>this.isActiveItem(e))).length>0&&(this.hasActiveChild=!0,this.openGroup())}notifyParents(){var e,i,t;let s=null===(e=this.el.parentElement)||void 0===e?void 0:e.closest("spw-sidenav-item");for(;s;){s.hasActiveChild=!0;const e=s.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");e&&(e.open=!0,null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""),s.childrenOpen=!0),s=null===(t=s.parentElement)||void 0===t?void 0:t.closest("spw-sidenav-item")}}openGroup(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");i&&(i.open=!0,null===(e=i.setAttribute)||void 0===e||e.call(i,"open",""),this.childrenOpen=!0)}toggleGroup(){var e,i;const t=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");t&&(t.open=!t.open,t.open?null===(e=t.setAttribute)||void 0===e||e.call(t,"open",""):null===(i=t.removeAttribute)||void 0===i||i.call(t,"open"),this.childrenOpen=t.open)}async open(){this.openGroup()}async close(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");i&&(i.open=!1,null===(e=i.removeAttribute)||void 0===e||e.call(i,"open"),this.childrenOpen=!1)}get isLink(){return!!this.href&&!this.disabled&&!this.openOnClick}render(){const e=this.isLink?"a":"button";return t(s,{key:"7ce11484152ad8cd4139bd3493aae972e30789fd"},t("div",{key:"aae075da414f38a73015233033376d1deb53fc51",class:{"spw-sidenav-item":!0,"spw-sidenav-item--active":this.active||this.hasActiveChild,"spw-sidenav-item--disabled":this.disabled,"spw-sidenav-item--has-children":this.hasChildren,"spw-sidenav-item--children-open":this.childrenOpen}},t("div",{key:"4155f5d5b8b58a6a8f2b0c09dbbb48dbf2a31510",class:"spw-sidenav-item__row"},t(e,{key:"8422b15196e1874bfbe1af698bae06efb60d09bb",class:"spw-sidenav-item__label",href:this.isLink?this.href:void 0,disabled:!("button"!==e||!this.disabled)||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasChildren?""+this.childrenOpen:void 0,"aria-current":this.active?"page":void 0,onClick:this.handleLabelClick},this.icon&&t("span",{key:"b53dad8f63925f1ade16e34a10909f3dc8d7230f",class:"spw-sidenav-item__icon"},t("spw-icon",{key:"25b441c95d6a66fba855ca8f726252f74bc91b04",variant:this.iconVariant,icon:this.icon})),t("span",{key:"c1c0557e37cf76445427dcd6b0648cbcb8b68e9a",class:"spw-sidenav-item__text"},t("slot",{key:"c1d9269d0b07e0814588ba20ce0d2fedf3ed4d0c"}))),this.hasChildren&&t("button",{key:"7003cc5fac5b859a6814d9aa2d0bdbcf42d4ab7d",type:"button",class:{"spw-sidenav-item__chevron":!0,"spw-sidenav-item__chevron--open":this.childrenOpen},"aria-label":this.childrenOpen?"Réduire":"Développer",disabled:this.disabled,onClick:this.handleChevronClick},t("spw-icon",{key:"ade031d1c331c21f32513de8354a9a651479d308",icon:"fa-chevron-down"}))),t("slot",{key:"3a03696d3d8c10576f41624c7a28a11407a3f75d",name:"children"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidenav-item{display:block}.spw-sidenav-item+.spw-sidenav-item{margin-top:2px}.spw-sidenav-item__row{display:flex;align-items:flex-start;gap:8px}.spw-sidenav-item__label{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;padding:8px 0;border:none;background:none;text-align:left;cursor:pointer;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-family:inherit}spw-sidenav-group .spw-sidenav-item__label{font-size:16px;padding:6px 0}.spw-sidenav-item__label{text-decoration:none;text-underline-offset:2px;width:100%;transition:color 0.15s ease}.spw-sidenav-item__label:focus-visible{outline-offset:2px;outline:3px solid black;border-radius:4px}.spw-sidenav-item--active>.spw-sidenav-item__row>.spw-sidenav-item__label{color:var(--spw-ds-primary);font-weight:600}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:hover{color:var(--spw-ds-primary)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:active{color:var(--spw-ds-active)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>button.spw-sidenav-item__label:hover{text-decoration:underline}.spw-sidenav-item--disabled>.spw-sidenav-item__row>.spw-sidenav-item__label{cursor:not-allowed;opacity:0.4}.spw-sidenav-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;width:20px}.spw-sidenav-item__text{flex:1;min-width:0}.spw-sidenav-item__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;margin-top:0;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;color:var(--spw-colors-support-grey-grey-900);transition:background-color 0.15s ease, color 0.15s ease}.spw-sidenav-item__chevron spw-icon{font-size:14px;transition:transform 0.2s ease}.spw-sidenav-item__chevron:hover{background-color:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}.spw-sidenav-item__chevron:focus-visible{outline-offset:2px;outline:3px solid black}.spw-sidenav-item__chevron--open spw-icon{transform:rotate(180deg)}.spw-sidenav-item__chevron:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}"}},[260,"spw-sidenav-item",{href:[1],icon:[1],iconVariant:[1,"icon-variant"],active:[4],disabled:[4],openOnClick:[4,"open-on-click"],hasChildren:[32],childrenOpen:[32],hasActiveChild:[32],open:[64],close:[64]}]),d=a,r=function(){"undefined"!=typeof customElements&&["spw-sidenav-item","spw-icon"].forEach((e=>{switch(e){case"spw-sidenav-item":customElements.get(n(e))||customElements.define(n(e),a);break;case"spw-icon":customElements.get(n(e))||o()}}))};export{d as SpwSidenavItem,r as defineCustomElement}

package/dist/components/spw-sidenav.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwSidenav extends Components.SpwSidenav, HTMLElement {}
+export const SpwSidenav: {
+    prototype: SpwSidenav;
+    new (): SpwSidenav;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-sidenav.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}async closeAll(){this.el.querySelectorAll("spw-sidenav-item").forEach((e=>{var t;return null===(t=e.close)||void 0===t?void 0:t.call(e)}))}render(){return n(i,{key:"c248ceeea7443805b4471b20553fe005a71af44d"},n("nav",{key:"32ac7857681d12475f5c09d61d21e9c1c0645a00",class:"spw-sidenav"},n("slot",{key:"0e88515dba47eb47d0db02eb6c7b45fe9e341db9"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidenav{display:flex;flex-direction:column}"}},[257,"spw-sidenav",{closeAll:[64]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidenav"].forEach((e=>{"spw-sidenav"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidenav,r as defineCustomElement}

package/dist/components/spw-skeleton.js

@@ -1 +1 @@
-import{p as e,H as t,h as n,a as s,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.blocks=1,this.variant="lines"}renderLines(){return Array.from({length:this.blocks},((e,t)=>{const s=t===this.blocks-1,i=1===this.blocks;return n("div",{class:{"spw-skeleton__line":!0,"spw-skeleton__line--only":i,"spw-skeleton__line--last":!i&&s,"spw-skeleton__line--even":!s&&t%2==1,"spw-skeleton__line--odd":!s&&t%2==0}})}))}renderText(){return n("div",{class:"spw-skeleton__text"},n("spw-skeleton",{variant:"lines",blocks:5}),n("div",{class:"spw-skeleton__text-block"}),n("spw-skeleton",{variant:"lines",blocks:2}))}renderArticle(){return n("div",{class:"spw-skeleton__article"},n("div",{class:"spw-skeleton__article-image"}),n("spw-skeleton",{variant:"lines",blocks:7}))}renderTextButtons(){return n("div",{class:"spw-skeleton__text-buttons"},n("spw-skeleton",{variant:"lines",blocks:3}),n("div",{class:"spw-skeleton__buttons"},n("div",{class:"spw-skeleton__button"}),n("div",{class:"spw-skeleton__button"})))}renderVariant(){switch(this.variant){case"text":return this.renderText();case"article":return this.renderArticle();case"layout":return this.renderTextButtons();default:return this.renderLines()}}render(){return n(s,{key:"1a2a7877bb1cf309a67fca6d11526e0389075422"},n("div",{key:"7c7404e40acf179766654864d72f0fe7a9f46cae",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"d9d9c36e94781f8cf6d9d8378483a2ea298eeeb2"})))}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}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-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[257,"spw-skeleton",{blocks:[2],variant:[1]}]),r=o,a=function e(){"undefined"!=typeof customElements&&["spw-skeleton","spw-skeleton"].forEach((t=>{switch(t){case"spw-skeleton":customElements.get(i(t))||customElements.define(i(t),o);break;case"spw-skeleton":customElements.get(i(t))||e()}}))};export{r as SpwSkeleton,a as defineCustomElement}
+import{p as e,H as t,h as n,a as s,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.blocks=1,this.variant="lines"}renderLines(){return Array.from({length:this.blocks},((e,t)=>{const s=t===this.blocks-1,i=1===this.blocks;return n("div",{class:{"spw-skeleton__line":!0,"spw-skeleton__line--only":i,"spw-skeleton__line--last":!i&&s,"spw-skeleton__line--even":!s&&t%2==1,"spw-skeleton__line--odd":!s&&t%2==0}})}))}renderText(){return n("div",{class:"spw-skeleton__text"},n("spw-skeleton",{variant:"lines",blocks:5}),n("div",{class:"spw-skeleton__text-block"}),n("spw-skeleton",{variant:"lines",blocks:2}))}renderArticle(){return n("div",{class:"spw-skeleton__article"},n("div",{class:"spw-skeleton__article-image"}),n("spw-skeleton",{variant:"lines",blocks:7}))}renderTextButtons(){return n("div",{class:"spw-skeleton__text-buttons"},n("spw-skeleton",{variant:"lines",blocks:3}),n("div",{class:"spw-skeleton__buttons"},n("div",{class:"spw-skeleton__button"}),n("div",{class:"spw-skeleton__button"})))}renderVariant(){switch(this.variant){case"text":return this.renderText();case"article":return this.renderArticle();case"layout":return this.renderTextButtons();default:return this.renderLines()}}render(){return n(s,{key:"baf6617e7f6f8d16bc09d9ed86ddfb299a23f94a"},n("div",{key:"089813b4d4cdeb5d8e9737ed121df936711a8de6",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"bc44a9531c3922c90137cf8110ebcf80cc6f3f16"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[257,"spw-skeleton",{blocks:[2],variant:[1]}]),r=o,a=function e(){"undefined"!=typeof customElements&&["spw-skeleton","spw-skeleton"].forEach((t=>{switch(t){case"spw-skeleton":customElements.get(i(t))||customElements.define(i(t),o);break;case"spw-skeleton":customElements.get(i(t))||e()}}))};export{r as SpwSkeleton,a as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"0f7c7818721745b47c822cbb24705f76ead32aa7"},i("div",{key:"3ed08a7273dd60661495ff4ee49a8216c220e45f",class:"spw-slider-item"},i("slot",{key:"9e92c52ae08e0f7ca7aaa8aa4c597bc195254199"})))}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}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{position:absolute;top:0;left:0;width:100%;display:block}.spw-slider-item{width:100%;display:block}"}},[257,"spw-slider-item"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-slider-item"].forEach((e=>{"spw-slider-item"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSliderItem,r as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"c1227e735448eaea0fa907b30fcefb1c707be454"},i("div",{key:"276be5b2365d43ae37f11d217a321f0fdddf0f90",class:"spw-slider-item"},i("slot",{key:"594ebb9169c11d0e08debc43f12dce462cbc4ff3"})))}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);letter-spacing:-0.18px}body{margin: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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:absolute;top:0;left:0;width:100%;display:block}.spw-slider-item{width:100%;display:block}"}},[257,"spw-slider-item"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-slider-item"].forEach((e=>{"spw-slider-item"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSliderItem,r as defineCustomElement}