import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as l,b as i,d,h as n}from"./chunk.XJAJO727.js";import{b as s,e}from"./chunk.OBAEIKIV.js";import{e as a}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.variant="white";this.open=!1;this.hasSlotController=new c(this,"[default]","media","meta","headline","expandable")}onToggleClick(){this.open=!this.open}render(){let o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return e`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/60 to-white/0",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/60 to-primary-800/0")}"></div><div class="${r("relative",["primary","gradient-dark"].includes(this.variant)&&"text-white")}"><div class="${r("absolute inset-0 pointer-events-none",{white:"sd-6-22-0-teaser-media--white-color-background group-hover:sd-6-22-0-teaser-media--white--hover-color-background ","neutral-100":"sd-6-22-0-teaser-media--neutral-100-color-background group-hover:sd-6-22-0-teaser-media--neutral-100--hover-color-background",primary:"bg-primary/80 text-white group-hover:bg-primary/90","primary-100":"sd-6-22-0-teaser-media--primary-100-color-background group-hover:sd-6-22-0-teaser-media--primary-100--hover-color-background","gradient-light":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.variant])}"></div><div class="relative flex flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here</slot></div><div part="meta" class="${r("gap-2 mb-2 order-1",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}"><slot></slot></div><div class="${r("mt-3 transition-opacity duration-300",!this.open&&"hidden",this.open?"opacity-100":"opacity-0")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${o["teaser-has-expandable"]?e`<button part="toggle" class="sd-interactive sd-interactive--reset mt-2" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open?"Collapse content":"Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-22-0-icon class="${r("w-6 h-6 transition-transform",this.open&&"rotate-180",["primary","gradient-dark"].includes(this.variant)?"text-white":"text-primary")}" library="_internal" name="chevron-down"></sd-6-22-0-icon></div></button>`:null}</div></div></div><div class="${r("mb-4 -z-10",!o["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...n.styles,s`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:rgba(var(--sd-color-background-white))}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-white)) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-neutral-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-neutral-100)) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary)) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary-100)) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
          --sd-informational-gradient--primary-800-color-background,
          var(--sd-color-primary-800)
        )}[part=toggle]{width:-moz-fit-content;width:fit-content;outline-color:transparent}:host([variant=gradient-dark]) [part=toggle]:focus-visible,:host([variant=primary]) [part=toggle]:focus-visible{outline-color:rgba(var(--sd-color-text-white))}`],a([i({type:String,reflect:!0})],t.prototype,"variant",2),a([i({type:Boolean,reflect:!0})],t.prototype,"open",2),a([d('[part="base"]')],t.prototype,"teaserMedia",2),t=a([l("sd-6-22-0-teaser-media")],t);export{t as a};
