https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/audio-player-BU1Rz4zy.js

1import{B as e,g as t,b as i,e as a}from"./pp-accordion-CA6w9In6.js";import{o as s}from"./pp-facet-dropdown-FY1eeaHH.js";class n extends e{static get properties(){return{a11yDescriptionId:{type:String,attribute:"a11y-description-id"},a11yPlayAlternative:{type:String,attribute:"a11y-play-alternative"},a11yPauseAlternative:{type:String,attribute:"a11y-pause-alternative"},playing:{type:String},theme:{type:String}}}audioPlayer;constructor(){super(),this.playing=!1,this._children=t(this,["pp-headline","pp-image","pp-text-with-icon","pp-button-play","pp-button-pause","pp-mediaelement"]),this.addEventListener("loaded",this.addListeners)}addListeners=()=>{this.audioPlayer=this.renderRoot.querySelector(".mejs__mediaelement div"),this.audioPlayer.addEventListener("play",this.toggleButton),this.audioPlayer.addEventListener("pause",this.toggleButton)};togglePlaying=()=>{this.playing?(this.audioPlayer.pause(),this.renderRoot.querySelector(".mejs__playpause-button button").focus()):(this.audioPlayer.play(),this.renderRoot.querySelector(".mejs__playpause-button button").focus())};toggleButton=()=>{this.playing=!this.playing};get classMapContent(){return{"md:pl-32":this._children?.["pp-image"],"md:pl-24":!this._children?.["pp-image"],"lg:pl-64":!this._children?.["pp-image"]}}get imageContainer(){return i`
2            <div class="hidden md:block flex-shrink-0">
3                ${this._children?.["pp-image"]}
4            </div>
5        `}get themeClassMap(){return{"s-mediaelementjs":"accordion"===this.theme,"bg-module-bg-2":"accordion"===this.theme,"bg-module-bg-3":"accordion"!==this.theme}}get generatedPlayer(){return i`
6            <div class="flex rounded-br-64 ${a(this.themeClassMap)}">
7                ${s(this._children?.["pp-image"]?i`${this.imageContainer}`:void 0)}
8                <div class="flex flex-col justify-between py-32 px-12 ${a(this.classMapContent)} md:pr-24 lg:pr-64 max-w-full w-full">
9                    <div class="flex">
10                        <div @click="${this.togglePlaying}" aria-label="${this.a11yPlayAlternative}" class="z-10 btn-hover--no-animation js-button-play qs-play-button ${this.playing?"hidden":""} ">
11                            ${this._children?.["pp-button-play"]}
12                        </div>
13                        <div @click="${this.togglePlaying}" aria-label="${this.a11yPauseAlternative}" class="z-10 btn-hover--no-animation js-button-pause qs-pause-button ${this.playing?"":"hidden"}">
14                            ${this._children?.["pp-button-pause"]}
15                        </div>
16                        <div class="ml-32 md:ml-16">
17                            <div id="${this.a11yDescriptionId}" class="text-static-1 typ-heading-4 lg:typ-heading-3 mb-8">
18                                ${this._children?.["pp-headline"]}
19                            </div>
20                            <div class="text-static-16 typ-body-4">
21                                ${this._children?.["pp-text-with-icon"]}
22                            </div>
23                        </div>
24                    </div>
25                    <div class="max-w-full">
26                        ${this._children?.["pp-mediaelement"]}
27                    </div>
28                </div>
29            </div>
30        `}render(){return"accordion"===this.theme?i`
31                <div class="mb-40 md:bg-transparent" aria-describedby="${this.a11yDescriptionId}">
32                    ${this.generatedPlayer}
33                </div>`:i`
34            <div class="relative mx-breakout w-screen mb-40 md:bg-transparent" aria-describedby="${this.a11yDescriptionId}">
35                <div class="container">
36                    <div class="row">
37                        <div class="col-12 lg:col-10 mx-auto">
38                            ${this.generatedPlayer}
39                        </div>
40                    </div>
41                </div>
42            </div>
43        `}}customElements.define("pp-audio-player",n);export{n as default};