https://www.kehrerverlag.com/theme/7ad1bab2c6f62bb58fc630f80cf919f…/storefront.ajax-modal.plugin.ee4702.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[81403],{77(e,t,s){s.d(t,{Ay:()=>h,Kq:()=>i});var n=s(4632);let o="modal-backdrop",a="modal-backdrop-open",r="no-scroll",i=350,l={ON_CLICK:"backdrop/onclick"};class d{constructor(){return d.instance||(d.instance=this),d.instance}create(e){this._removeExistingBackdrops(),document.body.insertAdjacentHTML("beforeend",this._getTemplate());let t=document.body.lastChild;document.documentElement.classList.add(r),setTimeout(function(){t.classList.add(a),"function"==typeof e&&e()},75),this._dispatchEvents()}remove(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;this._getBackdrops().forEach(e=>e.classList.remove(a)),setTimeout(this._removeExistingBackdrops.bind(this),e),document.documentElement.classList.remove(r)}_dispatchEvents(){let e=n.A.isTouchDevice()?"touchstart":"click";document.addEventListener(e,function(e){e.target.classList.contains(o)&&document.dispatchEvent(new CustomEvent(l.ON_CLICK))})}_getBackdrops(){return document.querySelectorAll(`.${o}`)}_removeExistingBackdrops(){!1!==this._exists()&&this._getBackdrops().forEach(e=>e.remove())}_exists(){return document.querySelectorAll(`.${o}`).length>0}_getTemplate(){return`<div class="${o}"></div>`}}let c=Object.freeze(new d);class h{static create(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;c.create(e)}static remove(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;c.remove(e)}static SELECTOR_CLASS(){return o}}},1403(e,t,s){s.r(t),s.d(t,{default:()=>l});var n=s(9068),o=s(4335),a=s(5683),r=s(8860);let i="js-pseudo-modal-template-content-element";class l extends o.A{static #e=this.options={modalBackdrop:!0,urlAttribute:"data-url",prevUrlAttribute:"data-prev-url",modalClassAttribute:"data-modal-class",modalClass:null,centerLoadingIndicatorClass:"text-center"};init(){this._registerEvents()}_registerEvents(){this._boundOnClickHandleAjaxModal||(this._boundOnClickHandleAjaxModal=this._onClickHandleAjaxModal.bind(this)),this.el.removeEventListener("click",this._boundOnClickHandleAjaxModal),this.el.addEventListener("click",this._boundOnClickHandleAjaxModal)}_onClickHandleAjaxModal(e){e.cancelable&&(e.preventDefault(),e.stopPropagation());let t=new r.A("",this.options.modalBackdrop);window.focusHandler.saveFocusState("ajax-modal"),this._openModal(t),t.getModal().addEventListener("hidden.bs.modal",()=>{window.focusHandler.resumeFocusState("ajax-modal")});let s=t._modal.querySelector(`.${i}`);s.classList.add(this.options.centerLoadingIndicatorClass),this._loadModalContent(t,s)}_openModal(e){let t=[this.el.getAttribute(this.options.modalClassAttribute),this.options.modalClass];e.open(this._onModalOpen.bind(this,e,t),0)}_loadModalContent(e,t){let s=new a.A(t);s.create();let n=this.el.getAttribute(this.options.urlAttribute);t.classList.add(this.options.centerLoadingIndicatorClass),fetch(n,{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.text()).then(n=>this._processResponse(n,s,e,t))}_processResponse(e,t,s,n){t.remove(),s.updateContent(e,this._renderBackButton.bind(this,s));let o=s.getModal();window.PluginManager.initializePluginsInParentElement(o),n.classList.remove(this.options.centerLoadingIndicatorClass)}_renderBackButton(e){let t=this.el.getAttribute(this.options.prevUrlAttribute);if(!t)return;let s=document.querySelector(".js-pseudo-modal-back-btn-template");if(!s)return;let n=s.content.cloneNode(!0);n.children.length&&(n.children[0].setAttribute("href",t),n.children[0].setAttribute("data-url",t),n.children[0].style.marginLeft="20px",e._modal.querySelector(`.${i}`).prepend(n))}_onModalOpen(e,t){let s=e.getModal();s.classList.add(...t),window.PluginManager.initializePluginsInParentElement(s),this.$emitter.publish("ajaxModalOpen",{modal:s})}constructor(...e){super(...e),this.httpClient=new n.A}}},5683(e,t,s){s.d(t,{A:()=>a,c:()=>o});let n="loader",o={BEFORE:"before",AFTER:"after",INNER:"inner"};class a{constructor(e,t=o.BEFORE){this.parent=e instanceof Element?e:document.body.querySelector(e),this.position=t}create(){if(!this.exists()){if(this.position===o.INNER){this._previousHTML=this.parent.innerHTML,this.parent.innerHTML=a.getTemplate();return}this.parent.insertAdjacentHTML(this._getPosition(),a.getTemplate())}}remove(){if(this.position===o.INNER){this.parent.innerHTML=this._previousHTML;return}this.parent.querySelectorAll(`.${n}

1`).forEach(e=>e.remove())}exists(){return this.parent.querySelectorAll(`.${n}`).length>0}_getPosition(){return this.position===o.BEFORE?"afterbegin":"beforeend"}static getTemplate(){return`<div class="${n}" role="status">
2                    <span class="visually-hidden">Loading...</span>
3                </div>`}static SELECTOR_CLASS(){return n}}},8860(e,t,s){s.d(t,{A:()=>r});var n=s(77);let o="js-pseudo-modal",a="js-pseudo-modal-template-root-element";class r{constructor(e,t=!0,s=".js-pseudo-modal-template",n=".js-pseudo-modal-template-content-element",o=".js-pseudo-modal-template-title-element"){this._content=e,this._useBackdrop=t,this._templateSelector=s,this._templateContentSelector=n,this._templateTitleSelector=o}open(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n.Kq;this._hideExistingModal(),this._create(),setTimeout(this._open.bind(this,e),t)}close(){let e=this.getModal();this._modalInstance=bootstrap.Modal.getInstance(e),this._modalInstance.hide()}getModal(){return this._modal||this._create(),this._modal}updatePosition(){this._modalInstance.handleUpdate()}updateContent(e,t){this._content=e,this._setModalContent(e),this.updatePosition(),"function"==typeof t&&t.bind(this)()}_hideExistingModal(){try{let e=document.querySelector(`.${o} .modal`);if(!e)return;let t=bootstrap.Modal.getInstance(e);if(!t)return;t.hide(),window.focusHandler._removeFocusTrapGuard()}catch(e){console.warn(`[PseudoModalUtil] Unable to hide existing pseudo modal before opening pseudo modal: ${e.message}`)}}_open(e){this.getModal(),this._modal.addEventListener("hidden.bs.modal",this._modalWrapper.remove),this._modal.addEventListener("shown.bs.modal",e),this._modal.addEventListener("hidden.bs.modal",()=>window.focusHandler._removeFocusTrapGuard()),this._modal.addEventListener("hide.bs.modal",()=>{document.activeElement instanceof HTMLElement&&document.activeElement.blur()}),this._modalInstance.show(),window.focusHandler._addFocusTrapGuard(this._modalWrapper)}_create(){this._modalMarkupEl=document.querySelector(this._templateSelector),this._createModalWrapper(),this._modalWrapper.innerHTML=this._content,this._modal=this._createModalMarkup(),this._modalInstance=new bootstrap.Modal(this._modal,{backdrop:this._useBackdrop}),document.body.insertAdjacentElement("beforeend",this._modalWrapper)}_createModalWrapper(){this._modalWrapper=document.querySelector(`.${o}`),this._modalWrapper||(this._modalWrapper=document.createElement("div"),this._modalWrapper.classList.add(o))}_createModalMarkup(){let e=this._modalWrapper.querySelector(".modal");if(e)return e;let t=this._modalWrapper.innerHTML;return this._modalWrapper.innerHTML=this._modalMarkupEl.innerHTML,this._setModalContent(t),this._modalWrapper.querySelector(".modal")}_setModalTitle(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";try{this._modalWrapper.querySelector(this._templateTitleSelector).innerHTML=e}catch(e){}}_setModalContent(e){let t=this._modalWrapper.querySelector(this._templateContentSelector);t.innerHTML=e;let s=t.querySelector(`.${a}`);if(s){this._modalWrapper.querySelector(`.${a}`).replaceChildren(s);return}try{let e=t.querySelector(this._templateTitleSelector);e&&(this._setModalTitle(e.innerHTML),e.parentNode.removeChild(e))}catch(e){}}}},9068(e,t,s){s.d(t,{A:()=>n});class n{constructor(){this._request=null,this._errorHandlingInternal=!1}get(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"application/json",n=this._createPreparedRequest("GET",e,s);return this._sendRequest(n,null,t)}post(e,t,s){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";n=this._getContentType(t,n);let o=this._createPreparedRequest("POST",e,n);return this._sendRequest(o,t,s)}delete(e,t,s){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";n=this._getContentType(t,n);let o=this._createPreparedRequest("DELETE",e,n);return this._sendRequest(o,t,s)}patch(e,t,s){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";n=this._getContentType(t,n);let o=this._createPreparedRequest("PATCH",e,n);return this._sendRequest(o,t,s)}

3abort(){if(this._request)return this._request.abort()}setErrorHandlingInternal(e){this._errorHandlingInternal=e}_registerOnLoaded(e,t){t&&(!0===this._errorHandlingInternal?(e.addEventListener("load",()=>{t(e.responseText,e)}),e.addEventListener("abort",()=>{console.warn(`the request to ${e.responseURL} was aborted`)}),e.addEventListener("error",()=>{console.warn(`the request to ${e.responseURL} failed with status ${e.status}`)}),e.addEventListener("timeout",()=>{console.warn(`the request to ${e.responseURL} timed out`)})):e.addEventListener("loadend",()=>{t(e.responseText,e)}))}_sendRequest(e,t,s){return this._registerOnLoaded(e,s),e.send(t),e}_getContentType(e,t){return e instanceof FormData&&(t=!1),t}_createPreparedRequest(e,t,s){return this._request=new XMLHttpRequest,this._request.open(e,t),this._request.setRequestHeader("X-Requested-With","XMLHttpRequest"),s&&this._request.setRequestHeader("Content-type",s),this._request}}}}]);