Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import{r as e,c as i,h as r,g as o}from"./p-5308bbce.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.container{position:relative;font-family:var(--ifx-font-family)}.container .wrapper{display:inline-flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;background:#FFFFFF;border:1px solid #BFBBBB;border-radius:100px}.container .wrapper:hover{cursor:pointer;border:1px solid #575352}.container .wrapper:active{border:1px solid #0A8276}.container .wrapper .wrapper-label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:0}.container .wrapper .wrapper-close-button ifx-icon{transition:0.3s;width:12px;height:12px}.container .wrapper .wrapper-close-button.show ifx-icon{transition:0.3s;transform:rotate(-180deg)}';const n=class{constructor(r){e(this,r);this.ifxDropdownMenu=i(this,"ifxDropdownMenu",7);this.placeholder=undefined;this.selectedValue=""}handleOutsideClick(e){const i=e.composedPath();if(!i.includes(this.el)){this.closedMenu()}}handleDropdownItemValueEmission(e){this.selectedValue=e.detail;this.ifxDropdownMenu.emit(e.detail);this.toggleMenu()}getDropdownMenu(){let e=this.el.querySelector("ifx-dropdown-menu");return e}closedMenu(){let e=this.getDropdownMenu();e.isOpen=false}toggleMenu(){let e=this.getDropdownMenu();e.isOpen=!e.isOpen;this.toggleCloseIcon()}toggleCloseIcon(){const e=this.el.shadowRoot.querySelector(".wrapper-close-button");e.classList.toggle("show")}render(){return r("div",{"aria-value":this.selectedValue,"aria-label":"chip with a dropdown menu",class:"dropdown container"},r("div",{class:"wrapper",onClick:()=>this.toggleMenu()},r("div",{class:"wrapper-label"},this.selectedValue?this.selectedValue:this.placeholder),r("div",{class:"wrapper-close-button"},r("ifx-icon",{icon:"chevrondown12"}))),r("slot",{name:"menu"}))}get el(){return o(this)}};n.style=t;export{n as ifx_chip};
|
|
//# sourceMappingURL=p-b7dd5c86.entry.js.map
|