1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../swiper.css"])))=>i.map(i=>d[i]); 2import{i as t,g as e,b as i,A as n,e as s,B as l,d as a,_ as r,m as o,s as c}from"./pp-accordion-CA6w9In6.js";import{b as p}from"./pp-process-CNG5NvVa.js";import{S as d}from"./pp-highcharts-D5Crk9o0.js";class u extends t{static get properties(){return{a11yPrev:{type:String,attribute:"a11y-prev"},a11yNext:{type:String,attribute:"a11y-next"}}}constructor(){super(),this._children=e(this,["pp-image","pp-collapse-horizontal","pp-list","pp-list-buttons","pp-link","pp-text-with-icon","pp-text","pp-blockquote"]),this.items=[...this.children]}get containerOffsetClasses(){return{"-mt-20":this._children["pp-image"],"bg-module-bg-1":this._children["pp-image"],"pt-20":this._children["pp-image"],"px-8 ":this._children["pp-image"],"sm:px-32":this._children["pp-image"]}}get spacingClasses(){return{"pt-20":!this._children["pp-text-with-icon"]}}get image(){return this._children["pp-image"]?i` 3 <div class="relative"> 4 ${this._children?.["pp-image"]} 5 <div class="absolute xl:top-40 top-16 right-0"> 6 ${this._children?.["pp-collapse-horizontal"]} 7 </div> 8 </div> 9 `:""}get date(){return this._children["pp-text-with-icon"]?i` 10 <div class="flex justify-center flex-wrap"> 11 ${this._children?.["pp-text-with-icon"]} 12 </div> 13 `:n}get headline(){return this._children["pp-link"]?i` 14 <div class="typ-heading-3 text-center"> 15 <div class="underline-effect-general focus-within:underline-effect-general--static hover:underline-effect-general--static"> 16 ${this._children?.["pp-link"]} 17 </div> 18 </div> 19 `:n}get dateContainer(){return this._children["pp-text-with-icon"]?i` 20 <div class="${s(this.containerOffsetClasses)} rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl relative pb-20 z-10 mx-16 lg:mx-64"> 21 ${this.date} 22 </div> 23 `:n}get tagList(){return this._children["pp-list"]?i` 24 <div class="${s(this.spacingClasses)} mb-20">${this._children?.["pp-list"]}</div> 25 `:n}render(){return i` 26 <article class="w-full"> 27 <div class="col-12 lg:col-6 px-0 mx-auto"> 28 ${this.image} 29 ${this.dateContainer} 30 </div> 31 <div class="flex flex-col justify-between col-12 lg:col-10 mx-auto"> 32 ${this.tagList} 33 ${this.headline} 34 <div class="mb-24 typ-body-3 text-static-2 text-center"> 35 ${this._children?.["pp-text"]} 36 ${this._children?.["pp-blockquote"]} 37 </div> 38 <div class="flex flex-row flex-wrap justify-center"> 39 ${this._children?.["pp-list-buttons"]} 40 </div> 41 </div> 42 </article> 43 `}createRenderRoot(){return this}_dispatchClickEvent(t,e){const i=new CustomEvent(t,{detail:{keypressed:e},bubbles:!0,composed:!0});this.dispatchEvent(i)}}customElements.define("pp-transition-item",u);const h=Object.freeze(Object.defineProperty({__proto__:null,default:u},Symbol.toStringTag,{value:"Module"}));class g extends l{static get properties(){return{a11yPrev:{type:String,attribute:"a11y-prev"},a11yNext:{type:String,attribute:"a11y-next"},a11yBulletMessage:{type:String,attribute:"a11y-bullet"},a11yCurrentBulletMessage:{type:String,attribute:"a11y-current-bullet"},a11yNextBulletMessage:{type:String,attribute:"a11y-next-bullets"},a11ySectionLabel:{type:String,attribute:"a11y-section-label"},a11ySlideLabel:{type:String,attribute:"a11y-slide-label"},utilityId:{type:String,attribute:!1}}}mySwiper;constructor(){super(),this.a11ySectionLabel="Sammlung an Neuigkeiten",this.a11yBulletMessage="Seite",this.a11yCurrentBulletMessage="Seite",this.a11yNextBulletMessage="Zeige Seite",this.a11yNavLabel="Blättern",this.a11yPrev="Vorherige Slide",this.a11yNext="Nächste Slide",this.a11ySlideLabel="von",this._children=e(this,["pp-headline","html-collection"]),this.itemCount=[...this._children?.["html-collection"].children].length,this.utilityId=a()}async firstUpdated(){if(this.itemCount>1){await r(()=>Promise.resolve({}),__vite__mapDeps([0]),import.meta.url);const{default:t}=await r(async()=>{const{default:t}=await import("./swiper-CnRdoJB7.js");return{default:t}},[],import.meta.url),{A11y:e}=await r(async()=>{const{A11y:t}=await import("./index-fkDSIl1D.js");return{A11y:t}},[],import.meta.url),{Keyboard:i}=await r(async()=>{const{Keyboard:t}=await import("./index-fkDSIl1D.js");return{Keyboard:t}},[],import.meta.url),{Navigation:n}=await r(async()=>{const{Navigation:t}=await import("./index-fkDSIl1D.js");return{Navigation:t}},[],import.meta.url),{Pagination:s}=await r(async()=>{const{Pagination:t}=await import("./index-fkDSIl1D.js");return{Pagination:t}},[],import.meta.url);this.mySwiper=new t(`.js-swiper-teaser-container-${this.utilityId}`,{...this.swiperConfig,modules:[e,i,n,s]}),this.mySwiper.on("slideChangeTransitionEnd",()=>{o(this.mySwiper)}),this.mySwiper.on("slideChange",()=>{c(this.mySwiper),this.changeAriaPagination()}),o(this.mySwiper)}const t=this.querySelectorAll(".swiper li.swiper-slide"),e=new IntersectionObserver(t=>{t.forEach(t=>{if(t.target.querySelectorAll("pp-collapse-horizontal").length){const e=t.target.querySelectorAll("pp-collapse-horizontal button"),i=t.target.querySelectorAll("pp-collapse-horizontal"),n=i[i.length-1].getAttribute("button-id");t.intersectionRatio>0?[...e].map(t=>t.setAttribute("id",n)):[...e].map(t=>t.removeAttribute("id"))}})},{rootMargin:"0px",threshold:[0,1]});t.forEach(t=>{e.observe(t)})}get swiperConfig(){return{...d,centeredSlides:!0,pagination:{el:`.swiper-pagination-${this.utilityId}`,clickable:!0,renderBullet:(t,e)=>`<li class="js-pagination ${e} bg-static-1 outline-none focus:bg-transparent focus:shadow-outline-2-static-1 mr-12 opacity-100 h-14 w-14 mt-4 mb-4"><span class="sr-only">${this.a11yBulletMessage} ${t+1}</span></li>`},navigation:{nextEl:`.js-next-${this.utilityId}`,prevEl:`.js-prev-${this.utilityId}`},a11y:{enabled:!0,prevSlideMessage:this.a11yPrev,nextSlideMessage:this.a11yNext,containerMessage:this.a11ySectionLabel,containerRoleDescriptionMessage:"Galerie",itemRoleDescriptionMessage:"Galerieeintrag",slideLabelMessage:`{{index}} ${this.a11ySlideLabel} {{slidesLength}}`},on:{init:()=>{this.changeAriaPagination()}}}}changeAriaPagination(){const t=this.querySelectorAll(".js-pagination"),e=this.querySelectorAll(".js-pagination > .sr-only");for(let i=0;i<t.length;i+=1){const n=i+1,s=`${this.a11yCurrentBulletMessage} ${n}`,l=`${this.a11yNextBulletMessage} ${n}`;t[i].classList.contains("swiper-pagination-bullet-active")?(t[i].setAttribute("aria-current","true"),t[i].setAttribute("tabindex",-1),e[i].innerHTML=s):(t[i].removeAttribute("aria-current"),e[i].innerHTML=l)}}get pagination(){return[...this._children?.["html-collection"].children].length>1?i` 44 <ul class="swiper-pagination-${this.utilityId} w-auto flex flex-wrap justify-center text-20 text-static-2 swiper-pagination-fraction"></ul> 45 `:n}get headline(){return i` 46 <div class="col-12 mb-40 text-center"> 47 <div class="text-static-1 rounded-br-12 bg-no-repeat no-underline bg-100100 bg-clip-content bg-clip-border 48 bg-gradient-underline typ-heading-2 underline-effect-general underline-effect-general--static"> 49 ${this?._children["pp-headline"]} 50 </div> 51 </div> 52 `}get navigationButtonLeft(){return i` 53 <button @click="${this._handleClickLeft}" class="js-prev-${this.utilityId} flex items-center justify-center w-50 h-50 mt-0 mr-40 p-12 bg-static-22 rounded-full fill-current text-icon-1 outline-text-icon-1 -outline-offset-2 focus:outline focus:outline-2">
54 <span class="sr-only">${this.a11yPrev}</span> 55 <pp-icon name="chevron-thin-right" class="text-24 rotate-180 text-icon-1"></pp-icon> 56 </button> 57 `}get navigationButtonRight(){return i` 58 <button class="js-next-${this.utilityId} flex items-center justify-center w-50 h-50 mt-0 ml-40 p-12 bg-static-22 rounded-full fill-current text-icon-1 outline-icon-1 -outline-offset-2 focus:outline focus:outline-2"> 59 <span class="sr-only">${this.a11yNext}</span> 60 <pp-icon name="chevron-thin-right" class="text-24 text-icon-1"></pp-icon> 61 </button> 62 `}get navigation(){return p?[...this._children?.["html-collection"].children].length>1?i` 63 <div class="col-12"> 64 <div class="mt-20"> 65 <ul class="flex justify-center items-center text-center"> 66 <li> 67 ${this.navigationButtonLeft} 68 </li> 69 <li> 70 ${this.pagination} 71 </li> 72 <li> 73 ${this.navigationButtonRight} 74 </li> 75 </ul> 76 </div> 77 </div> 78 `:n:[...this._children?.["html-collection"].children].length>1?i` 79 <div class="top-129 absolute lg:flex z-10 w-full justify-center items-center"> 80 <div class="col-8"> 81 <ul class="flex justify-between"> 82 <li> 83 ${this.navigationButtonLeft} 84 </li> 85 <li> 86 ${this.navigationButtonRight} 87 </li> 88 </ul> 89 </div> 90 </div> 91 `:n}render(){return i` 92 <section class="bg-module-bg-1 pb-40 lg:pb-64 pt-40 overflow-x-hidden"> 93 <div class="container px-0 md:px-15"> 94 <div class="row"> 95 ${this.headline} 96 </div> 97 <div class="relative"> 98 <div tabindex="0" class="js-swiper-teaser-container-${this.utilityId} swiper outline-none"> 99 <ul class="swiper-wrapper justify-around" @handle-click-left="${this._handleClickLeft}"> 100 ${[...this._children?.["html-collection"].children].map(t=>i` 101 <li class="swiper-slide h-auto outline-static-1 -outline-offset-1 focus:outline focus:outline-1" tabindex="0"> 102 ${t} 103 </li> 104 `)} 105 </ul> 106 </div> 107 ${this.navigation} 108 </div> 109 </div> 110 </section> 111 `}_handleClickLeft(t){if(t.detail?.keypressed&&this.itemCount>1){document.getElementById(`slide-${this.mySwiper.activeIndex}`).focus()}}}customElements.define("pp-transition-teaser",g);const y=Object.freeze(Object.defineProperty({__proto__:null,default:g},Symbol.toStringTag,{value:"Module"}));export{y as a,h as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.