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

1import{b as t,A as i,e}from"./pp-accordion-CA6w9In6.js";import{o as s}from"./pp-facet-dropdown-FY1eeaHH.js";import{a as o}from"../components.js";import{B as n,p as c}from"./pp-highcharts-D5Crk9o0.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 a extends o{static get properties(){return{activeLabel:{type:String,attribute:"active-label"},isToggleButton:{type:Boolean,attribute:"is-toggle-button"},toggleText:{type:String,attribute:"toggle-text"}}}isCollapseButton=!1;constructor(){super(),this.active=!1,this.activeLabel=""}connectedCallback(){super.connectedCallback(),this.isToggleButton&&"collapse-toggle"===this.customEventDetail&&(this.isCollapseButton=!0)}firstUpdated(){this.emitClickEvent&&window.addEventListener(n,this.toggleActiveState.bind(this))}dispatchExtendEvents(){this.toggleEvent=new CustomEvent(c,{bubbles:!0,detail:{active:this.active}}),this.dispatchEvent(this.toggleEvent)}toggleActiveState(t){const{group:i,customEventDetail:e}=t.detail;i&&(this.isToggleButton&&i===this.group?this.active=!this.active:i===this.group&&(this.active=e===this.customEventDetail))}get defaultIconClasses(){return{"mr-10":!this.showOnlyIcon&&!this.showIconAsBackground,"text-20":!this.showOnlyIcon&&!this.showIconAsBackground,"text-text-1":"quaternary"===this.variant,"fill-current":!this.showIconAsBackground,"z-1":this.showIconAsBackground,"transition-transform":"chevron-down"===this.icon||"chevron-up"===this.icon,"duration-300":"chevron-down"===this.icon||"chevron-up"===this.icon}}get announceActiveState(){return this.active&&this.activeLabel?t`<span class="sr-only">${this.activeLabel}</span>`:i}get svgIcon(){return this.icon?t`
2            <pp-icon 
3                name="${this.icon}" 
4                class="${e(this.iconClasses)} qs-icon"
5                icon-width="${s(this.iconWidth)}" 
6                icon-height="${s(this.iconHeight)}"
7            ></pp-icon>
8            ${this.svgIconInteractive}
9            ${this.svgIconToggled}
10        `:i}get svgIconToggled(){return this.iconToggled&&this.active?t`
11                <pp-icon 
12                    name="${this.iconToggled}" 
13                    icon-width="${s(this.iconWidth)}" 
14                    icon-height="${s(this.iconHeight)}" 
15                    class="${e(this.defaultIconClasses)} qs-icon-toggled"
16                ></pp-icon>`:i}render(){return t`
17            <button 
18                class="qs-button js-button group inline-block relative z-0  items-center text-center outline-none ${e(this.buttonClasses)}"
19                type="button"
20                aria-expanded="${s(this.isCollapseButton?this.active:void 0)}"
21                aria-controls="${s(this.controlId)}"
22                @click="${this._hasEvents?this.dispatchButtonEvents:void 0}"
23            >
24                ${this.announceActiveState}
25                ${this.svgIcon}
26                ${this.label}
27            </button>
28        `}createRenderRoot(){return this}}customElements.define("pp-button-toggle",a);export{a as default};