https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/current/public/chunks/pp-modal-83FJLJ0M.js

1import{i as t,g as e,_ as i,e as s,b as a,A as n}from"./pp-accordion-CA6w9In6.js";import{H as l}from"./pp-highcharts-D5Crk9o0.js";import"./pp-facet-dropdown-FY1eeaHH.js";class o extends t{static get properties(){return{toggleId:{type:String,attribute:"toggle-id"},a11yDescriptionClose:{type:String,attribute:"a11y-description-close"},setUrlHash:{type:Boolean,attribute:"set-url-hash"},title:{type:String},variant:{type:String},showModal:{type:Boolean},htmlLoaded:{type:Boolean}}}constructor(){super(),this.toggleId="",this.a11yDescriptionClose="",this.setUrlHash=!1,this._children=e(this,["pp-text","pp-image","pp-button-calendar","pp-button"]),this.variant="default",this.showModal=!1,this.modalInstance="",this.htmlLoaded=!1,this.eventOriginElement=""}connectedCallback(){super.connectedCallback();const t=window.matchMedia("(prefers-reduced-motion)");this.reducedMotion=!t||t.matches,window.addEventListener(l,this.handleHtmlUpdateComplete.bind(this)),window.addEventListener("hidden.bs.modal",this.reassignFocus.bind(this)),window.addEventListener("hide.bs.modal",()=>{document.activeElement&&document.activeElement.blur()})}disconnectedCallback(){super.disconnectedCallback(),this.modalInstance&&(this.modalInstance.dispose(),this.modalInstance=null)}async firstUpdated(){try{const{default:t}=await i(async()=>{const{default:t}=await import("./bootstrap-modal-h0XyNJx1.js").then(t=>t.m);return{default:t}},[],import.meta.url);await this.updateComplete;const e=this.querySelector(`#${this.toggleId}`);this.modalInstance||(this.modalInstance=t.getOrCreateInstance(e)),this.htmlLoaded&&this.modalInstance.show(),this.setUrlHash&&this.replaceHashWithToggleId(e)}catch(t){}}replaceHashWithToggleId(t){t.addEventListener("show.bs.modal",()=>{window.location.hash=this.toggleId}),t.addEventListener("hide.bs.modal",()=>{window.location.hash===`#${this.toggleId}`&&(window.location.hash="")})}handleHtmlUpdateComplete(t){this.htmlLoaded&&this.modalInstance&&this.modalInstance.show(),this.htmlLoaded||(this.htmlLoaded=!0),this.eventOriginElement=t.detail.reference}reassignFocus(){this.eventOriginElement.focus({focusVisible:!0}),this.eventOriginElement=""}get transitionClasses(){return{fade:!this.reducedMotion}}get dimensionsClasses(){return{"max-w-880":"default"===this.variant,"max-w-[calc(100vw-80px)]":"large"===this.variant,"max-h-[calc(100vh-80px)]":"large"===this.variant,"h-[calc(100vh-80px)]":"large"===this.variant}}get layoutClasses(){return{"mb-24":"large"!==this.variant,"w-full":"large"===this.variant,"h-full":"large"===this.variant,"firefox:table":"large"===this.variant}}get marginAndHeightClasses(){return{"mx-16":"large"!==this.variant,"h-full":"large"===this.variant}}get image(){return this._children?.["pp-image"]?a`<div class="${s(this.layoutClasses)}">
2                ${this._children?.["pp-image"]}
3            </div>`:n}get heading(){return this.title?a`<h1 class="typ-heading-4 border-b-line-1 border-b-2 pb-12 w-full" id="${this.toggleId}-label">${this.title}</h1>`:n}get editor(){return this._children?.["pp-text"]?a`<div class="s-editor text-18">${this._children?.["pp-text"]}</div>`:n}get eventCalendarButton(){return this._children?.["pp-button-calendar"]||this._children?.["pp-button"]?a`<div class="mt-16 mb-8 sm:mb-16 px-16 flex flex-col sm:flex-row gap-16 justify-between items-center">
4                ${this._children?.["pp-button-calendar"]}
5                ${this._children?.["pp-button"]}
6            </div>`:n}render(){return a`
7        <div class="h-full ${s(this.transitionClasses)} modal" role="dialog" id="${this.toggleId}" tabindex="-1"
8            aria-labelledby="${this.toggleId}-label">
9            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ${s(this.dimensionsClasses)}">
10                <div class="modal-content px-8 lg:px-16 pb-24 overflow-y-hidden rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl ${s(this.marginAndHeightClasses)}">
11                    <div class="flex justify-end px-16 lg:px-8 pb-24">
12                        <button type="button" class="h-32 w-32 mt-12 lg:mt-20 outline-focus-1 outline-offset-4 focus:outline focus:outline-1" data-bs-dismiss="modal" title="${this.a11yDescriptionClose}" aria-label="${this.a11yDescriptionClose}">

13                            <span aria-hidden="true" class="block w-32 h-32 u-icon-facet-close-big"></span>
14                        </button>
15                    </div>
16                    <div class="overflow-y-auto h-full px-16">
17                        ${this.image}
18                        ${this.heading}
19                        ${this.editor}
20                    </div>
21                    ${this.eventCalendarButton}
22                </div>
23            </div>
24        </div>`}createRenderRoot(){return this}}customElements.define("pp-modal",o);export{o as default};