equinox-web-components/dist/equinox/p-7c416b1b.system.entry.js

Equinox design for the web using StencilJS

System.register(["./p-33ebdb75.system.js"],(function(e){"use strict";var s,t;return{setters:[function(e){s=e.r;t=e.h}],execute:function(){var i=":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)}";var n=e("e_collapse",function(){function e(e){s(this,e);this.openIcon="ph-plus-circle";this.closeIcon="ph-x-circle";this.isOpen=false}e.prototype.render=function(){var e=this;return t("div",{class:"e-collapse"},t("div",{class:"e-collapse-header",onClick:function(){return e.isOpen=!e.isOpen}},t("slot",{name:"title"},this.headerTitle),t("e-icon",{size:"24px",icon:this.isOpen?this.closeIcon:this.openIcon})),t("hr",null),this.isOpen&&t("div",{class:"e-collapse__text"},t("slot",null)))};return e}());n.style=i}}}));