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

1import{a as t,c as e,D as i,A as s,i as n,g as c,l as o,b as r,e as l}from"./pp-accordion-CA6w9In6.js";import{l as a,M as h,p as d,v,j as p,d as u}from"./pp-facet-dropdown-FY1eeaHH.js";import{s as m}from"./pp-highcharts-D5Crk9o0.js";const g=t=>u(t)?t._$litType$.h:t.strings,f=t(class extends e{constructor(t){super(t),this.et=new WeakMap}render(t){return[t]}update(t,[e]){const n=a(this.it)?g(this.it):null,c=a(e)?g(e):null;if(null!==n&&(null===c||n!==c)){const e=h(t).pop();let c=this.et.get(n);if(void 0===c){const t=document.createDocumentFragment();c=i(s,t),c.setConnected(!1),this.et.set(n,c)}d(c,[e]),v(c,void 0,e)}if(null!==c){if(null===n||n!==c){const e=this.et.get(c);if(void 0!==e){const i=h(e).pop();p(t),v(t,void 0,i),d(t,[i])}}this.it=e}else this.it=void 0;return this.render(e)}});class A extends n{static get properties(){return{isActive:{type:Boolean,attribute:!1,reflect:!0}}}constructor(){super(),this._children=c(this,["html-collection-inactive","html-collection","pp-switch"]),this._contentActive=Array.from(this._children?.["html-collection"]).map(t=>o(t)),this._contentInactive=Array.from(this._children?.["html-collection-inactive"].children).map(t=>o(t)),this.isActive=!1,this.addEventListener(m,this.toggleActiveStatus)}toggleActiveStatus(t){this.isActive=t.detail.checked}get switch(){return this._children?.["pp-switch"]?r`
2                <div class="sm:flex sm:justify-center w-240 sm:w-auto mx-auto">
3                    ${this._children?.["pp-switch"]}
4                </div>`:s}get contentActive(){return r`
5            <div class="qs-toggle-content-active">
6                ${f(this.isActive?this._contentActive:s)}
7            </div>`}get contentInactiveClasses(){return{hidden:this.isActive}}get contentInactive(){return r`
8            <div class="qs-toggle-content-inactive ${l(this.contentInactiveClasses)}">
9                ${this._contentInactive}
10            </div>`}render(){return r`
11            <div class="s-editor">
12                ${this.switch}
13                <div class="mt-40">
14                    ${this.contentInactive}
15                    ${this.contentActive}
16                </div>
17            </div>
18        `}createRenderRoot(){return this}}customElements.define("pp-toggle-content",A);export{A as default};