https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/event-teaser-BP3JxDCn.js

1import{B as t,g as e,y as s,e as i,b as a,A as n}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{topTeaser:{type:Boolean,attribute:"top-teaser"},isEventPage:{type:Boolean,attribute:"is-event-page"},srDateText:{type:String,attribute:"sr-date-text"},dateTimeText:{type:String,attribute:"date-time-text"},startDate:{type:String,attribute:"start-date"},endDate:{type:String,attribute:"end-date"},monthYearStart:{type:String,attribute:"month-year-start"},monthYearEnd:{type:String,attribute:"month-year-end"},showLocationFirst:{type:Boolean,attribute:"show-location-first"}}}hasLocationLink=!1;constructor(){super(),this.show=!1,this.topTeaser=!1,this.isEventPage=!1,this.srDateText="",this.dateTimeText="",this.startDate="",this.endDate="",this.monthYearStart="",this.monthYearEnd="",this._children=e(this,["pp-text","pp-link","pp-link-event-location","pp-text-with-icon","pp-text-with-icon-event-date","pp-text-with-icon-event-location","pp-text-with-icon-event-closedate","pp-text-with-icon-event-type","pp-button-calendar","pp-button","pp-text-with-icon-event-location","pp-headline","pp-image"]),this.hasLocationLink=this._children?.["pp-link-event-location"]}handleClick(t){r(t,this)}get textContainerClasses(){return{"lg:ml-160":this.topTeaser,"lg:mt-0":this.topTeaser,"mt-120":this.topTeaser,"pt-120":this.topTeaser,"lg:pt-24":this.topTeaser,"pt-24":!this.topTeaser}}get textGroupClasses(){return{"cursor-pointer":!this.hasLocationLink}}get teaserClasses(){return{"bg-module-bg-8":this.topTeaser,"bg-module-bg-9":!this.topTeaser,"mt-100":this.topTeaser,"mb-40":!this.topTeaser,container:this.topTeaser,relative:this.topTeaser,"lg:flex":!this.topTeaser,"lg:items-stretch":!this.topTeaser,"overflow-hidden":!this.topTeaser,"rounded-component-tl":!this.topTeaser,"rounded-component-tr":!this.topTeaser,"rounded-component-bl":!this.topTeaser,"rounded-component-br":!this.topTeaser&&"secondary"===s(),"rounded-br-100":!this.topTeaser&&"secondary"!==s()}}get linkHoverClasses(){return{"underline-effect-general-underline-2":this.topTeaser,"group-focus-within:underline-effect-general-underline-2--static":this.topTeaser,"group-hover:underline-effect-general-underline-2--static":this.topTeaser,"underline-effect-general":!this.topTeaser,"group-focus-within:underline-effect-general--static":!this.topTeaser,"group-hover:underline-effect-general--static":!this.topTeaser}}get dateContentClasses(){return{block:this.startDate&&this.topTeaser,flex:!this.topTeaser,"gap-15":!this.topTeaser,"lg:block":!this.topTeaser}}get dateDayClasses(){return{"leading-lh-0-5":this.topTeaser}}get dateMonthYearClasses(){return{"pt-8":this.topTeaser}}get lineClasses(){return{"bg-static-22":this.topTeaser,"bg-static-1":!this.topTeaser,"my-16":this.topTeaser,"mt-16":!this.topTeaser}}get locationClasses(){return{"group-focus-within:underline":this._children?.["pp-link"],"group-hover:underline":this._children?.["pp-link"],"my-16":!this.isEventPage,"mb-12":!this.isEventPage&&!this.topTeaser,"mb-20":this.isEventPage}}get locationLinkClasses(){return{underline:this._children?.["pp-link-event-location"]}}

1get roundedClasses(){return{"rounded-br-50":"secondary"===s()}}generateDate(t,e){return a`
2            <time class="text-44 pt-6 italic ${i(this.dateDayClasses)}" datetime="${this.dateTimeText}">${t}
3              <span class="text-16 block leading-lh-0-5 not-italic ${i(this.dateMonthYearClasses)}">${e}</span>
4            </time>
5        `}get addEndDate(){return a`
6          <span class="lg:block flex self-center w-20 h-[1px] mx-auto ${i(this.lineClasses)}"></span>
7          ${this.generateDate(this.endDate,this.monthYearEnd)}
8        `}get addStartDate(){return this.generateDate(this.startDate,this.monthYearStart)}get dateContent(){return a`
9            ${this.srDate}
10            <div aria-hidden="true" class="${i(this.dateContentClasses)} text-center">
11                ${this.addStartDate}
12                ${this.endDate?this.addEndDate:n}
13            </div>
14        `}get srDate(){return this.isEventPage?n:a`<p class="sr-only">${this.srDateText}</p>`}get dateTopTeaser(){return a`
15            <div class="${i(this.roundedClasse

15s)} bg-module-bg-4 rounded-tr-50 rounded-tl-50 rounded-bl-50 w-200 h-200 p-12 text-static-22 absolute -top-100 left-70 sm:left-150 md:left-240 lg:-left-40 flex justify-center items-center">
16               ${this.dateContent}
17            </div>
18        `}get dateNormalTeaser(){return a`
19            <div class="w-full lg:min-w-160 lg:w-160 bg-module-bg-2 text-static-1 flex justify-center items-center">
20                <div class="mt-32 mb-24 lg:my-40 flex justify-center items-center flex-col">
21                    ${this._children["pp-image"]}
22                    <div class="pt-12 flex justify-center items-center">
23                        ${this.dateContent}
24                    </div>
25                </div>
26            </div>
27        `}get calendarDate(){return this.topTeaser?this.dateTopTeaser:this.dateNormalTeaser}get locationLink(){return a`<div class="${i(this.locationLinkClasses)}">${this._children?.["pp-link-event-location"]||this._children?.["pp-text-with-icon-event-location"]}</div>`}get dateAndLocationLink(){return this.showLocationFirst?a`
28                ${this.locationLink}
29                ${this._children?.["pp-text-with-icon-event-date"]}`:a`
30                ${this._children?.["pp-text-with-icon-event-date"]}
31                ${this.locationLink}`}get locationDetails(){return a`
32                ${this._children?.["pp-text-with-icon"]}
33                ${this.dateAndLocationLink}
34                ${this._children?.["pp-text-with-icon-event-closedate"]}
35                ${this._children?.["pp-text-with-icon-event-type"]}
36            `}get locationText(){return a`
37            <div class="flex flex-col typ-body-3 text-static-2 space-y-12 ${i(this.locationClasses)}">
38                ${this.locationDetails}
39            </div>
40            <div class="s-editor typ-body-3">
41                ${this._children?.["pp-text"]}
42            </div>
43        `}get button(){return this._children?.["pp-button"]?a`
44                <div class="mt-32">
45                    ${this._children["pp-button"]}
46                </div>`:n}get headlineAndLocation(){return this._children?.["pp-link"]?a`
47                <div class="group ${i(this.textGroupClasses)}" @click="${this.hasLocationLink?void 0:this.handleClick}">
48                    <div class="mt-12 typ-heading-3 ${i(this.linkHoverClasses)}">
49                        ${this._children?.["pp-link"]}
50                    </div>
51                    ${this.locationText}
52                </div>`:this._children?.["pp-headline"]?a`
53                <div class="mt-12 typ-heading-3">
54                    ${this._children["pp-headline"]}
55                </div>
56                ${this.locationText}`:a`${this.locationText}`}get content(){return this.isEventPage?a`
57                <div class="px-16 py-24">
58                    <div class="group">
59                        ${this.locationText}
60                    </div>
61                    <div class="-mt-8">${this._children?.["pp-button-calendar"]}</div>
62                    ${this.button}
63                </div>
64            `:a`
65            <div class="px-16 pb-40 lg:pb-32 ${i(this.textContainerClasses)}">
66                ${this.headlineAndLocation}
67                ${this._children?.["pp-button-calendar"]}
68                ${this.button}
69            </div>
70
71        `}render(){return a`
72        <div class="relative mx-breakout w-screen">
73            <div class="container">
74                <div class="row">
75                    <div class="w-full lg:col-10 lg:mx-auto">
76                        <div class="qs-event-teaser js-event-teaser text-static-2 ${i(this.teaserClasses)}">
77                            ${this.calendarDate}
78                            ${this.content}
79                        </div>
80                    </div>
81                </div>
82            </div>
83        </div>
84        `}}customElements.define("pp-event-teaser",o);export{o as default};