https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/current/public/chunks/teaser-CBD-NKw0.js

1import{B as t,g as e,b as i,A as s,e as l}from"./pp-accordion-CA6w9In6.js";import{c as r}from"./pp-social-media-newsroom-XnZulFRf.js";import"./pp-facet-dropdown-FY1eeaHH.js";import"./pp-highcharts-D5Crk9o0.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./pp-slider-BLQQXShl.js";import"./pp-process-CNG5NvVa.js";class n extends t{constructor(){super(),this._children=e(this,["pp-list","pp-link","pp-text","pp-inline-image","pp-text-with-icon","pp-text-with-icon-separator","pp-text-document-type","html-collection"]),this.list=this._children?.["pp-list"],this.hasTextWithIcon=!!this._children["pp-text-with-icon"],this.hasImage=!!this._children["pp-inline-image"],this.hasTextDocumentType=!!this._children["pp-text-document-type"]}handleClick(t){r(t,this)}get divider(){return i`
2            <div class="col-12 lg:col-10 mx-auto">
3                <div class="border-b-1 border-line-1"></div>
4            </div>
5        `}get gridClasses(){return{"lg:col-10":!this.hasImage,"md:col-7":this.hasImage}}get textClasses(){return{"lg:col-7":this.hasImage,"lg:col-10":!this.hasImage}}get marginClasses(){return{"mt-16":!this.list}}get image(){return this.hasImage?i`<div class="px-0 sm:px-15 lg:col-3">${this._children?.["pp-inline-image"]}</div>`:s}get bulletPoint(){return this.hasTextWithIcon&&(this.list||this.hasTextDocumentType)||this.hasTextDocumentType&&this.list?i`<pp-icon name="bullet-point-filled" class="text-[10px] ml-4 mr-8 text-static-16 fill-current"></pp-icon>`:s}get type(){return this.hasTextWithIcon?i`${this._children?.["pp-text-with-icon-separator"]}`:i`${this._children?.["pp-text-document-type"]}`}get tagList(){return this._children?.["pp-list"]?i`
6            <div>
7                ${this._children?.["pp-list"]}
8            </div>
9        `:s}render(){return i`
10            <article class="pt-40 s-teaser transition-all duration-300 ease-out outline-focus-1 -outline-offset-1 hover:outline hover:outline-1 focus-within:outline focus-within:outline-2">
11                <div class="flex mb-12 lg:justify-center md:flex-row-reverse flex-col cursor-pointer group" @click="${this.handleClick}">
12                    ${this.image}
13                    <div class="${l(this.gridClasses)} col-12">
14                        <div class="mt-12 typ-heading-3 underline-effect-general group-focus-within:underline-effect-general--static group-hover:underline-effect-general--static">
15                            ${this._children?.["pp-link"]}
16                        </div>
17                        <div class="flex flex-wrap mt-12 items-center typ-body-4 text-static-16 ${l(this.marginClasses)}">
18                            ${this._children?.["pp-text-with-icon"]}
19                            <div class="flex items-center ml-2">
20                                ${this.type}
21                                ${this.bulletPoint}
22                            </div>
23                            ${this.tagList}
24                        </div>
25                        <div class="typ-body-3 text-static-2 my-12 space-y-12">
26                            ${this._children?.["pp-text"]}
27                            ${this._children?.["html-collection"]}
28                        </div>
29                    </div>
30                </div>
31            </article>
32            ${this.divider}
33        `}}customElements.define("pp-teaser",n);export{n as default};