@spw-ds/spw-stencil-library 1.10.2 → 1.11.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-BxRsJDtg.js";import{d as l}from"./p-CDlTW4jP.js";import{d as c}from"./p-DiO72wMf.js";import{d as r}from"./p-CANbQKSH.js";import{d}from"./p-DwCnnHgn.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:"36dc0f15f8b60823cc443a93f04007f81d66cfe9",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"b75766afe1e095977ddcc7f998ed9b6f47a8a2f0",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"6e4c64915b7fe928b4e6acad1c0b301f40145a31",icon:"fa-chevron-left"})," ",a("span",{key:"b5c013de788a7bcea5807f664f4a68b552098e7d",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"c49a86b29517227a316e077e6a4da656a0bc87cc",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"b112038f0c94a2744745e8158ab8b2f1d54abdc8",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"08c7b11e91f1d9832451f396c57c0fd997c190dc",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"be0746b0ae46c9c4939d5c6a26cb57ff7eebd195",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"e3aeeec8862cc71cfc4ff77ab0648758ad188aaf",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"2d2111fe350efeab8dd34ac6aec28e8bdbd6c7c4",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"f1fe873974cbf113ebad88186f41378acabbaadc",icon:"fa-chevron-left"})," ",a("span",{key:"7837d571ca38e7a14a7987d236c38e6b47f3840e"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"d953b87791d3ba2c086ec2784d23adaf7fb8a41b",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"89c22edc23642a709575c20b9f5878421d294773",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"eaa497173b02c5fad39ced208b430dbd3d6541cb"},this.nextButtonText)," ",a("spw-icon",{key:"cfa79f87751ed06ae8d7f7f098d6d13efc634eb2",icon:"fa-chevron-right"}))),c=a("ul",{key:"0b5b8a85df6ca8d4e8838315c8687e8bd31c8131",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"2db1c75169cb0e757c339f0eef504a15052fe340"},a("div",{key:"2e28ea032b57f57fc80867dfe33f0d528022a0b0",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"6f99f2845e4e52ce22fad5e3f91de9a47a85d86a"},a("ul",{key:"40db0da6d68bc7c7032683c9daec717fc4298117"},i,a("li",{key:"994f6dee3053efc706ec61f0ef32d18b199ca391",class:"spw-pagination__input"},a("spw-text-field",{key:"76e3bc9ea44e859095c7e97da16fdd190053baa4",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"b3244c1d3ef3ec8d7e67547de457e45c77bea3c0",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),c),"numbers"===this.variant&&a(s,{key:"ac81aab66f2a112a6e596604949e4aa648ddf1c9"},a("ul",{key:"e4fbbdc9c2d63e76448f99213211294e3fcfcf69"},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),c)))}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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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,w=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))||c();break;case"spw-text-field":customElements.get(o(e))||r();break;case"spw-tooltip":customElements.get(o(e))||d()}}))};export{m as SpwPagination,w as defineCustomElement}
+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-CNmnvMAU.js";import{d as l}from"./p-CLCgZYzK.js";import{d as r}from"./p-oVOlDrOp.js";import{d as c}from"./p-lA7JXY3H.js";import{d}from"./p-D2bR89OY.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:"3be58601d099b80bbe2ac8b52d27c961278ddace",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"a155d4c07d063f135232291413299eb228d43574",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"1d57b0eac677bb064710d4e056621358f8f3c8c0",icon:"fa-chevron-left"})," ",a("span",{key:"0dfe8068e94cc52bc3d83420f70784575e9edb69",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"46b1a044e63f3f1a5e01392322de4511f957e8b0",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"24efc6b1b9c3acfc06ec849bbaae55736f73ad70",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"40f524b43fbb5a3dae2ba786ab376cc9a945efa1",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"6a51c07ace8b2e14c81d1573fadb9cb4d5dec4ee",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"f904a9377fe53e18337645f3ff2bb0cfe07d2898",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"715726f155cd8a44cf377381bf8049ada7e055d6",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"2cda6893bbebddeb3ab23bee702a196f676ffeda",icon:"fa-chevron-left"})," ",a("span",{key:"bee785dc1ce752fa1d2002848ddb7c54861e0eb6"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"dc9dea0daf430d08e4148c66169e321b7e8cf561",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"7de0f8e727b10c85d832e77f7c2dcd6550063a06",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"1bd49abc9d644d7b4990fb6ce877964015c4cac6"},this.nextButtonText)," ",a("spw-icon",{key:"b72b4cd2686b1ad437469d816687ea3d2a80d4ec",icon:"fa-chevron-right"}))),r=a("ul",{key:"4444865a9c0b2717b11cd5ff584c6b79131de0be",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"3561ff2dae44020c6b0f09708ca8e64e77f70703"},a("div",{key:"b14002374e4defab6f7283cf59888895913ab900",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"36b5ca0bbf77af904d9901098d92e16951f6df8a"},a("ul",{key:"5c0c9d0d6214d77be59f37e1c5eaeac85c22043b"},i,a("li",{key:"d13588e422f791ff3dc82172548b3c97c3d0ac1b",class:"spw-pagination__input"},a("spw-text-field",{key:"48f88bdb544091ed88c0fa3e5f2c5a4045eedfb9",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"f0ab8531cd57b6d755cd17a14d286e9ab927b983",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"3ac5b728f5ff827615eea3a2b2c4033de0f0258b"},a("ul",{key:"4abef0513bbbad4fe9fd1f99f7e8bf2526352203"},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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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,b=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,b 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:"2bbf6929de882b2466de1da4b6fe39bb10fe1e9f",class:"spw-radio"},r("input",{key:"d4338a307b92f8bf781ca9ae50302b3845e11d20",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:"07180d1f8a47b6c6efef3d1ff6fc03b46837998f",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"92b2fa210c57cbaac042a3d83736d44e7c607db8"})),r("div",{key:"28c213a82490bdd7be665fb9eef690cdb70fab9b",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:"3c27eb7d6c3db828d20907db7881caee032d42c4",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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-colors-dark-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(){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:"1cd5fe52e60b5f0fc8c7b9e1b00bedb3f1ddf482",class:"spw-radio"},r("input",{key:"66251d69eace9d1cdd70a725955cbf5ab6540855",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:"7ae731247f36a3ee6b5d844509027c3055db4f51",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"6a6363aa8d4c7f894a5e6a945111672cb734c837"})),r("div",{key:"33fc90a2322117c2e342e84d0eb51c98359d18c2",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:"853ded62def63d9c6b2c41bf7355d8e6a75c4fb8",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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-colors-dark-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-D4YZDvw0.js";import{d as a}from"./p-DiO72wMf.js";import{d as r}from"./p-DbSA5Qg5.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:"3fa2c61ede0cbe5a0843f4c3a93be1189797489e",class:this.hostClass},i("spw-button",{key:"638f8e5bafcc909cb722a6b9c64ba3ab3a279d00","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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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-D3lAXshq.js";import{d as a}from"./p-oVOlDrOp.js";import{d as r}from"./p-CyuzNTuL.js";const l=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:"118f6893a31cb39af5be1d8bde76e6e8de5ed454",class:this.hostClass},i("spw-button",{key:"e9124387ba2d11c2531e7086901cee7a4be2dc30","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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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]}]),p=l,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),l);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{p 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-BxRsJDtg.js";import{d as a}from"./p-CDlTW4jP.js";import{d as n}from"./p-DiO72wMf.js";import{d as l}from"./p-DbSA5Qg5.js";import{d as h}from"./p-CANbQKSH.js";import{d}from"./p-DwCnnHgn.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.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,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.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.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.searchText="",this.value="",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:"51599b513c0178d6983a723ca882c89740d61d3a",ref:e=>this.hostElement=e,class:this.elementClass},i("spw-text-field",{key:"807e9c9a3a64561fd1f60d5b35e3823b8ff59a25",placeholder:this.placeholder,name:this.name,label:this.label,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"01fff64f62b2a3334852aa0e3ff28a49602e6cd8",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"}),this.isOpen&&!!this.items&&i("div",{key:"73de738b0b2c208a91c8cb14dac96038f0242184",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"18210a13ef860aad3e19d07a3f438adff217c91f"},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:"054b14de7652da86f93a7fa536f7595b60e39ba7",class:"spw-search-field__loading"},i("spw-loading",{key:"633ebf0e27133b1f2edd3b6f2099dc775f7f3877",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"88bdf945ca70bc298f21b1c05cb144ca92b6b7c1",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&this.viewAllResultsLink&&i("p",{key:"e238b73c101a59253b839012a99eca8379156a6a",class:"spw-search-field__view-all"},i("a",{key:"12a7a84f24c2a53b595dda394f611ce95bbb0519",href:this.viewAllResultsLink},this.viewAllResults," ",i("spw-icon",{key:"7679c58fac57e43cd18684da8d545ad6896de1d6",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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__category{font-style:italic}.spw-search-field__submit{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;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"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],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))||l();break;case"spw-text-field":customElements.get(o(e))||h();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-CNmnvMAU.js";import{d as a}from"./p-CLCgZYzK.js";import{d as n}from"./p-oVOlDrOp.js";import{d as l}from"./p-CyuzNTuL.js";import{d as h}from"./p-lA7JXY3H.js";import{d}from"./p-D2bR89OY.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.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:"076b7ca803432ab6fdc57df341cd9abb9d0746e8",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"32933e534c615bbde3ba37b143671eee73ba3142",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:"8ff899f01a391d50d02fa819ca0bc878de9c768b",class:"spw-search-field__container"},i("spw-text-field",{key:"e830cecde53e76169008c8dc7b56fb01f6bff559",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:"016e6095352a366eae19838bf5feb35d5cbd6f70",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"1a4e5e67653ea0f7dc07b5117ff476ddfa1cc7ee",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"f95f895b631f09a8efc3598d8143972c546c119f"},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:"63f2c76aa53c4f844be0c26f370c67bdb4fb7fda",class:"spw-search-field__loading"},i("spw-loading",{key:"c3632d6cd30b4ab090c2ca2ab35d1db0d2d24dd4",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"0fb0c74396d607b923a42e3b0dba92e068a35274",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"337e629631228c1ebe3310d3fdf88955e76a075b",class:"spw-search-field__view-all"},i("a",{key:"6494019b819efefa1959d9590a82c8a675006afb",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"24c124d0d2b378e233474cb97da05b54020b96f8",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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))||l();break;case"spw-text-field":customElements.get(o(e))||h();break;case"spw-tooltip":customElements.get(o(e))||d()}}))};export{c as SpwSearchField,u 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 n}from"./index.js";import{d as r}from"./p-BxRsJDtg.js";import{d as a}from"./p-CDlTW4jP.js";import{d as l}from"./p-DiO72wMf.js";import{d as c}from"./p-DwCnnHgn.js";const h=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:"abde63912926aa834fc9de6b0f7dcc14ed9fbaa1"},i("div",{key:"6e2976ff523f20413aa138d94e1004319e63b811",class:this.elementClass},this.label&&i("spw-field-label",{key:"30ace5cacbeafb7af7cbdf7c05c5c9dd19186661",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:"1499168bcf3804b168b18701367a9fb89108203e",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"0998ae98ed592bb690406a53653def7a2964a0fa",class:"spw-select__container"},i("select",{key:"29a37ddf4a6994d44be798240e8c2629d4565a70",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:"e10d3495c23886b9c1f0e66d3fd9c34e0cced9bf",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"f0c5f6472de27ec317e7f196f6854bf93bba24d5",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"b00a8b3c3608f1c49b16cc98621db31c810cc11f",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"173d104c6970a202f47ec5ab19ef7f3b7ef955c0",icon:"fa-xmark"})),i("spw-icon",{key:"74f9fe0254863dcc7412876bf6d438e369201f62",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"691bdb485a22b69a8513750983187bb073462b95"})),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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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=h,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(n(e))||customElements.define(n(e),h);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||a();break;case"spw-icon":customElements.get(n(e))||l();break;case"spw-tooltip":customElements.get(n(e))||c()}}))};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 n}from"./index.js";import{d as r}from"./p-CNmnvMAU.js";import{d as a}from"./p-CLCgZYzK.js";import{d as l}from"./p-oVOlDrOp.js";import{d as h}from"./p-D2bR89OY.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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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(n(e))||customElements.define(n(e),c);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||a();break;case"spw-icon":customElements.get(n(e))||l();break;case"spw-tooltip":customElements.get(n(e))||h()}}))};export{p as SpwSelect,d as defineCustomElement}

package/dist/components/spw-separator.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CMLl0RMI.js";const p=o,r=s;export{p as SpwSeparator,r as defineCustomElement}
+import{S as o,d as p}from"./p-BNVh4npd.js";const s=o,r=p;export{s as SpwSeparator,r 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 a=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:"fcac5acb2efdfcac5e8fc4bb9f1a0648de77391f",class:this.classes},n("div",{key:"a307ff7eb4021a513806623a33f6c8df4bdbcf51",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"d7b52653800f167ccc3e6e7667daee3bbc12ad17"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-dropdown"].forEach((e=>{"spw-sidebar-navigation-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{s 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:"4e08216cc72964348aa37ff6a12fa66a2e823dc7",class:this.classes},n("div",{key:"fcd994a704e190786a58ed8629257f78627dd56c",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"0f6f87b0fb03bc4d1d5140c557c4c0e3e4857544"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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 a}from"./index.js";import{d as n}from"./p-DiO72wMf.js";import{d as o}from"./p-DwCnnHgn.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 a=this.el.querySelector("spw-sidebar-navigation-dropdown");a&&(a.open=!a.open,a.open?null===(t=a.setAttribute)||void 0===t||t.call(a,"open",""):null===(e=a.removeAttribute)||void 0===e||e.call(a,"open"),this.dropdownOpen=a.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:"8a4cd2e5abf76a00183844fef171073693e16e0a",variant:this.iconVariant,icon:this.icon}),a=e("div",{key:"24d48c006acc3bf199addfefb7a95d5276b5d8ac",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"cc4e6520ca78624a1d60c12660a47d5350288724",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),n=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},a):a,o={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"fd2edc0a6c89ae6920909d3082ad508fc9e8ba13",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&&n,e("div",{key:"51af41cf64cd313641d386fb874455957b5405b8",class:"spw-sidebar-navigation-item__content"},e("div",{key:"5cf23700d94945c731b461334a48498d1ddc4981",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"8ae9ebead4406250c548de03252a83b9e16e3ab7"})),this.hasDropdown&&e("div",{key:"d41774ae2f5c1ab247a5235aa9bbd394b1bb7d93",class:o,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"2f0cc2e24a174a69cf893f870e993d3f1ace7a21",icon:"fa-chevron-down"})),e("slot",{key:"0005a05a864e688af9c3652aa8453fbae6b9d546",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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(a(i))||customElements.define(a(i),s);break;case"spw-icon":customElements.get(a(i))||n();break;case"spw-tooltip":customElements.get(a(i))||o()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}
+import{p as i,H as e,h as t,t as a}from"./index.js";import{d as n}from"./p-oVOlDrOp.js";import{d as o}from"./p-D2bR89OY.js";const s=i(class extends e{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 e,t;if(i.preventDefault(),i.stopPropagation(),this.disabled)return;const a=this.el.querySelector("spw-sidebar-navigation-dropdown");a&&(a.open=!a.open,a.open?null===(e=a.setAttribute)||void 0===e||e.call(a,"open",""):null===(t=a.removeAttribute)||void 0===t||t.call(a,"open"),this.dropdownOpen=a.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 e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!0,null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,e;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!t.open,t.open?null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""):null===(e=t.removeAttribute)||void 0===e||e.call(t,"open"),this.dropdownOpen=t.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 e=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==e,this.dropdownOpen=!!e&&(!!e.open||(null===(i=e.hasAttribute)||void 0===i?void 0:i.call(e,"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 e=i.closest("spw-sidebar-navigation-item");if(!e||e===this.el)break;{e.hasActiveChild=!0;const t=e.querySelector(":scope > spw-sidebar-navigation-dropdown");t&&(t.open=!0,t.setAttribute("open","")),i=e.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",e=t("spw-icon",{key:"4e429bdabcf50ea0f1de574908241f5e8cbfb4a5",variant:this.iconVariant,icon:this.icon}),a=t("div",{key:"9a426daba6b369769ae02761344b7d17cddde591",class:"spw-sidebar-navigation-item__icon"},this.bubble&&t("span",{key:"c5a465e61e51e0d92f0b71092351763fa8f89c32",class:"spw-sidebar-navigation-item__bubble"},this.bubble),e),n=this.tooltipTitle?t("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},a):a,o={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return t(i,{key:"a571fe5374963999bca79dc4190a0ea88fe0951f",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&&n,t("div",{key:"e5fbdcaee4a0095ac962ddb5cac6e5dd9e11c382",class:"spw-sidebar-navigation-item__content"},t("div",{key:"ee61f90d419672159fc5ce7c7f26d0b9ab8ee5ab",class:"spw-sidebar-navigation-item__content-label"},t("slot",{key:"6a17d7d4d6227d89354a7c994219264942c5e69a"})),this.hasDropdown&&t("div",{key:"526958d3c15f97b7dd76a27989849bd55a17ae5e",class:o,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},t("spw-icon",{key:"dbb8e13fae5b23a0b1cea9b0311cfb1e28049c0e",icon:"fa-chevron-down"})),t("slot",{key:"5a5d30dbcf2d0bbc1da2116a11be376615e066d5",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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(a(i))||customElements.define(a(i),s);break;case"spw-icon":customElements.get(a(i))||n();break;case"spw-tooltip":customElements.get(a(i))||o()}}))};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 a}from"./p-CMLl0RMI.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"d4b58d39391ee7e32a2e2e9e69ab4b9dc55c298b"},i("spw-separator",{key:"b8ee91913f9da7b9c321369f9dd66dd4bac21ab0",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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((e=>{switch(e){case"spw-sidebar-navigation-separator":customElements.get(o(e))||customElements.define(o(e),s);break;case"spw-separator":customElements.get(o(e))||a()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as o}from"./index.js";import{d as a}from"./p-BNVh4npd.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"9d1664101ce3ca34da06c4ebaad40865189e067b"},i("spw-separator",{key:"81d9f0715dddd13b7c6826230841850a975132bc",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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((e=>{switch(e){case"spw-sidebar-navigation-separator":customElements.get(o(e))||customElements.define(o(e),s);break;case"spw-separator":customElements.get(o(e))||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 a}from"./p-DiO72wMf.js";const n=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:"9e64bec120686c1144bd67d4a8f8898dd8271633",class:this.hostClass},s("div",{key:"0a30b02e34595aa0d4aeb5a920b369175accd504",class:this.elementClass},s("span",{key:"adf1d7c2e168e2321205fc4cf796fcf3925a90eb",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"ae98f91f8f6fcc25a63f626dac3a72ae858ff04f",icon:"fa-chevron-right"})),s("div",{key:"278cd57707fb5a423944049c67568a1094310b2a",class:"spw-sidebar__content"},s("slot",{key:"27c4602aa0c74fe4349c4fee842733971f3f396a",name:"navigation-top"}),s("slot",{key:"72318ea54e945990a15dd02273db1e6379e39105",name:"navigation-bottom"})),s("div",{key:"3cdf615aefc8411f521a3de7984b6e38418fae81",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;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=n,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),n);break;case"spw-icon":customElements.get(o(e))||a()}}))};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-oVOlDrOp.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:"72a2f89a98e5cbc00503e069868ae36cf0240bc3",class:this.hostClass},s("div",{key:"463a912062098bf740ad9a84f9b74189ac93db90",class:this.elementClass},s("span",{key:"9780e3d315a4db368cc72212e28b4dce59bf985a",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"7ba5560ce536fa666e33bf4ebf6bd8984bd1b92f",icon:"fa-chevron-right"})),s("div",{key:"5cab2c94c2e88a2f6e0c5760c0476452269ee10b",class:"spw-sidebar__content"},s("slot",{key:"76befd343e9630d637caa7e1efbab66f91c4f6f3",name:"navigation-top"}),s("slot",{key:"1ba0460ed74fc397a246ab23150f550c36073233",name:"navigation-bottom"})),s("div",{key:"7423dc45bf425e186f974d51fca35366ca4275f6",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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;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-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:"2b2f6c5a22ca9b00976624fd147d247c14dbed6e"},n("div",{key:"c69e6e6bffd42e411e4d19ec83950abe0dbae16c",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"5d461754078fc92aeb69013d30de5ea6f8b0b6c4"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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:"0f7e8f178a55f0eb163952a108dbe34a231957bb"},n("div",{key:"a0d1377d8102b3fc27d6a84f475394ecd9e850dc",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"2de8c01eea2551f136521a63502c7083403fe01f"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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:"e1429ab5f8c87eb132e76389c3c2b6911e621a12"},i("div",{key:"373b094c2200429fbb0113280ae1c213c358ffaf",class:"spw-slider-item"},i("slot",{key:"dfe862bd7bf786620761b915fd655d5c98bec8ad"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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:"df17886d293207dae93f660b3ecae2dab64e2672"},i("div",{key:"ad894ae2adfb7b4bae3849a71716b436d3b4399b",class:"spw-slider-item"},i("slot",{key:"32ccf7e4b71f875f410de75dc9a4f83523c5f755"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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}

package/dist/components/spw-slider.js

@@ -1 +1 @@
-import{p as t,H as i,h as e,a as s,t as o}from"./index.js";import{d as a}from"./p-D8N138f1.js";import{d as n}from"./p-DiO72wMf.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1)},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1)},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0)}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const a=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==a?void 0:a.tagName.toLowerCase())){const i=null===(s=a.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const a=s.offsetHeight||s.scrollHeight;a>50?this.currentHeight=a:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t){t<0||t>=this.totalSlides||(this.activeIndex=t,this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay()))}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0}}render(){return e(s,{key:"5aaba106eb8b7100708d45f52ab5d4430c6227d1"},e("div",{key:"54e2a013cf234e746913b9d200374a400842a35d",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},e("div",{key:"e2bda3bdeb564d8207253aca82c404f20b6311af",class:"spw-slider__track"},e("slot",{key:"e2b35a33a2b256e26ecfd9089c707bdcd1e1540d"})),this.showArrows&&e("div",{key:"07ec3db826d7e3da97b7124ed67e27d12c4f0581",class:"spw-slider__navigation"},e("button",{key:"04cf484ffa1f8cf6408ad3bbabaa8d291a7dd622",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},e("spw-icon",{key:"e20315abc17e812b10f2364715ce0866219d0b54",icon:"fa-chevron-left"})),e("button",{key:"42e92676fe778c9dc5e310c2f63d4cd5cb5a6afa",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},e("spw-icon",{key:"18e08c6c7122cf2d04100866611ab321fb403842",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&e("div",{key:"a48d6f81da1884aaff89ef89625719c5ddd0776c",class:"spw-slider__dots"},Array.from({length:this.totalSlides},((t,i)=>e("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Aller à la slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))),this.showAutoplayToggle&&e("div",{key:"2fd9bcb900d782e7885c8c5da1d3741de9c665e2",class:"spw-slider__autoplay-toggle"},e("spw-checkbox",{key:"f47b60d2ca6cffc8f75436b0808276664607b4ba",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}'}},[257,"spw-slider",{showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showAutoplayToggle:[4,"show-autoplay-toggle"],autoplayInterval:[2,"autoplay-interval"],autoplayEnabled:[4,"autoplay-enabled"],autoplayText:[1,"autoplay-text"],arrowsPosition:[1,"arrows-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),h=r,d=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(o(t))||customElements.define(o(t),r);break;case"spw-checkbox":customElements.get(o(t))||a();break;case"spw-icon":customElements.get(o(t))||n()}}))};export{h as SpwSlider,d as defineCustomElement}
+import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{d as a}from"./p-w411zfAm.js";import{d as r}from"./p-oVOlDrOp.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwSliderChange=e(this,"spwSliderChange",7),this.spwSliderNext=e(this,"spwSliderNext",7),this.spwSliderPrevious=e(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const n=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=s.offsetHeight||s.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const e=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:e}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0}}render(){return s(o,{key:"abf01413788f9dd90d581dfbbc59b5c904890e25"},s("div",{key:"749ffdf945277e2462cb3925ea1bb0d69b3221a6",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"9062f815c35a83e5691e153c5767d662a0e807e3",class:"spw-slider__track"},s("slot",{key:"b3469f67963fec6bdb208423dcc63be8ef53cd0a"})),this.showArrows&&s("div",{key:"4d25f8cf56edbdb9bcf59aec8386d6900a960d04",class:"spw-slider__navigation"},s("button",{key:"0524e356e557221dfaaffafdaab09206a5506e7a",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"02bd61dbfa49e3d243bddd6713e760f679d0e136",icon:"fa-chevron-left"})),s("button",{key:"981037fcfaa7d6f750be1240f4bdf117a304036e",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"6c5f8dc8da391f4d423ad1b258dbb9f70f6c3da2",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&s("div",{key:"54027cdf4b6bc1468b4c4be1da2aeac0933cfbf7",class:"spw-slider__dots"},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Aller à la slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))),this.showAutoplayToggle&&s("div",{key:"8c942c9464d2c2c56bfc373598705a8f1deb89a9",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"7b5bf5926021a941c6c846046efceff88e6b3580",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}'}},[257,"spw-slider",{showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showAutoplayToggle:[4,"show-autoplay-toggle"],autoplayInterval:[2,"autoplay-interval"],autoplayEnabled:[4,"autoplay-enabled"],autoplayText:[1,"autoplay-text"],arrowsPosition:[1,"arrows-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),d=h,l=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-checkbox":customElements.get(n(t))||a();break;case"spw-icon":customElements.get(n(t))||r()}}))};export{d as SpwSlider,l as defineCustomElement}