@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

package/dist/components/spw-pagination.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-pZQnbZwX.js";import{d as l}from"./p-CYC9FMY4.js";import{d as r}from"./p-B1SCChor.js";import{d as c}from"./p-CN8ujUL2.js";import{d}from"./p-p1L06Ar7.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(t){this.inputPageValue=""+t}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const t=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>t&&(this.currentPage=t,this.pageChanged.emit(this.currentPage))}async setPage(t){this.goToPage(t)}goToPage(t){t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages&&(this.isDynamic&&(this.currentPage=t),this.pageChanged.emit(t))}handleInputChange(t){const e=t.target.value;this.inputPageValue=e;const i=parseInt(e,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var t,e;const i=this.calculatePageRange(),a=i.filter((({page:t})=>"..."===t)).length,s=a>0&&"..."===(null===(t=i[1])||void 0===t?void 0:t.page),n=a>0&&"..."===(null===(e=i[i.length-2])||void 0===e?void 0:e.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(t){if("Enter"===t.key){const t=parseInt(this.inputPageValue,10);isNaN(t)||this.goToPage(t)}}calculatePageRange(){const t=[],{currentPage:e,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=3){for(let e=1;e<=3;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-2){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-1;i<=e+1;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=4){for(let e=1;e<=4;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-3){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-3;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e+2;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}return t}render(){const t=this.calculatePageRange(),e=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"85f0319e8088c980c62320c056778ba73c96b80e",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"8c8df5f973ddcd66d1d7c960e9cddaf2aaec6ee3",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"3aef97ee962bbf09840c1af18bb4438c9188367f",icon:"fa-chevron-left"})," ",a("span",{key:"1f761b7cdf736fa0f788075a6b435b75a67b2561",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=e&&a("li",{key:"e7e840153f35897bd1458a17ba29ce97413a3f22",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"631741da51e3fe2b3ac577843ae26f783106a56a",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"c271fdc06c852a09d1ebf70f75fd0ddc37aefcca",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"8ee2c4ff3c10222bb9cc92dff64a5b435b7b80ae",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"e689e7b06b9e79f89a94aa70bdafe720f8ff404b",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"24a27ada08f40ed5217ddf79a24f7a82d205b147",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"d3170efae730c447e9100517ac99829f4c8d0d6d",icon:"fa-chevron-left"})," ",a("span",{key:"6439afd931e312691034c7c0a34a4b1008100f05"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"9f35fc017b9b5359bd7d26ca0c36290ad6d03e47",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"5db338674f1091bf93f8cd7726c339eeb4fbe90d",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"af492555a2ce988de5fff52e4aa7029c737cbd7e"},this.nextButtonText)," ",a("spw-icon",{key:"90fc3bd54e12b7ff9864088c73bf60319ac5eeac",icon:"fa-chevron-right"}))),r=a("ul",{key:"0f512587846ec2bdc770cab4c369a95dbc769d93",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"efeaab2312f2da0d10051473dd96d8951140cbb0"},a("div",{key:"a66bc21a26f147d62112a1b7037199dcc820182d",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"da2ac88b193f11dd8140baf963db01f8ddd0961b"},a("ul",{key:"ef08d21640159b5774365de69f36fc3aec3249fd"},i,a("li",{key:"32ba92be38889f7a5bdb3dd0eb2658e4e63e2296",class:"spw-pagination__input"},a("spw-text-field",{key:"9523d6de865b05ad656dfa73b3d2febf02721bd3",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),a("li",{key:"61f715b3128848cfff0dafaab09680956c76347c",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"fd63827945293528c930a2c1ce84a9d39a0ac334"},a("ul",{key:"5c54c14f43196744ad45859f6b27e280ce64d477"},i,t.map((({page:t,class:e})=>"..."===t?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+e},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":t===this.currentPage,[e]:!0}},a("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t)))),o),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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}'}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),m=g,h=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-text-field","spw-tooltip"].forEach((t=>{switch(t){case"spw-pagination":customElements.get(o(t))||customElements.define(o(t),g);break;case"spw-field-label":customElements.get(o(t))||p();break;case"spw-field-message":customElements.get(o(t))||l();break;case"spw-icon":customElements.get(o(t))||r();break;case"spw-text-field":customElements.get(o(t))||c();break;case"spw-tooltip":customElements.get(o(t))||d()}}))};export{m as SpwPagination,h as defineCustomElement}
+import{p as t,H as e,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-BxRsJDtg.js";import{d as l}from"./p-CDlTW4jP.js";import{d as r}from"./p-DiO72wMf.js";import{d as c}from"./p-CANbQKSH.js";import{d}from"./p-DwCnnHgn.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(t){this.inputPageValue=""+t}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const t=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>t&&(this.currentPage=t,this.pageChanged.emit(this.currentPage))}async setPage(t){this.goToPage(t)}goToPage(t){t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages&&(this.isDynamic&&(this.currentPage=t),this.pageChanged.emit(t))}handleInputChange(t){const e=t.target.value;this.inputPageValue=e;const i=parseInt(e,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var t,e;const i=this.calculatePageRange(),a=i.filter((({page:t})=>"..."===t)).length,s=a>0&&"..."===(null===(t=i[1])||void 0===t?void 0:t.page),n=a>0&&"..."===(null===(e=i[i.length-2])||void 0===e?void 0:e.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(t){if("Enter"===t.key){const t=parseInt(this.inputPageValue,10);isNaN(t)||this.goToPage(t)}}calculatePageRange(){const t=[],{currentPage:e,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=3){for(let e=1;e<=3;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-2){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-1;i<=e+1;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=4){for(let e=1;e<=4;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-3){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-3;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e+2;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}return t}render(){const t=this.calculatePageRange(),e=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"81bbf9976205bf4e7e00dc443a0bd7c0fa8767e3",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"ac3093595fe8df4fca18788808bed5f43265421d",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"883f0b404f27388812bc2fe0a7e8080bd8839740",icon:"fa-chevron-left"})," ",a("span",{key:"8370f9ed81b007af371c727e38286715c2759f06",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=e&&a("li",{key:"91c19bb9692d72ae59278a8c10069e36891687ba",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"005c11f84023b26bfa072b96278d66981a172581",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"c5a3aa223501d0b5f8ef72478a11031792ec6c74",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"0e2717d757c9bbfa039e3519eeec4cddbeb7a30c",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"cad96ddc8b7ce4494847d50819a710e8423b76e2",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"eb58ccbcebde64494d173cfc815ca58b1aa09f2c",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"28adf6711c0867478a652984ec5d280f6cec1956",icon:"fa-chevron-left"})," ",a("span",{key:"7dd0b6299d4bdb9b7ffdf483a455250b29d2edf3"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"beedbefcc74281c7c138ed3b219c062e42add226",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"b23b64864a2d88fe065afba97db6987e0b27cabf",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"7e491aae3585b55a5e131536182147461367cb4a"},this.nextButtonText)," ",a("spw-icon",{key:"3663f8b8d468ea35e016b9a024f714045d6cc044",icon:"fa-chevron-right"}))),r=a("ul",{key:"5b9fb8fd38bc24ff95c7e793b79700a9c4347471",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"7b30a2ca7a2615f38f26e187d066ebbd8d2743bc"},a("div",{key:"ab3cb54f386d1cea6644d6756185173ade5957a3",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"d73d4da92e4f2eed38e5a0ebdf225f85fadcf81a"},a("ul",{key:"1304246d8d0ffa022eff82461c7f1a8502519b6d"},i,a("li",{key:"2c122125d26343d31da57408817b4160fd603ada",class:"spw-pagination__input"},a("spw-text-field",{key:"ddcac38ca158072c70d7ee6a3fb55a1d7a7c9fc5",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),a("li",{key:"3abb2833f7193f829444db18829cf4bb5d3db47e",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"fea836d1effbbb3f1275a44ea5d0a27f20441af3"},a("ul",{key:"2fb0bf3ca34b2faf0ac513a32141e319e947ce80"},i,t.map((({page:t,class:e})=>"..."===t?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+e},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":t===this.currentPage,[e]:!0}},a("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t)))),o),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((t=>{switch(t){case"spw-pagination":customElements.get(o(t))||customElements.define(o(t),g);break;case"spw-field-label":customElements.get(o(t))||p();break;case"spw-field-message":customElements.get(o(t))||l();break;case"spw-icon":customElements.get(o(t))||r();break;case"spw-text-field":customElements.get(o(t))||c();break;case"spw-tooltip":customElements.get(o(t))||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 a=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:"b2637f177583afa720663a1c89e38b7d1a8667e9",class:"spw-radio"},r("input",{key:"77851158f40a622ef0031906086e1f617850db41",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:"f83472ca9b2afd64e10a66a1f1bbb007b2dc91ca",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"e9ae0b33d51a10b296ca0ca4893149b0bcc38e55"})),r("div",{key:"780558d378b7f4c198a18912fc9350c675cde012",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:"71a5c47fa598531c18b5d0f8373f393d9a54d415",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display: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}]}]),o=a,n=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{o as SpwRadio,n as defineCustomElement}
+import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const a=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:"18d5ce2bc4b234c5f3cad06c65b36aabd6f37f8c",class:"spw-radio"},r("input",{key:"37df6fc0905717693092ada472882c0a89c20f0a",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:"8cd102075150dff3abe6c59ec00c01cd542c6448",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"ccd17ec1f1053a0bb10f196d26e5b3f61da299a1"})),r("div",{key:"6627017f9e8adfbe9053851648d2b4d47e91e501",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:"573b9b18732a8bad9f0dd1743b731a88fb8a857b",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}]}]),o=a,n=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{o as SpwRadio,n 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--N4W3bqs.js";import{d as a}from"./p-B1SCChor.js";import{d as r}from"./p-hlgutkqg.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:"02214f9d465926e864dd4935798196fb415effee",class:this.hostClass},i("spw-button",{key:"337671dc0906731bb3d838f3298fc76f922c2db5","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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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}
+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-zC_WKoBo.js";import{d as a}from"./p-DiO72wMf.js";import{d as r}from"./p-B1EwYspq.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:"b05c8b007da072435cc705bf9f22513dddecd6f3",class:this.hostClass},i("spw-button",{key:"0418356b70f3818304e7c2ca226ff9c2fcd9a8ee","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}

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-pZQnbZwX.js";import{d as a}from"./p-CYC9FMY4.js";import{d as n}from"./p-B1SCChor.js";import{d as l}from"./p-hlgutkqg.js";import{d as h}from"./p-CN8ujUL2.js";import{d}from"./p-p1L06Ar7.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:"bbdc55b920ac32e2aea0434e20b7a47213325f17",ref:e=>this.hostElement=e,class:this.elementClass},i("spw-text-field",{key:"f68067938a917e19630c8b6701a2652a1bd9e8ff",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:"22e8d1f66bc4f41b256afbc5284ee59f9df32323",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"}),this.isOpen&&!!this.items&&i("div",{key:"e06ac5492108f99460d92773c9b425247a5e9efd",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"a46a5de6dcb78df6551dc35ec70049aecc110d2a"},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:"395226d69badc46ddfe7664ba7faa59af3fc2d59",class:"spw-search-field__loading"},i("spw-loading",{key:"fc2cc9ae2d5014703b67a34f80c126b4ea44b750",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"4f38bdc75316fedbcb996ef96d13507f308f8d47",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&this.viewAllResultsLink&&i("p",{key:"a5aa0bbe2fc5761888c885cfe784a076b8d40487",class:"spw-search-field__view-all"},i("a",{key:"f64f97647489766fdc205932ae97a3c7fa6f5dd9",href:this.viewAllResultsLink},this.viewAllResults," ",i("spw-icon",{key:"3a60bdab88171d3d68fca90b64a5b32a7bb92ff9",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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-BxRsJDtg.js";import{d as a}from"./p-CDlTW4jP.js";import{d as n}from"./p-DiO72wMf.js";import{d as l}from"./p-B1EwYspq.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}

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-pZQnbZwX.js";import{d as a}from"./p-CYC9FMY4.js";import{d as l}from"./p-B1SCChor.js";import{d as h}from"./p-p1L06Ar7.js";const p=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.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)}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error}}render(){return i(o,{key:"8c7a58a3a0312216bd8d17a993099d1328fe5a6b"},i("div",{key:"f3f780753613ae92ba38074183a8d0cabf040864",class:this.elementClass},this.label&&i("spw-field-label",{key:"24eae10e6e1ad23f81cdcb363057356432c918fd",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:"b285c1279d5437e84a78a8dd958129738ff9c26e",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"b6ba159b31ca77a8fe7051c79ba7b9e3f8bfc227",class:"spw-select__container"},i("select",{key:"65d4a0ea61e98d1d316854c40ada4e47d24bb56b",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:"2c4c6df4599e4f070697b6e7fef336f57b725582",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("spw-icon",{key:"96825fece4d3bf0771d4d6ca1df5379ef1bd9b52",class:"spw-select__arrow",icon:"fa-chevron-down"})),!this.items&&i("slot",{key:"0059a77ed0fe3ad6cac1935218f3e1b8ce2210ee"})),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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__arrow{position:absolute;top:50%;transform:translateY(-50%);right:12px;pointer-events:none;color:var(--spw-color-themes-grey-grey-600);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__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"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),c=p,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),p);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{c 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-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}

package/dist/components/spw-separator.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-BcS3VsZ9.js";const p=s,r=o;export{p as SpwSeparator,r as defineCustomElement}
+import{S as s,d as o}from"./p-BkX5Es18.js";const p=s,r=o;export{p 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:"640aa5e1d67cb32afdce0603ad865426bb1a6b15",class:this.classes},n("div",{key:"ef96864ec47e7a4d708d14e05cce0c01d22e1f43",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"49cb9b4aa8c011be84968e5864140d5c8ddbab3e"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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 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:"d69beb71bbf29dca2f27e77ebc08f0a74a8cd2f9",class:this.classes},n("div",{key:"6f733c8b37f72506d374a24afba53b6f8bda8029",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"001c4af4c68959d1afaabe6d3c54b25b1f5443b2"})))}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}

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

@@ -1 +1 @@
-import{p as i,H as e,h as t,t as n}from"./index.js";import{d as o}from"./p-B1SCChor.js";import{d as a}from"./p-p1L06Ar7.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 n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(e=n.setAttribute)||void 0===e||e.call(n,"open",""):null===(t=n.removeAttribute)||void 0===t||t.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const 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:"87015e8ae9e150f775257ce3415d880dba940cf9",variant:this.iconVariant,icon:this.icon}),n=t("div",{key:"f93a64218b6494b52834e95345b2dbe92ad3616e",class:"spw-sidebar-navigation-item__icon"},this.bubble&&t("span",{key:"42906bfcce37c17ab1f8711a924d5a234feda614",class:"spw-sidebar-navigation-item__bubble"},this.bubble),e),o=this.tooltipTitle?t("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return t(i,{key:"9e3eb9fffb4b1499bdef29e004104763ebf55056",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,t("div",{key:"500dff40c0ef6571667dc8cb3be96a834ca216d9",class:"spw-sidebar-navigation-item__content"},t("div",{key:"a9ebb61ed27481ee892148170824402654a2a270",class:"spw-sidebar-navigation-item__content-label"},t("slot",{key:"7385726989771b3181b9879ba1face7460654582"})),this.hasDropdown&&t("div",{key:"a37ee7fd4e71856b1e374fafadd1e75b2597dc8d",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},t("spw-icon",{key:"b25ebafce8ee7fb516f8825eb41817de6946cef1",icon:"fa-chevron-down"})),t("slot",{key:"ed8324111bbbb558fb288cdbe6248d3b25409912",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),r=s,d=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}
+import{p as i,H as t,h as e,t as n}from"./index.js";import{d as a}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 n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(t=n.setAttribute)||void 0===t||t.call(n,"open",""):null===(e=n.removeAttribute)||void 0===e||e.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!0,null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,t;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!e.open,e.open?null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""):null===(t=e.removeAttribute)||void 0===t||t.call(e,"open"),this.dropdownOpen=e.open)}}componentDidLoad(){this.checkForDropdown(),this.setupMutationObserver(),this.checkNavExpanded(),this.setupBodyClassObserver(),this.propagateActiveStateToParents()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.bodyClassObserver&&this.bodyClassObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open"]})}checkForDropdown(){var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==t,this.dropdownOpen=!!t&&(!!t.open||(null===(i=t.hasAttribute)||void 0===i?void 0:i.call(t,"open")))}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()})),this.bodyClassObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}propagateActiveStateToParents(){this.active&&this.activateParentItems();const i=this.el.querySelectorAll("spw-sidebar-navigation-item");Array.from(i).some((i=>!0===i.active||"true"===i.getAttribute("active")))&&(this.hasActiveChild=!0,this.openDropdown())}activateParentItems(){let i=this.el.parentElement;for(;i;){const t=i.closest("spw-sidebar-navigation-item");if(!t||t===this.el)break;{t.hasActiveChild=!0;const e=t.querySelector(":scope > spw-sidebar-navigation-dropdown");e&&(e.open=!0,e.setAttribute("open","")),i=t.parentElement}}}get classes(){return{"spw-sidebar-navigation-item":!0,"spw-sidebar-navigation-item--active":this.active||this.hasActiveChild,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=!this.href||this.disabled||this.openOnClick?"div":"a",t=e("spw-icon",{key:"7e2222f1ebc56df2e21ea505570a0996629ea30b",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"cd18e232bd9caded802bab82875ac96427940958",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"07ba9a398218100d6f3f3e2dcbb204b153d607a7",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),a=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,o={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"2dded95a05074a0b7390fa03d92ddfef7158f86c",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&&a,e("div",{key:"a29556b5e803dfc5dbf3ef8799de5817e96b3016",class:"spw-sidebar-navigation-item__content"},e("div",{key:"ed6ca23fead9c0d16c4803293a8d1a6501f2f6c5",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"3cca452ee652b864f1db48b695c37939e080c438"})),this.hasDropdown&&e("div",{key:"d315c0333584080ff8230a46ac00ca794c66f767",class:o,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"d9cfa65d7453bf20c870d58d1e5c96ce0b71651c",icon:"fa-chevron-down"})),e("slot",{key:"471fa81985d0fdf7b04ecdaf435e81dddd09b87a",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]}]),d=s,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||a();break;case"spw-tooltip":customElements.get(n(i))||o()}}))};export{d as SpwSidebarNavigationItem,r 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-BcS3VsZ9.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"4950cb0e0b54c6590da69a38f32c47936ba1ccd3"},i("spw-separator",{key:"d75edfd5b7a7f8bdbfa16d00ce6d0a8aea300e2c",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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 s}from"./p-BkX5Es18.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"19fa83d65c6cb739063ee5497ea57c7c86d938b3"},i("spw-separator",{key:"a9e1e81d8d38185485b123119bdbedb709865ad9",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=a,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((e=>{switch(e){case"spw-sidebar-navigation-separator":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-separator":customElements.get(o(e))||s()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}

package/dist/components/spw-sidebar.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-B1SCChor.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:"930f06073c4484acf164e707fd8d3ea90bdb4d4f",class:this.hostClass},s("div",{key:"749a9b740553e2e8609562bb3659208c5757596a",class:this.elementClass},s("span",{key:"c53dfb494cfe4660ca598b0026ea16261475cd06",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"cf5e6e5162fe9be433873663cbe9807fe3cfab77",icon:"fa-chevron-right"})),s("div",{key:"4a82c3d26c0d142805c8d259f30fff55982e6faf",class:"spw-sidebar__content"},s("slot",{key:"c06770e45552b1b800e6d62659cbb24a8042f064",name:"navigation-top"}),s("slot",{key:"3bd3738c9bea915013a9fcdabdfe87895e5b899b",name:"navigation-bottom"})),s("div",{key:"969e1b80d600aad1273950883728aca627a046d8",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}'}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-icon":customElements.get(o(e))||n()}}))};export{r as SpwSidebar,d as defineCustomElement}
+import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-DiO72wMf.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:"f0df3f268b787b5ac29047fa58a2e73a2126da85",class:this.hostClass},s("div",{key:"4b4ce2b34006841b5a6b942822f7ea49d0025522",class:this.elementClass},s("span",{key:"3652eeee352c0f4cb4551a121f303f5814b717ff",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"5aa408fa6250f8f74807d4752a354989d3175705",icon:"fa-chevron-right"})),s("div",{key:"e353f1766f1b8bdeeb199f25d298c8f3d3af0da3",class:"spw-sidebar__content"},s("slot",{key:"b60b898ba094322d0c5f966c79a018c49376836a",name:"navigation-top"}),s("slot",{key:"3e943a264ffe3b546e8cbb9ac768a56901cc7f64",name:"navigation-bottom"})),s("div",{key:"930d4e79a049412856454fd3f0e6b8b84a20025e",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:"3acf0c911c34ec645527dfe4151ddb4d6daccf25"},n("div",{key:"ce4907d208ee75c7162a0fe58195a9b4d9095b8a",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"ccd659cce9d41dd54bb7433120689adf0f27ca68"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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:"bdb56ac10d582bfcea5392a300ea0dd9fb06335d"},n("div",{key:"810b470fc53a865dbae39464ac6a731fbfa9a05b",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"d29fb62ebc55fccc3a2b4fc76c996b8cb3be08d1"})))}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]}]),a=o,r=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{a as SpwSkeleton,r 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:"9e65273b68a32451ec023757dd0d85fd978949fd"},i("div",{key:"4e7cf6123e9fbd66ec6a3fe15a808e363213bbce",class:"spw-slider-item"},i("slot",{key:"5ba70318b10a31f18576e74f970b965ccd418575"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{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:"25f3459e0d1756a7767f2516208cd042971a9f31"},i("div",{key:"74ea10bba42bdf12c9b0c35233695617a42e3776",class:"spw-slider-item"},i("slot",{key:"3956d60420ea2f2c2959e1079048fa976b23fc70"})))}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 e,h as i,a as s,t as o}from"./index.js";import{d as n}from"./p-CwkSs-Bb.js";import{d as a}from"./p-B1SCChor.js";const r=t(class extends e{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.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=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 e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");e&&e.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 e,i;this.resizeObserver.observe(t);const s=null===(i=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===i?void 0:i.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 e=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=e,this.totalSlides=this.slides.length,this.slides.forEach(((t,e)=>{t.style.transform=`translateX(${100*e}%)`})),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 e of this.slides){const i=await this.getSlideHeight(e);i>t&&(t=i)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var e,i,s;for(const o of this.slides){const n=null===(i=null===(e=o.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===i?void 0:i.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const e=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");e&&(e.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],e=await this.getSlideHeight(t);e>50?this.currentHeight=e:this.retryHeightCalculation(0)}}async getSlideHeight(t){var e,i;const s=null===(i=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===i?void 0:i.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 e=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(e=t.offsetHeight||t.scrollHeight)}if(e>0)return e}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var e,i;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(i=null===(e=s.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===i?void 0:i.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const e=o.shadowRoot.firstElementChild;e&&(t=e.offsetHeight||e.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){t<0||t>=this.totalSlides||(this.activeIndex=t,this.slides.forEach(((t,e)=>{const i=100*(e-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${i}%)`})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay()))}handleTouchStart(t){this.startX=t.touches[0].clientX,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){this.isDragging&&(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()}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 i(s,{key:"c6863e180b54d0bf5cc26ea1883955c0c0925c1c"},i("div",{key:"43870fa57c6b78af8b21af910bcfe88cdc4e5d59",class:this.elementClass,style:{height:this.currentHeight+"px"}},i("div",{key:"5b8f77a6395743a7eb75800df509a0236168fed3",class:"spw-slider__track"},i("slot",{key:"93e11c5d40f490bc2bfd765391a9936cb8d93141"})),this.showArrows&&i("div",{key:"81594144b0ce15e410b556efea3ed9d6940cf46a",class:"spw-slider__navigation"},i("button",{key:"2b111417fd0f13e322610361220e089d8ea9739e",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},i("spw-icon",{key:"e9ca0e08186926618fdcbe70b26208e710e1abed",icon:"fa-chevron-left"})),i("button",{key:"c6d371f75367f1f6ee706a53262c4a69b81a92ce",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},i("spw-icon",{key:"531ba5452710d9ca05aee9496e35a1fd3520eefb",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&i("div",{key:"1c7e8313e350a54803e6338e222d22b1519b05f8",class:"spw-slider__dots"},Array.from({length:this.totalSlides},((t,e)=>i("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":e===this.activeIndex},onClick:()=>this.handleDotClick(e),"aria-label":"Aller à la slide "+(e+1),"aria-current":e===this.activeIndex?"true":"false"}))))),this.showAutoplayToggle&&i("div",{key:"df5c164e3537c8283352efb329a0d6cb04541b88",class:"spw-slider__autoplay-toggle"},i("spw-checkbox",{key:"1446faf45acb590b47ec613cb02971cc74f93948",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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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__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"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[1,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"]]]),h=r,l=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))||n();break;case"spw-icon":customElements.get(o(t))||a()}}))};export{h as SpwSlider,l as defineCustomElement}
+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-Da63gRqB.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:"1805d82cf65e9b3a182de593cf1032539c23e7e7"},e("div",{key:"dd671240f1ab226c2621e58be8182a5f5e9aeae7",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},e("div",{key:"2fca0f3957edceaaf42c48e02cf0f83ae1eb5774",class:"spw-slider__track"},e("slot",{key:"22c0591c2335165cd586502aa0c8279f7c81962d"})),this.showArrows&&e("div",{key:"497860e091f5a63c90900e880a8e1385bff276be",class:"spw-slider__navigation"},e("button",{key:"7a935561945089600d4a8d0d9ad1d80e215daa9b",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},e("spw-icon",{key:"b18e5cdf255f70bc6ec2209194937f53f4ce2452",icon:"fa-chevron-left"})),e("button",{key:"fa06d5ff7c58562756720433a52507469fbd6109",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:"b28e6ff11502d2a0bc783781f0e699db73482e24",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&e("div",{key:"e69181a3e922309ce8022098f6648926f1330eb9",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:"75b609a431a3bd560002adc6676dae37feaa5853",class:"spw-slider__autoplay-toggle"},e("spw-checkbox",{key:"d62dc7a17a594c50c8430f1e7b58b0a6dc923650",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,l=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,l as defineCustomElement}