https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/pp-pagination-BJqmqcAh.js

1import{n as t,b as i,i as e,g as s,k as a,e as n}from"./pp-accordion-CA6w9In6.js";import{o as r}from"./pp-facet-dropdown-FY1eeaHH.js";const o=({listHtml:e,navId:s,title:a,level:n=2,staticHtml:r=!1})=>{const o=r?t:i;let c;switch(n){case 2:default:c=o`<h2 class="sr-only" id="${s}-navigation">${a}</h2>`;break;case 3:c=o`<h3 class="sr-only" id="${s}-navigation">${a}</h3>`;break;case 4:c=o`<h4 class="sr-only" id="${s}-navigation">${a}</h4>`;break;case 5:c=o`<h5 class="sr-only" id="${s}-navigation">${a}</h5>`;break;case 6:c=`<h6 class="sr-only" id="${s}-navigation">${a}</h6>`}return o`
2        <nav id="${s}" aria-labelledby="${s}-navigation">
3           ${c}
4           ${e}
5        </nav>
6    `};class c extends e{static get properties(){return{linkArialabel:{type:String,attribute:"link-aria-label"},activePage:{type:String,attribute:"active-page"},icon:{type:Boolean},active:{type:Boolean},inactive:{type:Boolean},rotate:{type:Boolean},truncate:{type:Boolean},href:{type:String}}}constructor(){super(),this.icon=!1,this.active=!1,this.activePage="",this.inactive=!1,this.rotate=!1,this.truncate=!1,this.href="",this._children=s(this)}get iconClasses(){return{flex:!0,"rounded-full":!0,"border-2":!0,"border-transparent":this.truncate||!this.icon&&!this.active,"transition-all":!0,"duration-200":!0,"ease-in":!0,"p-12":this.icon,"text-22":this.icon,"hover:bg-button-interactive-bg-1":this.icon&&!this.inactive,"focus:bg-button-interactive-bg-1":this.icon&&!this.inactive,"text-icon-1":this.icon,"cursor-not-allowed":this.inactive,"hover:text-static-22":this.icon&&!this.inactive,"focus:text-static-22":this.icon&&!this.inactive,"text-static-1":!this.icon,"min-w-48":!this.icon,"min-h-48":!this.icon,"items-center":!this.icon,"justify-center":!this.icon,transform:!0,"md:transform-gpu":!0,"rotate-180":this.rotate&&this.icon,"border-icon-1":this.icon,"opacity-30":this.icon&&this.inactive,"hover:border-static-2":!this.icon&&!this.active&&!this.truncate,"focus:border-static-2":!this.icon&&!this.active&&!this.truncate}}render(){return this.href?i`
7                <pp-link
8                    href="${this.href}"
9                    active-page="${r(this.activePage)}"
10                    forward-classes="${a(this.iconClasses)}"
11                >
12                    <div aria-label="${r(this.linkArialabel?this.linkArialabel:void 0)}">
13                        ${this._children[0]}
14                    </div>
15                </pp-link>
16            `:i`
17            <div class="${n(this.iconClasses)}">
18                ${this._children[0]}
19            </div>
20        `}createRenderRoot(){return this}}customElements.define("pp-pagination-item",c);const l=Object.freeze(Object.defineProperty({__proto__:null,default:c},Symbol.toStringTag,{value:"Module"}));class d extends e{static get properties(){return{navId:{type:String,attribute:"nav-id"},headline:{type:String}}}constructor(){super(),this._children=s(this,["pp-pagination-item-skip-start","pp-pagination-item-previous","html-collection","pp-pagination-item-next","pp-pagination-item-skip-end"]),this.classList.add("w-full")}get pagination(){return i`
21            <div class="flex flex-wrap justify-center mt-40 sm:mt-64">
22                <div class="flex flex-grow-0 order-2 sm:order-1">
23                    <div>
24                        ${this._children?.["pp-pagination-item-skip-start"]}
25                    </div>
26                    <div class="mx-8 md:mx-12">
27                        ${this._children?.["pp-pagination-item-previous"]}
28                    </div>
29                </div>
30                <ul class="flex justify-center basis-full sm:basis-auto mb-12 sm:mb-0 order-1 sm:order-2">
31                    ${[...this._children?.["html-collection"].children].map(t=>i`
32                        <li 
33                        aria-hidden="${r("pp-pagination-item-truncated"===t.dataset.slot||void 0)}"
34                        class="px-8 first:pl-0 last:pr-0 md:px-12 border-r-1 last:border-r-0 border-static-11">
35                            ${t}
36                        </li>
37                    `)}
38                </ul>

39                <div class="flex-grow sm:hidden"></div>
40                <div class="flex flex-grow-0 order-3">
41                    <div class="mx-8 md:mx-12">
42                        ${this._children?.["pp-pagination-item-next"]}
43                    </div>
44                    <div>
45                        ${this._children?.["pp-pagination-item-skip-end"]}
46                    </div>
47                </div>
48            </div>
49        `}render(){return i`
50            <div class="col-12 md:col-10 mx-auto">
51                ${o({listHtml:this.pagination,navId:this.navId,title:this.headline})}
52            </div>
53        `}createRenderRoot(){return this}}customElements.define("pp-pagination",d);const h=Object.freeze(Object.defineProperty({__proto__:null,default:d},Symbol.toStringTag,{value:"Module"}));export{h as a,o as n,l as p};