https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/current/public/chunks/parallax-CMPBZn-v.js

1import{i as t,g as e,A as i,b as s,e as r}from"./pp-accordion-CA6w9In6.js";import{c as n}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 h extends t{static get properties(){return{theme:{type:String},link:{type:String}}}constructor(){super(),this._children=e(this,["pp-image","pp-headline","pp-text","pp-button","pp-image-foreground"]),this.hasButton=!!this._children["pp-button"],this.hasText=this._children["pp-text"]}forwardClickEvent(t){n(t,this)}get themeAndLinkClasses(){return{"text-static-22":!this.theme,"text-static-14":"primary"===this.theme,"cursor-pointer":this.hasButton||this.link}}get decorationClasses(){return{"group-hover:underline":this.hasButton,"group-focus-within:underline":this.hasButton}}get textClasses(){return{"typ-body-3":this.hasText,"lg:typ-body-1":this.hasText,"mb-16":this.hasText}}get content(){const t=this._children["pp-text"],e=this._children["pp-image-foreground"];return t||e?e&&this.link?s`
2                <a href="${this.link}">
3                    ${e}
4                </a>`:s`
5            <div class="${r(this.textClasses)}">
6                ${t||e}
7            </div>`:i}get headline(){return this._children["pp-headline"]?s`
8            <div class="${r(this.decorationClasses)} lg:text-32">
9                ${this._children["pp-headline"]}
10            </div>`:i}render(){return s`
11            <div class="relative mx-breakout w-screen h-[540px] clip-path-inset-0 group overflow-hidden ${r(this.themeAndLinkClasses)}"
12                @click="${this.hasButton||this.link?this.forwardClickEvent:void 0}"
13            >
14                <div class="fixed motion-reduce:absolute top-0 left-0" aria-hidden="true">${this._children["pp-image"]}</div>
15                <div class="container relative flex items-center justify-center h-full">
16                    <div class="row min-w-full">
17                        <div class="col-12 md:col-9 lg:col-8 mx-auto flex flex-col justify-center items-center gap-y-20 text-center">
18                            ${this.headline}
19                            ${this.content}
20                            ${this._children["pp-button"]}
21                        </div>
22                    </div>
23                </div>
24            </div>
25        `}createRenderRoot(){return this}}customElements.define("pp-parallax",h);export{h as default};