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

1import{i as e,g as t,b as i,A as s,e as r,v as n}from"./pp-accordion-CA6w9In6.js";class d extends e{static get properties(){return{errorMessage:{type:String,attribute:"error-message"},requiredText:{type:String,attribute:"required-text"},fieldsetId:{type:String,attribute:"fieldset-id"},required:{type:Boolean},indented:{type:Boolean}}}constructor(){super(),this.requiredText="Pflichtangabe",this._children=t(this,["pp-text-description","pp-text-inline-legend","pp-text-inline","pp-list","pp-headline","pp-text-inline-subtitle"])}get spacingClasses(){return{"mb-40":!this.indented&&!this._children?.["pp-headline"],"ml-40":this.indented,"mb-20":this._children?.["pp-headline"]}}get spacingAndFontClasses(){return{"mb-0":this._children?.["pp-headline"]||this._children?.["pp-text-inline-subtitle"],"mb-10":!this._children?.["pp-headline"]&&!this._children?.["pp-text-inline-subtitle"]&&!this._children?.["pp-text-description"],"font-medium":!this._children?.["pp-headline"]&&this._children?.["pp-text-inline-subtitle"]}}get borderAndPaddingClasses(){return{"border-static-4":this.errorMessage,"border-2":this.errorMessage,"p-20":this.errorMessage}}get paddingClasses(){return{"pt-4":this.errorMessage}}get errorTmpl(){return this.errorMessage?i`
2                <span class="block mt-4 text-16 text-static-3">${this.errorMessage}</span>
3            `:s}get getFormText(){return this._children?.["pp-text-inline"]?i`
4                <p class="break-words text-14 ${r(this.paddingClasses)}">${this._children?.["pp-text-inline"]}</p>
5            `:s}get fieldsetHeadline(){return this._children?.["pp-headline"]?i`
6                <div class="typ-heading-3 mb-12">
7                    ${this._children?.["pp-headline"]}
8                </div>
9            `:s}get fieldsetSubtitle(){return this._children?.["pp-text-inline-subtitle"]?i`
10                <p class="break-words text-18 mb-32">${this._children?.["pp-text-inline-subtitle"]}</p>
11            `:s}get fieldsetDescription(){return this._children?.["pp-text-description"]?i`
12            <div class="text-16 text-text-1">
13                ${this._children?.["pp-text-description"]}
14            </div>
15        `:s}render(){return i`
16            <fieldset class="s-form ${r(this.spacingClasses)}" id="${this.fieldsetId}">
17                <legend class="text-text-1 ${r(this.spacingAndFontClasses)}">
18                    ${this.fieldsetHeadline}
19                    ${this.fieldsetSubtitle}
20                    ${this._children?.["pp-text-inline-legend"]}
21                    ${n(this.required,this.requiredText)}
22                </legend>
23                ${this.fieldsetDescription}
24                ${this.errorTmpl}
25                <div class="${r(this.borderAndPaddingClasses)}">
26                    ${this._children?.["pp-list"]}
27                    ${this.getFormText}
28                </div>
29            </fieldset>
30      `}createRenderRoot(){return this}}customElements.define("pp-fieldset",d);export{d as default};