https://www.armuts-und-reichtumsbericht.de/static/releases/1403ea0b/public/chunks/pp-process-BroYu_5Y.js

1import{b as t,_ as e,g as i,A as s,e as n,i as a,a as o,c as l,l as c}from"./pp-accordion-BxQiBdeL.js";import{o as r,p as h}from"./pp-facet-dropdown-D9X7x_dO.js";import{H as d,C as p,a as u,P as g}from"./pp-highcharts-BYJsNAfN.js";const b=()=>window.matchMedia("(max-width: 575px)").matches,m=()=>window.matchMedia("(max-width: 767px)").matches,w=()=>window.matchMedia("(max-width: 991px)").matches,v=()=>window.matchMedia("(max-width: 1199px)").matches,x=()=>window.matchMedia("(min-width: 576px)").matches,f=()=>window.matchMedia("(min-width: 768px)").matches,$=()=>window.matchMedia("(min-width: 992px)").matches,y=()=>window.matchMedia("(min-width: 1200px)").matches,k=Symbol.for(""),C=t=>{if(t?.r===k)return t?._$litStatic$},M=t=>({_$litStatic$:t,r:k}),_=(t,...e)=>({_$litStatic$:e.reduce((e,i,s)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(i)+t[s+1],t[0]),r:k}),E=new Map,I=(S=t,(t,...e)=>{const i=e.length;let s,n;const a=[],o=[];let l,c=0,r=!1;for(;c<i;){for(l=t[c];c<i&&void 0!==(n=e[c],s=C(n));)l+=s+t[++c],r=!0;c!==i&&o.push(n),a.push(l),c++}if(c===i&&a.push(t[i]),r){const i=a.join("$$lit$$");void 0===(t=E.get(i))&&(a.raw=a,E.set(i,t=a)),e=o}return S(t,...e)});var S;const j=t=>class extends t{static get properties(){return{contentUrl:{type:String,attribute:"content-url"},toggleId:{type:String,attribute:"toggle-id"}}}constructor(){super(),this.hash=window.location.hash.substring(1)}connectedCallback(){super.connectedCallback(),this.hash===this.toggleId&&this.dispatchHtmlUpdateEvent(),window.addEventListener(d,()=>{window.dispatchEvent(p)})}async dispatchHtmlUpdateEvent(){await e(()=>import("./pp-modal-PaB5uzFb.js"),[]);const t=new CustomEvent(u,{bubbles:!0,detail:{url:this.contentUrl,type:"modal"}});this.dispatchEvent(t)}};class L extends(j(a)){static get properties(){return{hideIcon:{type:Boolean,attribute:"hide-icon"},showLine:{type:Boolean,attribute:"show-line"},dateTime:{type:String,attribute:"date-time"},contentId:{type:String,attribute:"content-id"},link:{type:String},active:{type:Boolean},index:{type:Number},isIconActive:{type:Boolean},removeOpacity:{type:Boolean,attribute:"remove-opacity"},isSelected:{type:Boolean,attribute:!1},isMobile:{type:Boolean,attribute:!1}}}constructor(){super(),this.active=!1,this.isIconActive=!1,this.hideIcon=!1,this.removeOpacity=!1,this.isSelected=!1,this.isMobile=w(),this._children=i(this,["pp-image","pp-image-active","pp-image-selected","pp-text-inline","pp-text-inline-date"]),this.checkForActiveBound=this.checkForActive.bind(this),this.checkMobileBound=this.checkMobile.bind(this)}checkMobile(){this.isMobile=w()}handleMobileToggle(){this.isMobile&&(window.dispatchEvent(new CustomEvent(g,{detail:this.index})),this.contentUrl&&this.dispatchHtmlUpdateEvent())}connectedCallback(){super.connectedCallback(),window.addEventListener(g,this.checkForActiveBound),window.addEventListener("resize",this.checkMobileBound)}disconnectedCallback(){window.removeEventListener(g,this.checkForActiveBound),window.removeEventListener("resize",this.checkMobileBound),super.disconnectedCallback()}checkForActive(t){this.active=Number(t.detail)>=this.index,this.isIconActive=Number(t.detail)>=this.index,this.isSelected=Number(t.detail)===this.index,this.requestUpdate()}get iconClasses(){return{"bg-line-1":this.active,"bg-static-22":!this.active}}get visualClasses(){return{"opacity-50":!this.active&&!this.isIconActive&&!this.removeOpacity}}get progressLineClasses(){return{"bg-line-1":this.active,"group-aria-selected:bg-static-22":this.active,"text-line-1":this.active,"bg-static-22":!this.active,"text-static-22":!this.active}}get linkClasses(){return{"underline-effect-process":this.link}}get linkTextClasses(){return{underline:this.link}}get progressLine(){return this.showLine?I`
2            <span class="${n(this.progressLineClasses)} qs-line -z-1 absolute top-40 h-[133px] left-[38px] w-[6px] lg:h-6 lg:w-[200px]"></span>
3        `:s}get image(){let t=this._children?.["pp-image"];return(this.active||this.isIconActive)&&this._children?.["pp-image-active"]&&(t=this._children?.["pp-image-active"]),this.isSelected&&this._children?.["pp-image-selected"]&&(t=this._children?.["pp-image-selected"]),I`

4            <span class="block absolute -top-10 h-93 w-82 mx-auto transition duration-300 ease-out translate-y-0 group-hover:-translate-y-8 group-focus:-translate-y-8">
5                ${t}
6            </span>
7        `}get linkElement(){return this.link?I`
8            <a href="${this.link}"
9               target="_blank"
10               rel="noreferrer noopener"
11               class="outline-none outline-0 lg:flex lg:h-full ${n(this.linkClasses)}">
12                ${this.content}
13            </a>`:I`${this.content}`}get icon(){return this.hideIcon?s:I`<span class="${n(this.iconClasses)} qs-icon absolute rounded-b-full rounded-r-full w-[82px] h-[82px] inline-block -z-1 left-0"></span>`}get date(){if(!this._children?.["pp-text-inline-date"])return s;const t=this.dateTime?_`time`:_`span`;return I`
14            <${t} class="block typ-body-4 text-static-16 ml-24 lg:mx-auto w-[180px] sm:w-[260px] lg:w-[200px] xl:w-[220px] text-left lg:text-center" datetime="${r(this.dateTime)}">
15                ${this._children?.["pp-text-inline-date"]}
16            </${t}>
17        `}get content(){return I`
18            <span class="group flex lg:flex-col lg:justify-between">
19                <span class="relative mb-40 lg:mx-auto z-0 h-93 w-82" aria-hidden="true">
20                    <span class="${n(this.visualClasses)} group-focus:opacity-100 group-hover:opacity-100">
21                        ${this.icon}
22                        ${this.image}
23                    </span>
24                    ${this.progressLine}
25                </span>
26                <span class="block flex-grow lg:flex lg:flex-col lg:justify-between">
27                    <span class="block typ-heading-5 text-static-1 ml-24 lg:mx-auto px-8 w-[180px] sm:w-[260px] lg:w-[200px] xl:w-[220px] lg:mb-40 text-left lg:text-center ${n(this.linkTextClasses)}">
28                        ${this._children?.["pp-text-inline"]}
29                    </span>
30                    ${this.date}
31                </span>
32            </span>`}render(){if(this.isInteractive=this.link||void 0!==this.index,void 0!==this.index){const t=0===this.index;return I`
33                <button
34                    type="button"
35                    class="js-tab group hover:underline focus:underline outline-none outline-0 focus-within:outline-static-1 focus-within:-outline-offset-2 focus-within:outline-2 ${t?"active":""}"
36                    data-bs-toggle=${r(this.isMobile?void 0:"tab")}
37                    role=${r(this.isMobile?void 0:"tab")}
38                    data-bs-target=${r(this.isMobile?void 0:`#${this.contentId}`)}
39                    aria-controls=${r(this.isMobile?void 0:this.contentId)}
40                    id="${this.contentId}-toggle"
41                    data-index="${r(this.index)}"
42                    aria-selected=${r(this.isMobile?void 0:t)}
43                    tabindex=${r(this.isMobile?void 0:t?0:-1)}
44                    @click=${this.handleMobileToggle}
45                >
46                    ${this.linkElement}
47                </button>
48            `}return I`
49            <span tabindex=${r(this.isInteractive?void 0:0)}
50                 class="h-full mx-auto flex lg:pt-20 text-static-1 outline-none outline-0">
51                ${this.linkElement}
52            </span>
53        `}createRenderRoot(){return this}}customElements.define("pp-process-element",L);const B=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"})),T=o(class extends l{constructor(){super(...arguments),this.key=s}render(t,e){return this.key=t,e}update(t,[e,i]){return e!==this.key&&(h(t),this.key=e),i}});class A extends a{static get properties(){return{isMobile:{type:Boolean,state:!0}}}constructor(){super(),this._children=i(this,["pp-process-element","html-collection"]),this._processContents=[...this._children?.["html-collection"]],this._processElements=[...this._children?.["pp-process-element"]],this.dispatchChangeEventBound=this.dispatchChangeEvent.bind(this),this.isMobile=!1,this.doesHashMatchId=!1,this.hashHasChanged=null}checkMobile=()=>{this.isMobile=w()};connectedCallback(){super.connectedCallback(),this.checkMobile(),window.addEventListener("resize",this.checkMobile)}

53dispatchChangeEvent(t){window.dispatchEvent(new CustomEvent(g,{detail:t?.target?.dataset.index??0}))}async initTabs(){try{const{default:t}=await e(async()=>{const{default:t}=await import("./tab-aYvyS17u.js").then(t=>t.t);return{default:t}},[]);t.getOrCreateInstance(this.querySelector(".js-tab")),this.querySelectorAll(".js-tab").forEach(t=>{t.addEventListener("show.bs.tab",()=>{const e=t.getAttribute("aria-controls");window.location.hash=e}),t.addEventListener("shown.bs.tab",this.dispatchChangeEventBound)});const i=e=>{if(!this._processElements.map(t=>t.contentId).find(t=>`#${t}`===e))return!1;const i=this.querySelector(`${e}-toggle`),s=this.querySelector(e);return t.getOrCreateInstance(i).show(),s.scrollIntoView({behavior:"smooth"}),s.focus(),!0};this.doesHashMatchId=i(window.location.hash),this.hashHasChanged&&window.removeEventListener("hashchange",this.hashHasChanged),this.hashHasChanged=()=>i(window.location.hash),window.addEventListener("hashchange",this.hashHasChanged)}catch(t){}}async firstUpdated(){await this.initializeView()}async updated(t){t.has("isMobile")&&await this.initializeView()}async initializeView(){this.isMobile||await this.initTabs(),this.doesHashMatchId||this.dispatchChangeEvent()}get processElements(){return t`
54            <div
55                class="container flex flex-col lg:flex-row nav justify-center lg:items-stretch mb-40"
56                role=${r(this.isMobile?void 0:"tablist")}
57            >
58        ${this._processElements}
59            </div>
60        `}getContentImage(e){if(!e)return null;const i=c(e);return i?t`<div class="w-82 mr-28" data-slot="pp-image">
61                    ${i}
62                </div>`:s}getContentTitle(e){return e?t`<div class="border-b-line-1 border-b-2 pb-12 mb-12 text-text-1 text-24">
63                    ${e}
64                </div>`:s}renderDesktopContent(e,i,s){return T(`${e.id}-desktop`,t`
65            <div
66                class="js-tab-content tab-pane fade bg-static-22 py-40 px-64 focus-within:outline focus-within:outline-static-1 focus-within:-outline-offset-2 focus-within:outline-2 ${0===s?"active show":""}"
67                role="tabpanel"
68                id=${e.id}
69                tabindex="0"
70            >
71                <div class="flex">
72                    ${e.image}
73                    <div class="w-full">
74                        ${e.titleMarkup}
75                        ${i}
76                    </div>
77                </div>
78            </div>
79        `)}get processContents(){return this.isMobile?s:t`
80            <div class="tab-content container">
81                ${this._processContents.map((t,e)=>{const i=t.find(t=>"pp-image-header"===t.dataset.slot),s=t.filter(t=>"pp-image-header"!==t.dataset.slot),n=this._processElements[e]?.querySelector('[data-slot="pp-text-inline"]')?.textContent,a={id:this._processElements[e].contentId,image:this.getContentImage(i?.cloneNode(!0)),title:n,titleMarkup:this.getContentTitle(n)},o=s.map(t=>t.cloneNode(!0));return this.renderDesktopContent(a,o,e)})}
82            </div>
83        `}render(){return t`
84            <div class="relative w-screen mx-breakout">
85                ${this.processElements}
86                ${this.processContents}
87             </div>
88        `}createRenderRoot(){return this}}customElements.define("pp-process",A);const H=Object.freeze(Object.defineProperty({__proto__:null,default:A},Symbol.toStringTag,{value:"Module"}));export{j as M,m as a,w as b,v as c,y as d,_ as e,x as f,f as g,$ as h,b as i,H as j,B as p,M as s,I as u};