text: import{r as t,h as p,H as s}from"./p-cc373a46.js";const o=class{constructor(p){t(this,p),this.maxHeight="100px",this.openButtonText="Show more",this.hideButtonText="Show less",this.elevation="6",this.isOpen=!1}render(){return p(s,null,p("div",{class:"expand__content",style:{maxHeight:this.isOpen?void 0:this.maxHeight}},p("slot",null)),p("button",{class:"expand__button elevation-"+this.elevation,onClick:()=>this.isOpen=!this.isOpen},p("slot",{name:"text"},this.isOpen?this.hideButtonText:this.openButtonText),p("e-icon",{icon:"ph-chevron-up"})))}};o.style=":host{display:block}.expand__content{overflow:auto;z-index:0}.expand__button{display:block;margin:-12px auto 0;background:#FFFFFF;padding:0 12px;height:24px;text-transform:uppercase;font-size:12px;line-height:150%;border-radius:100px;border:none;-webkit-box-shadow:0px 3px 5px -1px rgba(160, 174, 192, 0.2), 0px 6px 10px rgba(160, 174, 192, 0.14), 0px 1px 18px rgba(160, 174, 192, 0.12);box-shadow:0px 3px 5px -1px rgba(160, 174, 192, 0.2), 0px 6px 10px rgba(160, 174, 192, 0.14), 0px 1px 18px rgba(160, 174, 192, 0.12);z-index:2}";export{o as e_expand}