https://horze.eu/cdn/shop/t/676/assets/shop-the-look-DWFEZSOY.js

1import{t as h}from"./vendor-lit-reactive-element-Cjcwuima.js";import{x as p}from"./vendor-lit-html-nFsY_NSA.js";import{r as d}from"./vendor-lit-element-CtcYdrtK.js";import{t as f}from"./index-BGs_o4lG.js";import"./tab-toggle-BXj6InUl.js";import"./tab-content-DhZOq_Ii.js";var m=Object.defineProperty,u=Object.getOwnPropertyDescriptor,b=(t,e,n,s)=>{for(var r=s>1?void 0:s?u(e,n):e,o=t.length-1,a;o>=0;o--)(a=t[o])&&(r=(s?a(e,n,r):a(r))||r);return s&&r&&m(e,n,r),r};const c=new CSSStyleSheet;c.replaceSync(f);const i="color-";let l=class extends d{constructor(){super(...arguments),this.handleTabEvent=t=>{const{detail:e}=t;this.handleTabSelection(e)},this.handleTabSelection=t=>{if(!(t!=null&&t.target))return;const e=this.querySelector(`tab-content[name="${CSS.escape(t.target)}"]`);e&&this.applyScheme(e)}}connectedCallback(){super.connectedCallback(),window.addEventListener("tab-toggle-selected",this.handleTabEvent),this.updateComplete.then(()=>{this.isConnected&&this.openFirstLook()})}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("tab-toggle-selected",this.handleTabEvent)}openFirstLook(){const t=this.querySelector("tab-toggle"),e=this.querySelector("tab-content");if(e&&this.applyScheme(e),t){t.active=!0;return}e&&(e.active=!0)}applyScheme(t){const e=t.dataset.colorScheme;if(!e)return;[this.closest("[data-stl-root]"),this,...this.querySelectorAll("tab-toggle, tab-content")].forEach(r=>{if(!r)return;const o=Array.from(r.classList).filter(a=>a.startsWith(i));r.classList.remove(...o),r.classList.add(`${i}${e}`)})}render(){return p`
2            <div
3                class="mb-6 flex flex-wrap items-center justify-between gap-4 lg:mb-8"
4            >
5                <slot name="header"></slot>
6                <div
7                    class="flex flex-wrap gap-2"
8                    role="tablist"
9                >
10                    <slot name="label"></slot>
11                </div>
12            </div>
13            <slot name="content"></slot>
14        `}};l.styles=[c];l=b([h("shop-the-look")],l);export{l as ShopTheLook};