@spw-ds/spw-stencil-library 1.10.2-alpha.0 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.10.2-alpha.0",
+  "version": "1.10.2",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

package/dist/spw-stencil-library/p-05bb36bb.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,a as o}from"./p-CCvvliyN.js";const s=class{constructor(e){t(this,e),this.spwDropdownOpen=i(this,"spwDropdownOpen",7),this.spwDropdownClose=i(this,"spwDropdownClose",7),this.direction="bottom",this.hasPadding=!0,this.contentWidth=300,this.maxHeight="auto",this.open=!1,this.isVisible=!1,this.dropdownEl=null,this.movedContentEl=null,this.showDropdown=()=>{if(this.isVisible)return;const t=this.host.querySelector('[slot="dropdownContent"]');t&&(this.isVisible=!0,this.spwDropdownOpen.emit(),this.dropdownEl=document.createElement("div"),this.dropdownEl.className=`spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`,this.hasPadding&&this.dropdownEl.classList.add("spw-dropdown-fixed--padded"),this.dropdownEl.setAttribute("role","menu"),this.dropdownEl.style.width=`${this.contentWidth||200}px`,this.dropdownEl.style.maxHeight="auto"!==this.maxHeight?`${this.maxHeight}px`:"none",this.dropdownEl.style.overflowY="auto"!==this.maxHeight?"auto":"visible",this.movedContentEl=t,this.dropdownEl.appendChild(this.movedContentEl),document.body.appendChild(this.dropdownEl),requestAnimationFrame((()=>{this.positionDropdown(),this.addListeners()})))},this.hideDropdown=()=>{var t;this.isVisible&&(this.isVisible=!1,this.open=!1,this.spwDropdownClose.emit(),this.dropdownEl&&this.movedContentEl&&this.host.appendChild(this.movedContentEl),(null===(t=this.dropdownEl)||void 0===t?void 0:t.parentNode)&&this.dropdownEl.parentNode.removeChild(this.dropdownEl),this.dropdownEl=null,this.movedContentEl=null,this.removeListeners())}}async close(){this.open=!1,this.hideDropdown()}onOpenChange(t){t?this.showDropdown():this.hideDropdown()}connectedCallback(){this.handleClickOutside=this.handleClickOutside.bind(this),this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}componentDidLoad(){this.open&&this.showDropdown()}disconnectedCallback(){this.removeListeners()}addListeners(){document.addEventListener("click",this.handleClickOutside,!0),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize)}removeListeners(){document.removeEventListener("click",this.handleClickOutside,!0),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}handleClickOutside(t){var i;this.host.contains(t.target)||(null===(i=this.dropdownEl)||void 0===i?void 0:i.contains(t.target))||this.close()}handleScrollOrResize(){this.isVisible&&this.positionDropdown()}positionDropdown(){var t;if(!this.dropdownEl)return;const i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-dropdown__trigger");if(!i)return;const e=i.getBoundingClientRect(),o=this.dropdownEl;o.style.visibility="hidden",o.style.position="fixed",o.style.display="flex";const s=o.getBoundingClientRect();let n=0,r=0;switch(this.direction){case"top":n=e.top-s.height-8,r=e.left+(e.width-s.width)/2;break;case"bottom":n=e.bottom+8,r=e.left+(e.width-s.width)/2;break;case"left":n=e.top+(e.height-s.height)/2,r=e.left-s.width-8;break;default:n=e.top+(e.height-s.height)/2,r=e.right+8}o.style.top=`${n}px`,o.style.left=`${r}px`,o.style.zIndex="9999",o.style.visibility="visible"}render(){return e("div",{key:"0d043e58161cc72574a59fd399feebe000586a2c",class:"spw-dropdown__trigger",onClick:()=>this.open=!this.open},e("slot",{key:"8cc5bce5fa8dc14bc438a9f654c414ef12ff21c4"}))}get host(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};s.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}";export{s as spw_dropdown}