https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/timeline-item-DEK3g-p8.js

1import{C as e,g as t,b as s,A as r,e as i}from"./pp-accordion-CA6w9In6.js";class d extends e{static get properties(){return{isChecked:{type:Boolean,attribute:"is-checked"}}}constructor(){super(),this.isChecked=!1,this._children=t(this,["pp-image","pp-accordion-item","pp-text-date"])}get borderAndBackgroundClasses(){return{"bg-text-2":!this.isChecked,"border-dotted":!this.isChecked,"bg-line-1":this.isChecked,"border-solid":this.isChecked}}get borderClasses(){return{"border-b-1":!0}}get borderLineClasses(){return{"border-dotted":!this.isChecked,"border-solid":this.isChecked}}get marginAndWidthClasses(){return{"md:col-9":!0,"lg:col-8":!0,"md:ml-3/12":!0,"lg:ml-4/12":!0}}get borderAndSpacingClasses(){return{"border-b-1":this.underline,"border-line-1":this.underline,"py-20":!this.underline,"md:mr-0":!0,"md:ml-0":!0,"md:pl-[44px]":!0}}get checkedIcon(){return this.isChecked?s`
2                <pp-icon name="checkmark" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-16"></pp-icon>
3            `:r}get statusCircle(){return s`
4            <div class="relative w-[30px] z-10">
5                <div class="qs-circle absolute top-[42px] right-1/2 translate-x-1/2 -translate-y-1/2 w-[30px] h-[30px] rounded-full border-2 border-line-2 ${i(this.borderAndBackgroundClasses)}">
6                    ${this.checkedIcon}
7                </div>
8            </div>
9        `}get statusLine(){return s`
10            <div class="qs-line absolute right-1/2 md:right-[30px] lg:right-[27px] xl:right-[30px] top-[-24px] h-[calc(100%+24px)] group-first:top-[42px] group-first:h-[calc(100%-42px)] group-last:h-[52px] translate-x-1/2 border-l-2 border-line-2 ${i(this.borderLineClasses)}"></div>
11        `}render(){return s`
12            <div class="qs-accordeon-header group-first:mt-0 mt-24">
13                <div class="row">
14                    <div class="col-2 sm:col-1 md:col-3">
15                        <div class="flex justify-center md:justify-between">
16                            <div class="hidden md:block w-100 mr-20 xl:mr-[30px]">
17                                ${this._children?.["pp-image"]}
18                            </div>
19                            ${this.statusCircle}
20                        </div>
21                        ${this.statusLine}
22                    </div>
23                    <div class="col-10 sm:col-11 md:col-9 pt-8">
24                        ${this.heading}
25                    </div>
26                </div>
27            </div>
28            ${this.content}
29        `}createRenderRoot(){return this}}customElements.define("pp-timeline-item",d);export{d as default};