equinox-web-components/dist/equinox/p-9360e9c4.entry.js

Equinox design for the web using StencilJS

import{r as e,h as s}from"./p-cc373a46.js";const l=class{constructor(s){e(this,s),this.openIcon="ph-plus-circle",this.closeIcon="ph-x-circle",this.isOpen=!1}render(){return s("div",{class:"e-collapse"},s("div",{class:"e-collapse-header",onClick:()=>this.isOpen=!this.isOpen},s("slot",{name:"title"},this.headerTitle),s("e-icon",{size:"24px",icon:this.isOpen?this.closeIcon:this.openIcon})),s("hr",null),this.isOpen&&s("div",{class:"e-collapse__text"},s("slot",null)))}};l.style=":host{display:block}.e-collapse-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;line-height:150%}.e-collapse__text{font-size:12px;line-height:150%;color:var(--gray-600)}";export{l as e_collapse}