https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/radio-button-B5DMmu2O.js

1import{i as t,g as e,d as i,A as s,b as r,e as a,x as o}from"./pp-accordion-CA6w9In6.js";import{o as n}from"./pp-facet-dropdown-FY1eeaHH.js";import{B as d}from"./pp-highcharts-D5Crk9o0.js";import{B as l}from"../components.js";import"./bootstrap-collapse-tT-5TXrK.js";import"./bootstrap-tooltip-Cj2mksZ3.js";import"./pp-process-CNG5NvVa.js";import"./pp-social-media-newsroom-XnZulFRf.js";import"./pp-slider-BLQQXShl.js";import"./pp-tooltip-BTWWfw_L.js";class c extends(l(t)){static get properties(){return{radioId:{type:String,attribute:"radio-id"},labelSrOnly:{type:Boolean,attribute:"label-sr-only"},ariaDescribedbyId:{type:String,attribute:"aria-describedby-id"},clickEvent:{type:Boolean,attribute:"click-event"},customEventDetail:{type:String,attribute:"custom-event-detail"},name:{type:String},value:{type:String},label:{type:String},errormessage:{type:String},errorid:{type:String},required:{type:Boolean},autofocus:{type:Boolean},checked:{type:Boolean}}}constructor(){super(),this.labelSrOnly=!1,this.clickEvent=!1,this.value="",this.errormessage="",this.errorid="",this.required=!1,this.checked=!1,this._children=e(this,["pp-tooltip","pp-text-info"]),this._children["pp-text-info"]&&(this.infoTextId=`info-${i()}`)}connectedCallback(){super.connectedCallback(),window.addEventListener(d,this.toggleCheckedState.bind(this))}disconnectedCallback(){window.removeEventListener(d,this.toggleCheckedState.bind(this)),super.disconnectedCallback()}get itemClasses(){return{"mt-8":this.variant,"mt-0":!this.variant,"mr-16":!this.variant,"focus-within:rounded-button-br":this.variant,"focus-within:rounded-button-bl":this.variant,"focus-within:rounded-button-tr":this.variant,"focus-within:rounded-button-tl":this.variant}}get inputClasses(){return{"border-static-17":!this.errormessage&&!this.variant,"border-static-4":this.errormessage&&!this.variant}}get radioButtonClasses(){return{"sr-only":this.labelSrOnly,"pl-32":!this.variant,"pt-1":!this.variant,"typ-body-4":!this.variant,"text-static-2":!this.variant,"text-left":!this.variant,"mb-10":!this.variant&&!this._children?.["pp-text-info"]}}get iconClasses(){return{"text-static-22":this.active}}handleClick(){if(this.clickEvent){const t=new CustomEvent(d,{bubbles:!0,detail:{customEventDetail:this.customEventDetail||null,text:this.radioId,id:this.name}});this.dispatchEvent(t)}}toggleCheckedState(t){t.detail.id===this.name&&(this.checked=t.detail.text===this.radioId)}get describedBy(){return[this.ariaDescribedbyId,this.infoTextId,this.errorid].filter(Boolean).join(" ")||void 0}get tooltip(){return this._children["pp-tooltip"]||s}get radiomark(){return r`
2            <span class="radiomark absolute top-0 left-0 h-24 w-24 rounded-50 bg-static-22 border-2 border-line-2 transition duration-200 ease-in-out
3                        after:absolute after:h-12 after:w-12 after:rounded-50 after:transition after:duration-200 after:ease-in-out after:left-4 after:top-4 after:opacity-0 after:hidden"></span>
4        `}get geticon(){return this.icon?r`
5            <pp-icon name="${this.icon}" class="${a(this.iconClasses)} fill-current text-20 qs-inline-icon inline-block mr-8 bg-contain bg-center"></pp-icon>
6        `:s}get infoText(){return this._children?.["pp-text-info"]?r`
7        <div id="${this.infoTextId}" class="pl-32 text-16 text-static-2 mb-10">
8            ${this._children["pp-text-info"]}
9        </div>
10    `:s}render(){return r`
11        <div class="group outline-focus-1 outline-offset-4 focus-within:outline focus-within:outline-1 ${a(this.itemClasses)}">
12            <div class="flex items-center">
13                <label
14                    class="relative cursor-pointer ${this.variant?a(this.buttonClasses):a(this.radioButtonClasses)}"
15                    for="${this.radioId}"
16                >
17                    <input
18                        type="radio"
19                        id="${this.radioId}"
20                        name="${this.name}"
21                        ?checked=${this.checked}
22                        aria-describedby="${n(this.describedBy)}"
23                        required="${n(this.required?"":void 0)}"
24                        autofocus="${n(this.autofocus)}"
25                        class="${a(this.inputClasses)} opacity-0 absolute"
26                        value="${n(this.value)}"
27                        @click="${this.handleClick}"
28                    />
29                    ${this.variant?this.geticon:this.radiomark}
30                    ${this.label}
31                </label>
32                ${this.tooltip}
33            </div>
34            ${this.infoText}
35        </div>
36        <div class="w-full mb-20">
37            ${o(this.errormessage,this.errorid)}
38        </div>
39    `}createRenderRoot(){return this}}customElements.define("pp-radio-button",c);export{c as default};