https://www.csr-in-deutschland.de/_assets/9da1c2a6d746389cdedb5213…/chunks/news-teaser-quote-CEgyTiN0.js

1import{B as t,g as e,e as s,b as i}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 o extends t{static get properties(){return{theme:{type:String}}}constructor(){super(),this._children=e(this,["pp-image","pp-link-quote-author","pp-link-quote","pp-text-quote","pp-text-inline-quote-author"])}handleClick(t){r(t,this)}connectedCallback(){super.connectedCallback(),this.authorWithLink=this._children?.["pp-link-quote-author"],this.quoteWithLink=this._children?.["pp-link-quote"]}get strokeClasses(){return{"curve-stroke":!this.theme,"curve-stroke-static-22":this.theme}}get authorImage(){return this._children["pp-image"]?i`
2            <div class="${s(this.strokeClasses)} w-1/2 h-100 hidden lg:block absolute top-0 right-0 mt-40 mr-16"></div>
3                <div class="inline-block lg:absolute lg:top-0 lg:right-0 md:transform -translate-y-1/4 rounded-full">
4                ${this._children?.["pp-image"]}
5            </div>
6        `:""}get backgroundClasses(){return{"bg-module-bg-1":"primary"===this.theme,"bg-module-bg-2":"secondary"===this.theme}}get circleColorClasses(){return{"lg:before:bg-module-bg-1":!this.theme,"lg:before:bg-static-22":this.theme}}get linkClasses(){return{"cursor-pointer":this.authorWithLink}}get authorClasses(){return{flex:this.authorWithLink,"justify-center":this.authorWithLink}}get quoteAuthor(){return i`
7            <cite class="${s(this.circleColorClasses)} qs-quote-author text-static-1 not-italic flex justify-center items-center relative z-1
8                         lg:before:rounded-full lg:before:w-50 lg:before:h-50 lg:before:content-empty lg:before:block lg:before:absolute lg:before:-z-1">
9                ${this.authorWithLink?this._children?.["pp-link-quote-author"]:this._children?.["pp-text-inline-quote-author"]}
10            </cite>
11        `}get quoteText(){return i`
12            <div class="qs-quote-text order-2 text-static-1 typ-quote-3 lg:typ-quote-1 mt-16 lg:mt-48">
13                ${this.quoteWithLink?this._children?.["pp-link-quote"]:this._children?.["pp-text-quote"]}
14            </div>`}render(){return i`
15            <div class="${s(this.backgroundClasses)} relative w-screen mx-breakout">
16                <blockquote class="flex flex-col container text-center relative pb-40 lg:py-64">
17                    ${this.quoteText}
18                    <div class="typ-menu order-1 ${s(this.linkClasses)}" @click=${this.authorWithLink?this.handleClick:void 0}>
19                        ${this.authorImage}
20                        <div class="${s(this.authorClasses)}">
21                            ${this.quoteAuthor}
22                        </div>
23                    </div>
24                </blockquote>
25            </div>
26        `}}customElements.define("pp-news-teaser-quote",o);export{o as default};