https://www.armuts-und-reichtumsbericht.de/static/releases/1403ea0b/public/chunks/select-BC8_gnhG.js

1import{i as e,g as t,d as r,A as s,b as i,e as o,v as l,x as a}from"./pp-accordion-BxQiBdeL.js";import{o as n}from"./pp-facet-dropdown-D9X7x_dO.js";class d extends e{static get properties(){return{selectboxId:{type:String,attribute:"selectbox-id"},labelSrOnly:{type:Boolean,attribute:"label-sr-only"},requiredText:{type:String,attribute:"required-text"},name:{type:String},label:{type:String},errormessage:{type:String},errorid:{type:String},required:{type:Boolean},autofocus:{type:Boolean},theme:{type:String,attribute:"theme"}}}constructor(){super(),this.errormessage="",this.errorid="",this.required=!1,this.labelSrOnly=!1,this.theme="primary",this.requiredText="Pflichtangabe",this._children=t(this,["html-collection","pp-text-info"]),this._children["pp-text-info"]&&(this.infoTextId=`info-${r()}`)}connectedCallback(){super.connectedCallback(),"secondary"===this.theme&&this.classList.add("w-full","lg:w-auto")}get borderAndOutlineClasses(){return{"border-b-static-17":!this.errormessage,"focus:border-static-1":!this.errormessage,"hover:border-static-1":!this.errormessage,"outline-static-1":!this.errormessage,"border-static-4":this.errormessage,"focus:border-static-4":this.errormessage,"hover:border-static-4":this.errormessage,"outline-static-4":this.errormessage}}get labelClasses(){return{"sr-only":this.labelSrOnly,"inline-block":!this.labelSrOnly,"mb-10":!this._children?.["pp-text-info"],uppercase:"secondary"===this.theme,"font-bold":"secondary"===this.theme}}get marginClasses(){return{"lg:mb-0":"secondary"===this.theme}}get describedBy(){const e=[this.errorid,this.infoTextId].filter(e=>e).join(" ");return""===e?void 0:e}get infoText(){return this._children?.["pp-text-info"]?i`
2            <div id="${this.infoTextId}" class="text-16 text-static-2 mb-10">
3                ${this._children?.["pp-text-info"]}
4            </div>`:s}render(){return i`
5            <div class="mt-0 mb-40 ${o(this.marginClasses)}">
6                <label class="${o(this.labelClasses)} -outline-offset-1 text-16 text-static-2 focus:outline focus:outline-1" for="${this.selectboxId}">
7                    ${this.label}${l(this.required,this.requiredText)}
8                </label>
9                ${this.infoText}
10                <select id="${this.selectboxId}" name="${this.name}" autofocus="${n(this.autofocus)}"
11                        class="${o(this.borderAndOutlineClasses)} h-50 -outline-offset-1 w-full border-b-2 typ-body-4 leading-24 py-12 pl-12 focus:outline focus:outline-1"
12                        required="${n(this.required?"":void 0)}"
13                        aria-describedby="${n(this.describedBy)}"
14                >
15                    ${[...this._children?.["html-collection"].children].map(e=>e)}
16                </select>
17                ${a(this.errormessage,this.errorid)}
18            </div>
19        `}createRenderRoot(){return this}}customElements.define("pp-select",d);export{d as default};