https://www.csr-in-deutschland.de/_assets/9da1c2a6d746389cdedb5213…/public/chunks/inline-teaser-CBKyT8pm.js

1import{B as e,g as t,A as i,e as n}from"./pp-accordion-CA6w9In6.js";import{c as s}from"./pp-social-media-newsroom-XnZulFRf.js";import{u as r,e as l}from"./pp-process-CNG5NvVa.js";import"./pp-facet-dropdown-FY1eeaHH.js";import"./pp-highcharts-D5Crk9o0.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./pp-slider-BLQQXShl.js";class a extends e{static get properties(){return{isAside:{type:Boolean,attribute:"is-aside"},noVerticalMargin:{type:Boolean,attribute:"no-vertical-margin"},aligns:{type:String}}}constructor(){super(),this.isAside=!1,this.noVerticalMargin=!1,this._children=t(this,["pp-text","pp-inline-image","pp-button","pp-link","pp-headline","pp-list"]),this.hasInteractiveElement=this._children?.["pp-button"]||this._children?.["pp-link"]}handleClick(e){this.hasInteractiveElement&&s(e,this)}get containerClasses(){return{"my-64":!this.noVerticalMargin,"lg:my-40":!this.noVerticalMargin}}get textContainerClasses(){return{"lg:px-32":this._children?.["pp-inline-image"],"lg:px-90":!this._children?.["pp-inline-image"],"pt-20":!this._children?.["pp-inline-image"]}}get orderAndInteractionClasses(){return{"flex-row-reverse":"right"===this.aligns,"-mt-2":this.noVerticalMargin,"cursor-pointer":this.hasInteractiveElement,"hover:outline":this._children?.["pp-link"],"hover:outline-1":this._children?.["pp-link"],"focus-within:outline":this._children?.["pp-link"],"focus-within:outline-2":this._children?.["pp-link"]}}get headingClasses(){return{"underline-effect-general":this.hasInteractiveElement,"group-focus-within:underline-effect-general--static":this.hasInteractiveElement,"group-hover:underline-effect-general--static":this.hasInteractiveElement,"underline-effect":!this.hasInteractiveElement}}get imageContent(){return this._children?.["pp-inline-image"]?r`
2            <div class="flex-shrink-0 self-start mx-auto pt-24 lg:pt-0">
3                ${this._children?.["pp-inline-image"]}
4            </div>
5        `:i}get textContent(){return this._children?.["pp-text"]?r`
6            <div class="typ-body-3 mt-18">
7                ${this._children?.["pp-text"]}
8            </div>
9        `:i}get button(){return this._children["pp-button"]?r`
10            <div class="mt-40">
11                ${this._children?.["pp-button"]}
12            </div>
13        `:i}get collectedContent(){return r`
14            <div class="container ${n(this.containerClasses)}">
15                <div class="row">
16                    <div class="col-12 lg:col-8 mx-auto">
17                        <div class="qs-inline-teaser-trigger group lg:flex lg:pt-40 pb-32 border-line-1 border-t-2 border-b-2 lg:items-center transition-all duration-200 ease-out outline-focus-1 ${n(this.orderAndInteractionClasses)}" @click="${this.handleClick}">
18                            ${this.imageContent}
19                            <div class="flex-grow lg:pt-0 ${n(this.textContainerClasses)}">
20                                <div class="qs-heading typ-heading-3 text-text-1 ${n(this.headingClasses)}">
21                                    ${this._children?.["pp-link"]}
22                                    ${this._children?.["pp-headline"]}
23                                </div>
24                                ${this._children?.["pp-list"]}
25                                ${this.textContent}
26                                ${this.button}
27                            </div>
28                        </div>
29                    </div>
30                </div>
31            </div>
32        `}render(){const e=this.isAside?l`aside`:l`div`;return r`
33            <${e} class="relative mx-breakout w-screen">
34                ${this.collectedContent}
35            </${e}>
36        `}}customElements.define("pp-inline-teaser",a);export{a as default};