https://www.armuts-und-reichtumsbericht.de/static/releases/1403ea0b/public/chunks/block-quote-BsJgJW9Q.js

1import{i as t,g as e,A as s,b as i,e as o}from"./pp-accordion-BxQiBdeL.js";import{o as a}from"../components.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./bootstrap-tooltip-Cj2mksZ3.js";import"./pp-facet-dropdown-D9X7x_dO.js";import"./pp-process-BroYu_5Y.js";import"./pp-highcharts-BYJsNAfN.js";import"./pp-social-media-newsroom-z8DwUjEt.js";import"./pp-slider-DJk1gtGU.js";import"./pp-tooltip-_aUiuhMu.js";class l extends t{static get properties(){return{citeSrOnly:{attribute:"cite-sr-only",type:Boolean},isExpandable:{attribute:"is-expandable",type:Boolean},isExpanded:{type:Boolean,attribute:!1,reflect:!0},variant:{type:String},author:{type:String}}}constructor(){super(),this.citeSrOnly=!1,this._children=e(this,["pp-text-quote","pp-button-toggle"]),this.items=[...this.children]}get citeSronlyClassMap(){return{"sr-only":!0===this.citeSrOnly,"mt-20":!1===this.citeSrOnly,"lg:mt-40":!1===this.citeSrOnly}}get blockquoteLargeClasses(){return{"col-9":!this.isExpandable,"lg:col-7":!this.isExpandable,"col-10":this.isExpandable,"max-h-176":this.isExpandable&&!this.isExpanded,"overflow-hidden":this.isExpandable,"transition-max-height":this.isExpandable,"duration-300":this.isExpandable,"ease-linear":this.isExpandable}}get blockquoteLargeStyles(){if(this.isExpandable){const t=this._children?.["pp-text-quote"].parentElement.offsetHeight;return{"max-height":`${t}px`}}return{}}get quotationIconClasses(){return{"col-3":!this.isExpandable,"col-2":this.isExpandable}}get containerClasses(){return{"mb-40":!this.isExpandable,"lg:mb-48":!this.isExpandable}}toggleExpandedState(){this.isExpanded=!this.isExpanded}get showMoreButton(){return!this._children?.["pp-button-toggle"]||!this.isExpandable||this.offsetHeight<=176?s:i`
2            <div class="mx-auto mt-20" @click="${this.toggleExpandedState}">
3                ${this._children?.["pp-button-toggle"]}
4            </div>
5        `}get blockquoteSmall(){return i`
6            <div class="relative mx-breakout w-screen">
7                <div class="container ${o(this.containerClasses)}">
8                    <div class="row">
9                        ${this.blockquote}
10                    </div>
11                </div>
12            </div>
13        `}get blockquoteLarge(){return i`
14            <div class="relative mx-breakout w-screen">
15                <div class="container ${o(this.containerClasses)}">
16                    <div class="row">
17                        <div class="sm:col-1 ${o(this.quotationIconClasses)} ml-auto">
18                            <svg viewBox="0 0 65 50" width="65" height="50" class="w-[44px] lg:w-[65px]"
19                                 xmlns="http://www.w3.org/2000/svg"
20                                 xmlns:xlink="http://www.w3.org/1999/xlink"
21                                 xml:space="preserve"
22                            >
23                                <path style="fill:var(--icon-bg-1);" d="M51,22.9c-5.8-0.4-9.2-5.1-9.2-10.9c0-6.8,5.2-12,11.9-12
24                                    \tC60,0,65,4.7,65,13.7C65,35.5,45.6,50,37.7,50c-1.9,0-3.3-2.6-3.8-5.6C42.5,40,48.8,34.4,51,22.9 M17.1,22.9
25                                    \tc-5.8-0.4-9.2-5.1-9.2-10.9c0-6.8,5.2-12,11.9-12C26,0,31,4.7,31,13.7C31,35.5,11.7,50,3.8,50c-1.9,0-3.3-2.6-3.8-5.6
26                                    \tC8.5,40,14.8,34.4,17.1,22.9"/>
27                            </svg>
28                        </div>
29                        <div class="sm:col-11 ${o(this.blockquoteLargeClasses)} mr-auto" style=${a(this.blockquoteLargeStyles)}>
30                            ${this.blockquote}
31                        </div>
32                        ${this.showMoreButton}
33                    </div>
34                </div>
35            </div>
36        `}get cite(){return this.author?i`
37            <footer class="${o(this.citeSronlyClassMap)}">
38                <cite class="pt-12 pb-12 typ-menu not-italic text-text-1 relative z-0 flex items-center">
39                    <span class="absolute bg-icon-bg-1 rounded-b-full rounded-l-full w-[44px] h-[44px] inline-block -z-1 left-[-24px]"></span>
40                    ${this.author}
41                </cite>
42            </footer>
43        `:s}get blockquote(){return i`
44            <blockquote>
45                <div class="text-text-1 typ-quote-3 pt-20">
46                    ${this._children?.["pp-text-quote"]}
47                </div>
48                ${this.cite}
49            </blockquote>
50        `}render(){switch(this.variant){case"unformatted":return this.blockquote;case"large":return this.blockquoteLarge;default:return this.blockquoteSmall}}createRenderRoot(){return this}}customElements.define("pp-blockquote",l);export{l as default};