equinox-web-components/dist/equinox/p-8eacc2ef.system.entry.js

Equinox design for the web using StencilJS

System.register(["./p-33ebdb75.system.js"],(function(t){"use strict";var e,n,i;return{setters:[function(t){e=t.r;n=t.h;i=t.H}],execute:function(){var o=":host{display:block}.expand__content{overflow:auto;z-index:0}.expand__button{margin:0 auto;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;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-align:center;align-items:center;position:relative}.expand__button:before{position:absolute;top:12px;left:0;height:1px;background:#0BC5EA;width:100%;content:''}";var p=t("e_expand",function(){function t(t){e(this,t);this.maxHeight="100px";this.openButtonText="Show more";this.openButtonIcon="ph-caret-down";this.hideButtonText="Show less";this.hideButtonIcon="ph-caret-up";this.elevation="6";this.isOpen=false}t.prototype.render=function(){var t=this;return n(i,null,n("div",{class:"expand__content",style:{maxHeight:!this.isOpen?this.maxHeight:undefined}},n("slot",null)),n("button",{class:"expand__button elevation-"+this.elevation,onClick:function(){return t.isOpen=!t.isOpen}},n("slot",{name:"text"},this.isOpen?this.hideButtonText:this.openButtonText),n("e-icon",{icon:this.isOpen?this.hideButtonIcon:this.openButtonIcon})))};return t}());p.style=o}}}));