@spw-ds/spw-stencil-library 1.13.0 → 1.14.1

package/dist/components/spw-pagination.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-C-SfAoHb.js";import{d as l}from"./p-DaQA1Uox.js";import{d as r}from"./p-BFQBddHX.js";import{d}from"./p-CS0Zu1wB.js";import{d as c}from"./p-CCD4GNGP.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(e){this.inputPageValue=""+e}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const e=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>e&&(this.currentPage=e,this.pageChanged.emit(this.currentPage))}async setPage(e){this.goToPage(e)}goToPage(e){e!==this.currentPage&&!this.isDisabled&&e>=1&&e<=this.totalPages&&(this.isDynamic&&(this.currentPage=e),this.pageChanged.emit(e))}handleInputChange(e){const t=e.target.value;this.inputPageValue=t;const i=parseInt(t,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var e,t;const i=this.calculatePageRange(),a=i.filter((({page:e})=>"..."===e)).length,s=a>0&&"..."===(null===(e=i[1])||void 0===e?void 0:e.page),n=a>0&&"..."===(null===(t=i[i.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(e){if("Enter"===e.key){const e=parseInt(this.inputPageValue,10);isNaN(e)||this.goToPage(e)}}calculatePageRange(){const e=[],{currentPage:t,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-2){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-2;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-1;i<=t+1;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-3){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-3;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-2;i<=t+2;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}return e}render(){const e=this.calculatePageRange(),t=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"dcd1498e29ee3fb0a7aacfcf837cf779941390c0",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"b15634e85c1082de7220d634d703583cfe000cc0",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"e15c7fd09d198cced97501c8eeac814e6c72e45e",icon:"fa-chevron-left"})," ",a("span",{key:"417047243b0821163a0e107fb5f810c60758a899",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"dfad6e553a19c22f6f7ecca0a0c0b41a190370a9",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"278d707a4394e2225cf6c9bf50ae1146b54914fd",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"47b58d5f383d2aee5335ce3e3520593ae6b8fdc1",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"aaeb333a63ce999845ff481283d65d359b498626",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"67d470dd7ec978d778bf9501f7ff4f0d53e8fd74",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"1ef874caef38ad58bfef892f7ff3d3c6a92f1e13",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"615092ac9a6fd45d24fba1625ff16f5ab83bcd08",icon:"fa-chevron-left"})," ",a("span",{key:"68890a0dc95b5356e08002ecd2e8917f024ea2dd"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"183cf1b1d5d6a92f7738674e3d2e9cb7f060af57",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"7dfbc497fa94d90984af376e5e20a46621ef4402"},this.nextButtonText)," ",a("spw-icon",{key:"0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9",icon:"fa-chevron-right"}))),r=a("ul",{key:"bb0d46915afe5a30ed9751d858a7046a026d0ff4",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"044cde627233453d74e4a55bfea69d8199513b72"},a("div",{key:"7e49988f7e2331a3b986cb9644fb51b5e3e25997",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"721f2508e7980a7d017d57bd35571bea3d7e7478"},a("ul",{key:"ed8562aa281db341405e2d7a7374e1890e63ae16"},i,a("li",{key:"0f0a0a41bc898e82c1293d59892a2278de1f3e2a",class:"spw-pagination__input"},a("spw-text-field",{key:"09eb4b0c43e1bc8b0d598d5144bf8defcf772f4b",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"638c548a6d33678719f9c9543eb3b99a9b52a7d9",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"a88d47012d933c68cb648223cf0e2de3e0b4b1e5"},a("ul",{key:"88d35c75e74693c3cefc806a9592bbf96103add8"},i,e.map((({page:e,class:t})=>"..."===e?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+t},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":e===this.currentPage,[t]:!0}},a("button",{onClick:()=>this.goToPage(e),disabled:e===this.currentPage},e)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),m=g,w=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-pagination":customElements.get(o(e))||customElements.define(o(e),g);break;case"spw-field-label":customElements.get(o(e))||p();break;case"spw-field-message":customElements.get(o(e))||l();break;case"spw-icon":customElements.get(o(e))||r();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||c()}}))};export{m as SpwPagination,w as defineCustomElement}
+import{p as e,H as t,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-8xeU5Cgf.js";import{d as l}from"./p-BfL5TYdu.js";import{d as r}from"./p-D25JsirJ.js";import{d}from"./p-iaJkP4uN.js";import{d as c}from"./p-CbTDFlzJ.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(e){this.inputPageValue=""+e}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const e=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>e&&(this.currentPage=e,this.pageChanged.emit(this.currentPage))}async setPage(e){this.goToPage(e)}goToPage(e){e!==this.currentPage&&!this.isDisabled&&e>=1&&e<=this.totalPages&&(this.isDynamic&&(this.currentPage=e),this.pageChanged.emit(e))}handleInputChange(e){const t=e.target.value;this.inputPageValue=t;const i=parseInt(t,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var e,t;const i=this.calculatePageRange(),a=i.filter((({page:e})=>"..."===e)).length,s=a>0&&"..."===(null===(e=i[1])||void 0===e?void 0:e.page),n=a>0&&"..."===(null===(t=i[i.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(e){if("Enter"===e.key){const e=parseInt(this.inputPageValue,10);isNaN(e)||this.goToPage(e)}}calculatePageRange(){const e=[],{currentPage:t,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-2){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-2;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-1;i<=t+1;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-3){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-3;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-2;i<=t+2;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}return e}render(){const e=this.calculatePageRange(),t=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"dcd1498e29ee3fb0a7aacfcf837cf779941390c0",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"b15634e85c1082de7220d634d703583cfe000cc0",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"e15c7fd09d198cced97501c8eeac814e6c72e45e",icon:"fa-chevron-left"})," ",a("span",{key:"417047243b0821163a0e107fb5f810c60758a899",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"dfad6e553a19c22f6f7ecca0a0c0b41a190370a9",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"278d707a4394e2225cf6c9bf50ae1146b54914fd",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"47b58d5f383d2aee5335ce3e3520593ae6b8fdc1",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"aaeb333a63ce999845ff481283d65d359b498626",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"67d470dd7ec978d778bf9501f7ff4f0d53e8fd74",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"1ef874caef38ad58bfef892f7ff3d3c6a92f1e13",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"615092ac9a6fd45d24fba1625ff16f5ab83bcd08",icon:"fa-chevron-left"})," ",a("span",{key:"68890a0dc95b5356e08002ecd2e8917f024ea2dd"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"183cf1b1d5d6a92f7738674e3d2e9cb7f060af57",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"7dfbc497fa94d90984af376e5e20a46621ef4402"},this.nextButtonText)," ",a("spw-icon",{key:"0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9",icon:"fa-chevron-right"}))),r=a("ul",{key:"bb0d46915afe5a30ed9751d858a7046a026d0ff4",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"044cde627233453d74e4a55bfea69d8199513b72"},a("div",{key:"7e49988f7e2331a3b986cb9644fb51b5e3e25997",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"721f2508e7980a7d017d57bd35571bea3d7e7478"},a("ul",{key:"ed8562aa281db341405e2d7a7374e1890e63ae16"},i,a("li",{key:"0f0a0a41bc898e82c1293d59892a2278de1f3e2a",class:"spw-pagination__input"},a("spw-text-field",{key:"09eb4b0c43e1bc8b0d598d5144bf8defcf772f4b",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"638c548a6d33678719f9c9543eb3b99a9b52a7d9",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"a88d47012d933c68cb648223cf0e2de3e0b4b1e5"},a("ul",{key:"88d35c75e74693c3cefc806a9592bbf96103add8"},i,e.map((({page:e,class:t})=>"..."===e?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+t},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":e===this.currentPage,[t]:!0}},a("button",{onClick:()=>this.goToPage(e),disabled:e===this.currentPage},e)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),m=g,w=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-pagination":customElements.get(o(e))||customElements.define(o(e),g);break;case"spw-field-label":customElements.get(o(e))||p();break;case"spw-field-message":customElements.get(o(e))||l();break;case"spw-icon":customElements.get(o(e))||r();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||c()}}))};export{m as SpwPagination,w as defineCustomElement}

package/dist/components/spw-radio.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){const e=this.el.closest("form");e&&Array.from(e.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"a781adf38f9770b007e32e827af954e56a30c7f2",class:"spw-radio"},r("input",{key:"8a69300ce3b900c0ee7ea36253cf7ec816f70398",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:"8c06d8b2581204f2ddbdbd1440694052039498a0",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"9434b6826bc54470f91e5529acf6150348b8b437"})),r("div",{key:"34ce75e3e5ef4bfbc3893d77fa585ad952770275",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:"16d4f2247dd961d5d9f5c9dfccc600dab309548d",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}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-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,n=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a 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 o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){const e=this.el.closest("form");e&&Array.from(e.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"a781adf38f9770b007e32e827af954e56a30c7f2",class:"spw-radio"},r("input",{key:"8a69300ce3b900c0ee7ea36253cf7ec816f70398",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:"8c06d8b2581204f2ddbdbd1440694052039498a0",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"9434b6826bc54470f91e5529acf6150348b8b437"})),r("div",{key:"34ce75e3e5ef4bfbc3893d77fa585ad952770275",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:"16d4f2247dd961d5d9f5c9dfccc600dab309548d",class:"spw-radio__circle"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,n=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a 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-DHDV077L.js";import{d as a}from"./p-BFQBddHX.js";import{d as r}from"./p-DTKl5Oaz.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:"a9133326637d4aa8f58f2970407dbd59ea168791",class:this.hostClass},i("spw-button",{key:"13f119dd0ae45ac9f50ec52020b4555405931fa4","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}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}
+import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-DuzJJVyM.js";import{d as a}from"./p-D25JsirJ.js";import{d as r}from"./p-BkY5jJ3g.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:"a9133326637d4aa8f58f2970407dbd59ea168791",class:this.hostClass},i("spw-button",{key:"13f119dd0ae45ac9f50ec52020b4555405931fa4","is-icon-only":!0,icon:"fa-chevron-up",variant:"primary",size:"medium","acc-aria-label":this.accAriaLabel,onClick:this.scrollToTop}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}

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-C-SfAoHb.js";import{d as a}from"./p-DaQA1Uox.js";import{d as n}from"./p-BFQBddHX.js";import{d as l}from"./p-DTKl5Oaz.js";import{d as h}from"./p-CS0Zu1wB.js";import{d}from"./p-CCD4GNGP.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),c=p,u=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),p);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-loading":customElements.get(o(e))||l();break;case"spw-text-field":customElements.get(o(e))||h();break;case"spw-tooltip":customElements.get(o(e))||d()}}))};export{c as SpwSearchField,u as defineCustomElement}
+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-8xeU5Cgf.js";import{d as a}from"./p-BfL5TYdu.js";import{d as n}from"./p-D25JsirJ.js";import{d as l}from"./p-BkY5jJ3g.js";import{d as h}from"./p-iaJkP4uN.js";import{d}from"./p-CbTDFlzJ.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),c=p,u=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),p);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-loading":customElements.get(o(e))||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-C-SfAoHb.js";import{d as a}from"./p-DaQA1Uox.js";import{d as l}from"./p-BFQBddHX.js";import{d as h}from"./p-CCD4GNGP.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(this.internalValue||"")+"")}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"81b442a4a808d22e864b0ae86e596394ed2e4138"},i("div",{key:"ec9981cddfe018e48fd37e891826c2057d6b06b7",class:this.elementClass},this.label&&i("spw-field-label",{key:"ed31b2aea9498dd32a89b3bb67759cfa76620201",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"0515f6a86938f9df94e35a184501fe1cb1b911ad",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"dcea546070211670b8e1af0b6e97c1564f7e8bd0",class:"spw-select__container"},i("select",{key:"44a6c19e9b485fb11ca13137f339ddf97e3fcd61",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"0126406f9e6b9046c86063eadc283278266f36d6",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"9743ab039baf9d35591681f3767bbee018257d56",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"3779eea44d77795a42eb030dda1af776c5f02b9c",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827",icon:"fa-xmark"})),i("spw-icon",{key:"d9631b9b8f57f3e9184fdca81de6e83fcf5cd343",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"35913f6a392f1f7ec0d2794c5253054df88ee421"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),p=c,d=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(n(e))||customElements.define(n(e),c);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||a();break;case"spw-icon":customElements.get(n(e))||l();break;case"spw-tooltip":customElements.get(n(e))||h()}}))};export{p as SpwSelect,d as defineCustomElement}
+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-8xeU5Cgf.js";import{d as a}from"./p-BfL5TYdu.js";import{d as l}from"./p-D25JsirJ.js";import{d as h}from"./p-CbTDFlzJ.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(this.internalValue||"")+"")}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"81b442a4a808d22e864b0ae86e596394ed2e4138"},i("div",{key:"ec9981cddfe018e48fd37e891826c2057d6b06b7",class:this.elementClass},this.label&&i("spw-field-label",{key:"ed31b2aea9498dd32a89b3bb67759cfa76620201",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"0515f6a86938f9df94e35a184501fe1cb1b911ad",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"dcea546070211670b8e1af0b6e97c1564f7e8bd0",class:"spw-select__container"},i("select",{key:"44a6c19e9b485fb11ca13137f339ddf97e3fcd61",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"0126406f9e6b9046c86063eadc283278266f36d6",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"9743ab039baf9d35591681f3767bbee018257d56",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"3779eea44d77795a42eb030dda1af776c5f02b9c",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827",icon:"fa-xmark"})),i("spw-icon",{key:"d9631b9b8f57f3e9184fdca81de6e83fcf5cd343",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"35913f6a392f1f7ec0d2794c5253054df88ee421"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),p=c,d=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(n(e))||customElements.define(n(e),c);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||a();break;case"spw-icon":customElements.get(n(e))||l();break;case"spw-tooltip":customElements.get(n(e))||h()}}))};export{p as SpwSelect,d as defineCustomElement}

package/dist/components/spw-separator.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BBvVfbMj.js";const p=o,r=s;export{p as SpwSeparator,r as defineCustomElement}
+import{S as a,d as o}from"./p-CaQtFjac.js";const s=a,t=o;export{s as SpwSeparator,t as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{p as i,H as t,h as e,t as n}from"./index.js";import{d as o}from"./p-BFQBddHX.js";import{d as a}from"./p-CCD4GNGP.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:"4700c5778d91fb367ffcf90c55b31d1eb78282e7",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"2406404742b25ff81bebd21d17e397b631ab950c",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"1cffd6dae86d4f0c2e0443a8b0dbd174ca657999",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),o=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"ccb7079d463215f671582dfe3f4d41acb2a53c84",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,e("div",{key:"557a4716bddf11ddad7a738feeac2d2bbffad344",class:"spw-sidebar-navigation-item__content"},e("div",{key:"a7052155045a1d884b68bf8a83ab6387eef18c9d",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"51bb492ca65770f8ddb4232fdf640a0b813dee4b"})),this.hasDropdown&&e("div",{key:"519714001a45ccfdd55b074f34fb2540b214b358",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"fec943dfcfcb4ec8047df513aae3e34a2b66db7e",icon:"fa-chevron-down"})),e("slot",{key:"7f241804786a5a00dee11516dbee994779b05c4b",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}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))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};export{d as SpwSidebarNavigationItem,r as defineCustomElement}
+import{p as i,H as t,h as e,t as n}from"./index.js";import{d as o}from"./p-D25JsirJ.js";import{d as a}from"./p-CbTDFlzJ.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:"4700c5778d91fb367ffcf90c55b31d1eb78282e7",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"2406404742b25ff81bebd21d17e397b631ab950c",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"1cffd6dae86d4f0c2e0443a8b0dbd174ca657999",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),o=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"ccb7079d463215f671582dfe3f4d41acb2a53c84",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,e("div",{key:"557a4716bddf11ddad7a738feeac2d2bbffad344",class:"spw-sidebar-navigation-item__content"},e("div",{key:"a7052155045a1d884b68bf8a83ab6387eef18c9d",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"51bb492ca65770f8ddb4232fdf640a0b813dee4b"})),this.hasDropdown&&e("div",{key:"519714001a45ccfdd55b074f34fb2540b214b358",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"fec943dfcfcb4ec8047df513aae3e34a2b66db7e",icon:"fa-chevron-down"})),e("slot",{key:"7f241804786a5a00dee11516dbee994779b05c4b",name:"dropdown"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),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))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};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 s}from"./p-BBvVfbMj.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"ca09de8816dc4027c434439fd3f1d1810c7b0e71"},i("spw-separator",{key:"f88b2223b3db5ce2a71ad12d5ce98460f115a60c",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}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}
+import{p as t,H as e,h as i,a as n,t as o}from"./index.js";import{d as a}from"./p-CaQtFjac.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"ca09de8816dc4027c434439fd3f1d1810c7b0e71"},i("spw-separator",{key:"f88b2223b3db5ce2a71ad12d5ce98460f115a60c",class:"spw-sidebar-navigation-separator"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}"}},[1,"spw-sidebar-navigation-separator"]),r=s,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((t=>{switch(t){case"spw-sidebar-navigation-separator":customElements.get(o(t))||customElements.define(o(t),s);break;case"spw-separator":customElements.get(o(t))||a()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}

package/dist/components/spw-sidebar.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-BFQBddHX.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:"85674117e60989814f7d7a37f3dd3b904379d110",class:this.hostClass},s("div",{key:"a7dc79b161de709d47cda189859f6fbddf816035",class:this.elementClass},s("span",{key:"ee66487ae37380cc48444f049bd9aaef8c597928",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"479cf95d769990758fd766ebed32554863cf7508",icon:"fa-chevron-right"})),s("div",{key:"3d96559cf723cd903a77fb943ba58cca0036b96a",class:"spw-sidebar__content"},s("slot",{key:"62d878e457b129647df984e5b960b9fd61a9b0fa",name:"navigation-top"}),s("slot",{key:"fca6deed9ea823420628c03078e53b7cdd502e49",name:"navigation-bottom"})),s("div",{key:"67d0697a069f050892328f652b4e6930deb7a3fa",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}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-D25JsirJ.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultExpanded=!1,this.hasTopbar=!1,this.BODY_CLASS="spw-sidebar-expanded",this.toggleSidebar=()=>{this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)},this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")},this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);this.expanded!==e&&(this.expanded=e)}}componentWillLoad(){this.expanded=this.defaultExpanded,this.expanded&&document.body.classList.add(this.BODY_CLASS),this.checkTopbarClass(),this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS),null===(e=this.observer)||void 0===e||e.disconnect()}async open(){this.expanded||(this.expanded=!0,document.body.classList.add(this.BODY_CLASS))}async close(){this.expanded&&(this.expanded=!1,document.body.classList.remove(this.BODY_CLASS))}async toggle(){this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass(),this.checkExpandedState()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":!0,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return s(i,{key:"85674117e60989814f7d7a37f3dd3b904379d110",class:this.hostClass},s("div",{key:"a7dc79b161de709d47cda189859f6fbddf816035",class:this.elementClass},s("span",{key:"ee66487ae37380cc48444f049bd9aaef8c597928",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"479cf95d769990758fd766ebed32554863cf7508",icon:"fa-chevron-right"})),s("div",{key:"3d96559cf723cd903a77fb943ba58cca0036b96a",class:"spw-sidebar__content"},s("slot",{key:"62d878e457b129647df984e5b960b9fd61a9b0fa",name:"navigation-top"}),s("slot",{key:"fca6deed9ea823420628c03078e53b7cdd502e49",name:"navigation-bottom"})),s("div",{key:"67d0697a069f050892328f652b4e6930deb7a3fa",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}"}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-icon":customElements.get(o(e))||n()}}))};export{r as SpwSidebar,d as defineCustomElement}

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:"f51453d4c09ee19f5b6d8d770fc106a37f4c7e90"},n("div",{key:"5c1f100999ec9466dac114f16c23ec4d6e7eaadf",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"5347334004f09f1584aa0384d3f65e1070e3c0c6"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-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:"f51453d4c09ee19f5b6d8d770fc106a37f4c7e90"},n("div",{key:"5c1f100999ec9466dac114f16c23ec4d6e7eaadf",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"5347334004f09f1584aa0384d3f65e1070e3c0c6"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[257,"spw-skeleton",{blocks:[2],variant:[1]}]),r=o,a=function e(){"undefined"!=typeof customElements&&["spw-skeleton","spw-skeleton"].forEach((t=>{switch(t){case"spw-skeleton":customElements.get(i(t))||customElements.define(i(t),o);break;case"spw-skeleton":customElements.get(i(t))||e()}}))};export{r as SpwSkeleton,a as defineCustomElement}

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

package/dist/components/spw-slider.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{d as a}from"./p-CUBYPgR-.js";import{d as r}from"./p-BFQBddHX.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwSliderChange=e(this,"spwSliderChange",7),this.spwSliderNext=e(this,"spwSliderNext",7),this.spwSliderPrevious=e(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const n=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=s.offsetHeight||s.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const e=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:e}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0,["spw-slider--dots-"+this.dotsPosition]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(o,{key:"67c85fed7cc665da3cfa60082b5ac76b1f679c0d"},s("div",{key:"1090245b2710939eb572d26c1ed23ade12c416e9",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"e810a8fe4154b2f793041cae72f889a001988b84",class:"spw-slider__track"},s("slot",{key:"440367be7154291d1d18465fab6dedbd79271792"})),this.showArrows&&s("div",{key:"7e8da39ecafddd9e3967d7a15e9d1838bbb51074",class:"spw-slider__navigation"},s("button",{key:"48a77dde510252161146311dbd7ee8d75f39abfa",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"e8d9234727245e28a6d12d1914420cac33689edf",icon:"fa-chevron-left"})),s("button",{key:"66dd413bb8817caba03b3ca6af41c896459a91cf",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"8f545069639f403f8b4ef7843bf10d9d102609a1",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"e6e919ce3bbad911c74914bd19b3e920c028c4f9",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec",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}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__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.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__dots-container{display:flex;justify-content:center;margin-top:12px}.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"],dotsPosition:[1,"dots-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),d=h,l=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-checkbox":customElements.get(n(t))||a();break;case"spw-icon":customElements.get(n(t))||r()}}))};export{d as SpwSlider,l as defineCustomElement}
+import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{d as a}from"./p-eaT1pNxG.js";import{d as r}from"./p-D25JsirJ.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwSliderChange=e(this,"spwSliderChange",7),this.spwSliderNext=e(this,"spwSliderNext",7),this.spwSliderPrevious=e(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const n=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=s.offsetHeight||s.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const e=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:e}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0,["spw-slider--dots-"+this.dotsPosition]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(o,{key:"67c85fed7cc665da3cfa60082b5ac76b1f679c0d"},s("div",{key:"1090245b2710939eb572d26c1ed23ade12c416e9",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"e810a8fe4154b2f793041cae72f889a001988b84",class:"spw-slider__track"},s("slot",{key:"440367be7154291d1d18465fab6dedbd79271792"})),this.showArrows&&s("div",{key:"7e8da39ecafddd9e3967d7a15e9d1838bbb51074",class:"spw-slider__navigation"},s("button",{key:"48a77dde510252161146311dbd7ee8d75f39abfa",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"e8d9234727245e28a6d12d1914420cac33689edf",icon:"fa-chevron-left"})),s("button",{key:"66dd413bb8817caba03b3ca6af41c896459a91cf",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"8f545069639f403f8b4ef7843bf10d9d102609a1",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"e6e919ce3bbad911c74914bd19b3e920c028c4f9",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec",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}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__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.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__dots-container{display:flex;justify-content:center;margin-top:12px}.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"],dotsPosition:[1,"dots-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),d=h,l=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-checkbox":customElements.get(n(t))||a();break;case"spw-icon":customElements.get(n(t))||r()}}))};export{d as SpwSlider,l as defineCustomElement}