https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/chunks/pp-facet-dropdown-FY1eeaHH.js

1import{A as t,B as e,i as r,b as s,e as n,j as i,a as o,c as d,t as a,E as c,g as l,d as p}from"./pp-accordion-CA6w9In6.js";const u=e=>e??t;class h extends e{constructor(){super(),this.classList.add("block")}}const b=t=>class extends t{static get properties(){return{etEventAction:{type:String,attribute:"et-event-action"},etEventCategory:{type:String,attribute:"et-event-category"},etEventObject:{type:String,attribute:"et-event-object"}}}get firesEtEvent(){return void 0!==this.etEventCategory&&void 0!==this.etEventObject}dispatchTrackingEvent(){if(this.firesEtEvent&&"function"==typeof window._etracker?.isTrackingEnabled&&window._etracker.isTrackingEnabled()){const e=window._etracker?.sendEvent;if("function"==typeof e)try{e(new window.et_UserDefinedEvent(this.etEventObject,this.etEventCategory,this.etEventAction))}catch(t){}}}};class f extends(b(r)){static get properties(){return{srOnlyText:{type:String,attribute:"sr-only-text"},checked:{type:Boolean},link:{type:String},text:{type:String},radio:{type:Boolean},nested:{type:Boolean},indented:{type:Boolean}}}constructor(){super(),this.checked=!1,this.radio=!1,this.nested=!1,this.indented=!1,this.srOnlyText=""}dispatchButtonEvents(){this.etEventObject||(this.etEventObject=this.text),this.dispatchTrackingEvent()}get textColorClasses(){return{"text-static-16":!this.checked,"text-static-2":this.checked,outline:!this.nested,"outline-2":!this.checked,"-outline-offset-2":!this.nested,"outline-static-22":!this.nested,"pl-40":this.nested&&this.indented,"pl-12":this.nested}}get srOnly(){return this.srOnlyText?s`<span class="sr-only">${this.srOnlyText}</span>`:t}render(){return s`
2            <a href="${this.link}"
3               class="flex justify-between items-center group dropdown-item z-10 whitespace-normal word-wrap box-border border-static-20 border-l-1 border-r-1 hover:bg-static-1 focus:bg-static-1 typ-body-4 text-left hover:text-static-22 focus:text-static-22 py-12 pr-12 ${n(this.textColorClasses)}"
4               aria-current="${u(this.checked?"page":void 0)}"
5               @click="${this.firesEtEvent?this.dispatchButtonEvents:void 0}"
6            >
7                ${this.text}
8                ${this.srOnly}
9                <pp-icon name="${this.checked?"circle-checkmark-filled":"circle-border"}" class="text-24 rounded-full fill-current"></pp-icon>
10            </a>
11        `}createRenderRoot(){return this}}customElements.define("pp-facet-dropdown-item",f);const g=Object.freeze(Object.defineProperty({__proto__:null,default:f},Symbol.toStringTag,{value:"Module"})),{I:y}=i,v=t=>t,x=t=>null===t||"object"!=typeof t&&"function"!=typeof t,E=(t,e)=>void 0!==t?._$litType$,w=t=>null!=t?._$litType$?.h,$=t=>void 0===t.strings,_=()=>document.createComment(""),m=(t,e,r)=>{const s=t._$AA.parentNode,n=t._$AB;if(void 0===r){const e=s.insertBefore(_(),n),i=s.insertBefore(_(),n);r=new y(e,i,t,t.options)}else{const e=r._$AB.nextSibling,i=r._$AM,o=i!==t;if(o){let e;r._$AQ?.(t),r._$AM=t,void 0!==r._$AP&&(e=t._$AU)!==i._$AU&&r._$AP(e)}if(e!==n||o){let t=r._$AA;for(;t!==e;){const e=v(t).nextSibling;v(s).insertBefore(t,n),t=e}}}return r},T={},A=(t,e=T)=>t._$AH=e,O=t=>t._$AH,k=t=>{t._$AR()},B=o(class extends d{constructor(t){if(super(t),t.type!==a.PROPERTY&&t.type!==a.ATTRIBUTE&&t.type!==a.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!$(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(e,[r]){if(r===c||r===t)return r;const s=e.element,n=e.name;if(e.type===a.PROPERTY){if(r===s[n])return c}else if(e.type===a.BOOLEAN_ATTRIBUTE){if(!!r===s.hasAttribute(n))return c}else if(e.type===a.ATTRIBUTE&&s.getAttribute(n)===r+"")return c;return A(e),r}});class j extends h{static get properties(){return{text:{type:String},expanded:{type:Boolean,reflect:!0,attribute:!1}}}constructor(){super(),this.expanded=!1,this._children=l(this),this.id=p()}firstUpdated(){const t=this.querySelector(".dropdown");t.addEventListener("shown.bs.dropdown",()=>{this.expanded=!this.expanded}),t.addEventListener("hidden.bs.dropdown",()=>{this.expanded=!this.expanded})}get rotateClasses(){return{"rotate-180":!this.expanded}}render(){return s`
12            <div class="dropdown flex flex-col items-center btn-group border-static-20 border-1 mt-16 lg:mt-0 relative w-full">
13                <button
14                    class="qs-dropdown-button relative bg-static-22 z-1 w-full pl-12 border-0 typ-body-4 text-left h-50 box-border

15                border-static-20 hover:border-static-20 focus:border-static-20 border-b-2 border-b-static-17 hover:border-b-static-17 focus:outline-static-1 focus:outline focus:outline-2"
16                    type="button" 
17                    data-bs-toggle="dropdown" 
18                    data-bs-target="dropdown-toggle-${this.id}"
19                    data-bs-auto-close="outside"
20                    aria-controls="dropdown-toggle-${this.id}"   
21                    aria-expanded="${B(this.expanded)}"
22                >
23                    <pp-icon name="chevron-up" class="${n(this.rotateClasses)} transform absolute right-[12px] top-16 text-static-1"></pp-icon>
24                    <span class="absolute top-10 right-36 z-1 text-static-20 border-r-2 h-30"></span>
25                    ${this.text}
26                </button>
27                <ul id="dropdown-toggle-${this.id}" 
28                    class="dropdown-menu w-full border-t-2 border-static-20 p-0 m-0 rounded-0"
29                >
30                    ${this._children.map(t=>s`<li
31                        class="whitespace-normal p-0 border-b-2 border-x-1 box-border border-static-20 border-solid outline-none">${t}</li>`)}
32                </ul>
33            </div>
34        `}}customElements.define("pp-facet-dropdown",j);const S=Object.freeze(Object.defineProperty({__proto__:null,default:j},Symbol.toStringTag,{value:"Module"}));export{h as B,O as M,b as T,S as a,w as d,g as f,k as j,E as l,x as n,u as o,A as p,$ as r,m as v};