https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/current/public/chunks/form-BoEp8QC-.js

1import{B as e,g as t,b as s,A as i,e as n}from"./pp-accordion-CA6w9In6.js";import{T as r,o}from"./pp-facet-dropdown-FY1eeaHH.js";import{B as d,t as a}from"./pp-highcharts-D5Crk9o0.js";class c extends(r(e)){static get properties(){return{formMessage:{type:String,attribute:"form-message"},noValidate:{type:Boolean,attribute:"no-validate"},action:{type:String},method:{type:String},enctype:{type:String},autocomplete:{type:String},theme:{type:String},canRefresh:{type:Boolean,attribute:"can-refresh"}}}constructor(){super(),this.autocomplete="off",this.canRefresh=!1,this.theme="centered-content-grid",this._children=t(this)}connectedCallback(){super.connectedCallback(),this.canRefresh&&this.addEventListener(d,e=>this.refreshPage(e))}refreshPage(e){e?.detail?.customEventDetail===a&&window.location.reload()}fireEtEvent(e){const t=[...new FormData(e.target)];this.querySelectorAll("pp-checkbox:not([checked])").forEach(e=>{t.push([e.name,0])}),t.sort(([e],[t])=>e.localeCompare(t)),this.etEventObject=t.map(([e,t])=>`${e}=${t||0}`).join(";"),this.dispatchTrackingEvent()}get gridClasses(){return{"sm:col-10":["narrow-teaser"].includes(this.theme),"lg:col-10":["centered-content-grid","padded-content"].includes(this.theme),"sm:mx-auto":["narrow-teaser"].includes(this.theme),"lg:mx-auto":["centered-content-grid","padded-content","narrow-teaser"].includes(this.theme),"s-form":"divider"!==this.theme,"lg:pl-40":"padded-content"===this.theme,"lg:pr-90":"padded-content"===this.theme,"pb-24":"padded-content"===this.theme,"py-24":"divider"===this.theme,"bg-module-bg-1":"padded-content"===this.theme}}get outerBackgroundClasses(){return{"bg-module-bg-1":"full-width"===this.theme,"px-15":"padded-content"===this.theme}}get containerClasses(){return{"mb-40":["centered-content-grid"].includes(this.theme),"lg:container":"padded-content"!==this.theme&&"full-width"!==this.theme,container:"full-width"===this.theme||"padded-content"===this.theme||"single-row"===this.theme}}get innerBackgroundClasses(){return{"bg-module-bg-1":["centered-content-grid","padded-content"].includes(this.theme),"pt-24":"centered-content-grid"===this.theme,"lg:pt-40":"centered-content-grid"===this.theme,"pb-40":"centered-content-grid"===this.theme,"lg:pb-60":"centered-content-grid"===this.theme,"px-15":["centered-content-grid","narrow-teaser"].includes(this.theme),"lg:px-95":["centered-content-grid"].includes(this.theme)}}get formMessageTmpl(){return this.formMessage?s`
2            <div class="col-12 lg:col-10 lg:mx-auto mb-40 typ-body-4 text-static-2">
3                <p class="px-15 lg:px-95">${this.formMessage}</p>
4            </div>
5        `:null}get formClasses(){return{flex:"single-row"===this.theme,"flex-col":"single-row"===this.theme,"lg:flex-row":"single-row"===this.theme,"lg:gap-32":"single-row"===this.theme,"items-end":"single-row"===this.theme,"flow-root":"single-row"!==this.theme}}get divider(){return"divider"===this.theme?s`
6                <div class="col-6 mx-auto">
7                    <div class="border-b-2 border-line-1"></div>
8                </div>
9            `:i}render(){return s`
10            <div class="s-editor relative mx-breakout w-screen ${n(this.outerBackgroundClasses)}">
11                <div class="${n(this.containerClasses)}">
12                    <div class="row">
13                        ${this.formMessageTmpl}
14                        <div class="col-12 ${n(this.gridClasses)}">
15                            <div class="rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl ${n(this.innerBackgroundClasses)}">
16                                <form
17                                    action="${this.action}"
18                                    method="${this.method}"
19                                    enctype="${this.enctype}"
20                                    autocomplete="${this.autocomplete}"
21                                    novalidate="${o(this.noValidate?"":void 0)}"
22                                    class="qs-form typ-body-4 text-static-16 ${n(this.formClasses)}"
23                                    @submit=${this.firesEtEvent?this.fireEtEvent:void 0}
24                                >
25                                    ${this._children}
26                                </form>
27                            </div>
28                        </div>
29                        ${this.divider}
30                    </div>
31                </div>
32            </div>
33        `}}customElements.define("pp-form",c);

33export{c as default};