https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/tile-teaser-item-Ci0D8PCf.js

1import{B as t,g as e,A as s,b as i,e as h}from"./pp-accordion-CA6w9In6.js";import{c as a}from"./pp-social-media-newsroom-XnZulFRf.js";import{r as o}from"./pp-highcharts-D5Crk9o0.js";import"./pp-facet-dropdown-FY1eeaHH.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./pp-slider-BLQQXShl.js";import"./pp-process-CNG5NvVa.js";class r extends t{static get properties(){return{showBorder:{type:Boolean,attribute:"show-border"},theme:{type:String}}}constructor(){super(),this.theme="primary",this.showBorder=!1,this._children=e(this,["pp-text-with-icon","pp-text-with-icon-separator","pp-image","pp-text","pp-text-document-type","pp-link","pp-list","html-collection","pp-button"]),this.hasImage=void 0!==this._children["pp-image"],this.hasTextWithIcon=void 0!==this._children["pp-text-with-icon"],this.hasDocumentType=void 0!==this._children["pp-text-document-type"],this.hasTagList=void 0!==this._children["pp-list"],this.hasSomeTileHeader=this.hasTextWithIcon||this.hasDocumentType||this.hasTagList,this.hasNoneTileHeader=!this.hasTextWithIcon&&!this.hasDocumentType&&!this.hasTagList,this.classList.add("h-full","mx-auto")}firstUpdated(){this.dispatchEvent(o)}scrollIntoView(t){"Tab"===t.code&&t.target.closest(".js-closestElement").scrollIntoView({behavior:"smooth"})}handleClick(t){a(t,this)}get backgroundAndSpacingClasses(){return{"border-4":this.showBorder,"border-solid":this.showBorder,"border-static-12":this.showBorder,"bg-module-bg-1":"primary"===this.theme,"bg-static-22":"secondary"===this.theme,"mt-4":this.hasSomeTileHeader,"p-16":!this.hasImage&&this.hasSomeTileHeader,"md:p-24":!this.hasImage&&this.hasSomeTileHeader,"pb-20":this.hasNoneTileHeader}}get headlineSpacingClasses(){return{"mx-16":this.hasNoneTileHeader,"md:mx-20":this.hasNoneTileHeader,"pt-20":!this.hasTagList,"mb-20":this.hasSomeTileHeader,"mb-12":this.hasNoneTileHeader}}get textSpacingClasses(){return{"px-16":this.hasNoneTileHeader,"md:px-20":this.hasNoneTileHeader,"pb-12":this.hasNoneTileHeader,"word-wrap":this.hasSomeTileHeader}}get spacingClasses(){return{"md:pt-20":this.hasImage&&this.hasSomeTileHeader,"md:pb-24":this.hasImage&&this.hasSomeTileHeader,"md:px-24":this.hasImage&&this.hasSomeTileHeader,"p-16":this.hasImage&&this.hasSomeTileHeader}}get imageTmpl(){return this.hasImage?i`
2            <div class="lg:relative w-auto top-0 bg-static-22">${this._children["pp-image"]}</div>`:s}get date(){return this.hasTextWithIcon?i`${this._children?.["pp-text-with-icon"]}`:s}get type(){return this.hasTextWithIcon?i`${this._children?.["pp-text-with-icon-separator"]}`:i`<div class="typ-body-4">${this._children?.["pp-text-document-type"]}</div>`}get tagList(){return this.hasTagList?i`<div class="qs-tag mb-12 mt-12">${this._children?.["pp-list"]}</div>`:s}get dateAndType(){return this.hasTextWithIcon||this.hasDocumentType?i`
3        <div class="qs-date-type -mb-12">
4            <div class="flex flex-wrap items-center gap-x-4 mb-12 text-static-16">
5                ${this.date}
6                ${this.type}
7            </div>
8        </div>
9    `:s}get button(){return this._children["pp-button"]?i`
10            <div class="mt-auto pt-20 text-18 typ-body-3 text-text-1 ${h(this.textSpacingClasses)}">
11                ${this._children?.["pp-button"]}
12            </div>
13        `:s}render(){return i`
14                <article class="s-teaser-editor rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl overflow-hidden js-closestElement group qs-tile-teaser-item ${h(this.backgroundAndSpacingClasses)}
15                            flex h-full flex-col z-0 outline-focus-1
16                            hover:shadow-card hover:-top-4 hover:transition-all hover:duration-200 hover:ease-out hover:outline hover:outline-1
17                            focus-within:border-tile-teaser focus-within:shadow-card focus-within:-top-4 focus-within:transition-all focus-within:duration-200 focus-within:ease-out focus-within:outline focus-within:outline-2
18                            transition-all duration-300 ease-out cursor-pointer"
19                         @keydown="${this.scrollIntoView}"
20                         @click="${this.handleClick}"
21                >
22                    ${this.imageTmpl}
23                    <div class="${h(this.spacingClasses)} flex flex-1 flex-col">
24                        ${this.dateAndType}
25                        ${this.tagList}
26                        <div class="text-24 text-text-1 ${h(this.headlineSpacingClasses)}">
27                            <div class="underline-effect-general group-hover:underline-effect-general--static group-focus-within:underline-effect-general--static">
28                                ${this._children?.["pp-link"]}
29                            </div>
30                        </div>
31                        <div class="text-18 typ-body-3 text-text-1 ${h(this.textSpacingClasses)}">
32                            ${this._children?.["pp-text"]}
33                            ${this._children?.["html-collection"]}
34                        </div>
35                        ${this.button}
36                    </div>
37                </article>
38        `}createRenderRoot(){return this}}customElements.define("pp-tile-teaser-item",r);export{r as default};