https://horze.eu/cdn/shop/t/676/assets/category-tab-teaser-B3b7Hu9y.js

1import{n as h,a as c,t as b}from"./vendor-lit-reactive-element-Cjcwuima.js";import{x as d}from"./vendor-lit-html-nFsY_NSA.js";import{r as u}from"./vendor-lit-element-CtcYdrtK.js";import{t as f}from"./index-BGs_o4lG.js";var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(s,r,l,a)=>{for(var e=a>1?void 0:a?v(r,l):r,i=s.length-1,n;i>=0;i--)(n=s[i])&&(e=(a?n(r,l,e):n(e))||e);return a&&e&&m(r,l,e),e};const p=new CSSStyleSheet;p.replaceSync(f);let t=class extends u{constructor(){super(...arguments),this.hideBorder="false",this.headlineContent=null,this.borderClasses="",this.hideHeader=!1}connectedCallback(){super.connectedCallback();const s=this.querySelectorAll("tab-toggle").length;if(s>0)this.querySelector("tab-toggle").active=!0;else{const r=this.querySelector("tab-content");r.active=!0}this.borderClasses=this.hideBorder=="true"?"":"border-b-surface-400 border-b-1 mb-8",this.hideBorder=="true"&&s==0&&this.headlineContent===""&&(this.hideHeader=!0)}render(){return d`
2            ${this.hideHeader?"":d`<div
3                      class="${this.borderClasses?this.borderClasses:"mb-3 lg:mb-4"} flex flex-wrap gap-3.5 md:justify-between md:gap-0"
4                  >
5                      <div class="pb-2">
6                          <slot name="header"></slot>
7                      </div>
8                      <div class="flex gap-8">
9                          <slot name="label"></slot>
10                      </div>
11                  </div>`}
12            <div part="content">
13                <slot name="content"></slot>
14            </div>
15        `}};t.styles=[p];o([h({type:String})],t.prototype,"hideBorder",2);o([h({type:String})],t.prototype,"headlineContent",2);o([c()],t.prototype,"borderClasses",2);o([c()],t.prototype,"hideHeader",2);t=o([b("category-tab-teaser")],t);export{t as CategoryTabTeaser};