@ebrains/components 0.3.0-alpha.0 → 0.4.0-alpha.0

package/dist/components/p-79887c2c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,g as n}from"./p-7a8b9de5.js";const o=class{constructor(t){e(this,t),this.accordionChange=i(this,"accordionChange",7),this.handleClick=()=>{this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight()},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight();const e=this.el.shadowRoot.querySelector("eds-button");this.emitContext(e),window.addEventListener("resize",this.setPanelHeight)}emitContext(e){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(i)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return t("div",{key:"1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f",ref:e=>this.wrapperRef=e,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 \n          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} \n          ${this.switchBg?"hover:bg-inverse":""} \n          ${this.minHeightContent?"min-h-56":""}`},t("h3",{key:"4490bdc1a18b99850e8db8ae1c38fcb37912ec0d",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),t("div",{key:"82df433a9cc6805a735300fd1bb52f41c639c992",class:"ml-auto"},t("eds-button",{key:"9965d5eecfa02fbea08c23c44d325417767f6495",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),t("div",{key:"7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce",class:"w-full"},this.description?t("span",{class:"text-light "+(!this.isExpanded&&this.clampText?"line-clamp-1":"")},this.description):null,t("section",{key:"cb122dd5433d7012cba6f3769f79e92a155c45d7",id:"sectionId","aria-hidden":!this.isExpanded,class:"z-1 effect-height relative h-0 w-full "+(!this.isExpanded&&this.clampText?"overflow-hidden":""),style:{height:this.isExpanded?"auto":"0"}},t("div",{key:"0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f",ref:e=>this.childContentRef=e,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},t("span",{key:"d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7",class:!this.isExpanded&&this.clampText?"line-clamp-2":""},t("slot",{key:"b2a6917ec65bc808389a2d1c77cd1183f00cbaa1"}))))))}get el(){return n(this)}};o.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";export{o as eds_accordion}