equinox-web-components/dist/equinox/p-ee593e9b.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 p=":host{display:block}.expand__content{overflow:auto;z-index:0}.expand-wrapper{width:100%;position:relative}.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}.expand-wrapper:before{position:absolute;top:12px;left:0;height:1px;background:var(--gray-300);width:100%;content:'';z-index:-1}";var o=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("div",{class:"expand-wrapper"},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",{size:"18px",icon:this.isOpen?this.hideButtonIcon:this.openButtonIcon}))))};return t}());o.style=p}}}));