https://www.landrover.com.cn/etc.clientlibs/jlr/clientlibs/clientl…xternalapp-modal-js.d7a93aaf544a45e9a61f.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([["components-genericexternalapp-constants-js","components-genericexternalapp-modal-js","components-htmlinjection-js-injectionHandler-js","components-mapcomponent-js-filter-js","components-modal-Modal-js","components-popup-modal-popup-modal-js","components-vehiclecomparerulesengine-js-api-js"],{23138:function(e,t,o){o.r(t),o.d(t,{EVENT_PREFIX:function(){return n},uiSelectors:function(){return a}});var n="GenericExternalApplication",a={thirdParty:".GenericExternalApplication__ThirdParty"}},88446:function(e,t,o){o.r(t),o.d(t,{createModal:function(){return r},setupEvents:function(){return l}});var n=o(99686),a=o(23138);function r(e,t){var o=document.getElementById(e).closest(".GenericExternalApplication").cloneNode(!0);o.querySelector(a.uiSelectors.thirdParty).id="";var r=new n.default(t);return r.open(o),r}function l(){var e,t=document.body;t.addEventListener("".concat(a.EVENT_PREFIX,":modal-open"),function(t){var o=t.detail,n=o.id,a=o.initiator;e=r(n,a),a.addEventListener("Modal:closed",function(){e=null})}),t.addEventListener("".concat(a.EVENT_PREFIX,":consent-given"),function(){e&&(e.close(),e=null)})}},99686:function(e,t,o){o.r(t),o.d(t,{default:function(){return d}});var n=o(71202),a=o(69805);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function l(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var o={}.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,s(n.key),n)}}function s(e){var t=function(e,t){if("object"!=r(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==r(t)?t:t+""}var d=function(){function e(t,o){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._defaults={className:"Modal",selector:".Modal",speed:350,modalModifier:null,closeLabel:null,enableClose:!0,fullScreenMode:!1,headerTitle:null,isCompact:!1,footer:!0},this.element=t,this._modal=null,this._modalContent=null,this.fullScreenClass="Modal--full-screen",this.options=Object.assign({},this._defaults,o)}return t=e,r=[{key:"toggleContent",value:function(e){[document.querySelector(".pageWrapper"),document.querySelector(".Fullscreen"),document.querySelector(".sharedNavigation"),document.querySelector("body > #jaguar")||document.querySelector("body > #landrover"),document.querySelector("main"),document.querySelector(".footercontainer")].filter(function(e){return e instanceof HTMLElement}).forEach(function(t){e?t.setAttribute("aria-hidden","true"):t.removeAttribute("aria-hidden")})}}],(o=[{key:"_attachModal",value:function(){var e=this,t=document.createElement("section"),o=this.options,n=o.className,a=o.modalModifier,r=o.closeLabel,i=o.enableClose,c=o.fullScreenMode,s=o.headerTitle,d=o.isCompact,u=i?'<button data-modal-close class="'.concat(n,'__close"></button>'):"",m=s?'<h2 class="Modal__header-title headline headline--s">'.concat(s,"</h2>"):"",f='\n          <div class="'.concat(n,'__content-wrapper">\n            <div class="').concat(n,'__header">\n              ').concat(m,"\n              ").concat(u,'\n            </div>\n            <div data-modal-content class="').concat(n,'__content" tabindex="0"></div>\n            <div data-modal-footer class="').concat(n,'__footer"></div>\n            <div data-modal-tab-target class="').concat(n,'__tab-target" tabindex="0"></div>\n          </div>\n        ');t.setAttribute("data-modal",""),t.setAttribute("role","dialog"),t.setAttribute("tabIndex","-1"),t.classList.add(n),c&&t.classList.add(this.fullScreenClass),null!==a&&(Array.isArray(a)||(this.options.modalModifier=a.split()),this.options.modalModifier.forEach(function(e){return t.classList.add("".concat(n,"--").concat(e))})),t.innerHTML=f,(document.querySelector(".mfp-content")||document.body).appendChild(t),this._modal=t;var p=t.querySelectorAll("[data-modal-content]")[0];this._modalContent=p;var y=t.querySelectorAll("[data-modal-footer]")[0];this._modalFooter=y,this._modal.classList.toggle("".concat(n,"--hide-footer"),!this.options.footer);var v=document.createElement("div");v.classList.add("".concat(n,"__background")),v.setAttribute("data-modal-close",""),t.appendChild(v),i&&l(this._modal.querySelectorAll("[data-modal-close]")).forEac

1h(function(t){var o=t.classList.contains("".concat(n,"__background"));null===r||o||t.setAttribute("aria-label",r),t.addEventListener("click",function(t){t.preventDefault(),e._close()})}),d&&this._setupCompactMode(t)}},{key:"_detachModal",value:function(){var e=document.querySelectorAll(this.options.selector)[0];if(null!=e){var t=document.querySelector(".mfp-content")||document.body,o=t.childNodes;o&&o.length>0&&o.forEach(function(o){o.isEqualNode(e)&&t.removeChild(e)})}}},{key:"_keyboardControls",value:function(){var e=this;this._modal.focus(),this.options.enableClose&&this._modal.addEventListener("keydown",function(t){e._closeOnEsc(t)});var t=this._modal.querySelector("[data-modal-close]");t.addEventListener("keydown",function(e){e.keyCode===a.D.TAB&&e.shiftKey&&e.preventDefault()}),this._modal.querySelector("[data-modal-tab-target]").addEventListener("focus",function(){return t.focus()})}},{key:"_closeOnEsc",value:function(e){e.keyCode===a.D.ESC&&(e.preventDefault(),this._close())}},{key:"_open",value:function(t){var o=this;e.toggleContent(!0),this._attachModal(),this._modalContent.innerHTML="",this._modalContent.appendChild(t.cloneNode(!0)),this._modal.style.display="block",this.element.setAttribute("data-modal-return","true");var a=function(){if(Math.ceil(o._modalContent.scrollTop)===o._modalContent.scrollHeight-o._modalContent.offsetHeight){if(o.options.isCompact)return void o._modalContent.toggleAttribute("data-scroll-end",!0);o._modalFooter.style.opacity=0,requestAnimationFrame(function(){setTimeout(function(){o._modalFooter.style.display="none",o.isHidden=!0},10)})}else if(Math.ceil(o._modalContent.scrollTop)!==o._modalContent.scrollHeight-o._modalContent.offsetHeight){if(o.options.isCompact)return void o._modalContent.toggleAttribute("data-scroll-end",!1);if(!o.isHidden)return;o.isHidden=!1,o._modalFooter.style.display="block",requestAnimationFrame(function(){setTimeout(function(){o._modalFooter.style.opacity=1},10)})}};requestAnimationFrame(function(){var e;if(o._modal.style.opacity=1,(0,n.Vb)(o._modalContent)?o._modalContent.addEventListener("scroll",a):o.options.isCompact?o._modalContent.toggleAttribute("data-scroll-end",!0):o._modalFooter.style.display="none",o.options.fullScreenMode){document.documentElement.classList.add("modal-fullscreen");var t=document.querySelector(".Page__wrapper, #jaguar, #landrover");t&&(t.style.visibility="hidden")}o._modal.classList.toggle("".concat(o.options.className,"--hide-footer"),!o.options.footer||o.options.isCompact&&0===(null===(e=o._modalFooter)||void 0===e?void 0:e.children.length)),setTimeout(function(){o._keyboardControls(),o._eventTrigger("".concat(o.options.className,":opened"))},o.options.speed)})}},{key:"_close",value:function(){var t=this;e.toggleContent(!1),requestAnimationFrame(function(){if(t._modal.style.opacity=0,t.options.fullScreenMode){var e=document.querySelector(".Page__wrapper, #jaguar, #landrover");e&&(e.style.visibility="visible"),document.documentElement.classList.remove("modal-fullscreen")}setTimeout(function(){t._modal.style.display="none",t._eventTrigger("".concat(t.options.className,":closed")),t._detachModal(),t.element.focus();var e=document.querySelectorAll("[data-modal-return]")[0];e.focus(),e.removeAttribute("data-modal-return")},t.options.speed)})}},{key:"_eventTrigger",value:function(e){var t=new CustomEvent(e);this.element.dispatchEvent(t)}},{key:"_setupCompactMode",value:function(e){e.classList.add("Modal--compact")}},{key:"open",value:function(e){this._open(e)}},{key:"close",value:function(){this._close()}},{key:"resetKeyboardControls",value:function(){this._keyboardControls()}},{key:"modal",value:function(){return this._modal}}])&&c(t.prototype,o),r&&c(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,o,r}()}}]);