https://www.landrover.com.cn/etc.clientlibs/jlr/clientlibs/clientl…-dualframeslider-js.413cff996dc6d111c145.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([["components-dualframeslider-dualframeslider-js","components-dx-range-slider-dx-range-slider-js"],{73334:function(e,t,i){i.r(t),i.d(t,{default:function(){return l}});var n=i(85570),r=i(31695);function a(e){return a="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},a(e)}function s(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,o(n.key),n)}}function o(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}var l=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.el=t,this.init()},t=[{key:"init",value:function(){var e={frames:[],loadedFrames:[],multiFrameIsLoading:!0,spriteSpinApi:{},currentState:"desktop",$spriteSpinElement:null,spritespinFramesInstance:".spritespin-instance",spriteSpinData:!1,isDualFrame:!1,MultiFrameTimeout:null,frameState:{position:0,direction:"forward"},uiSelectors:{overlay:".overlay",xRaySlider:".xRaySlider",sliderRight:".Slider__right",dualFrameBaseImage:".beforeImage",dualFrameRevealImage:".afterImage",MultiFrameSlider:".MultiFrameSlider",mobileFramesViewer:".mobileSliderFrame",desktopFramesViewer:".desktopSliderFrame",ariaNotification:".cmp-dualFrameSlider__notifications"},breakpoints:{desktop:window.matchMedia("(min-width: 1279px)"),desktopSmall:window.matchMedia("(max-width: 1919px) and (min-width: 1279px)"),tablet:window.matchMedia("(max-width: 1279px) and (min-width: 740px)"),mobile:window.matchMedia("(max-width: 740px)")},init:function(){var e=this;this._loadImageFrames(),this._setBreakpointState(),this._setImageDimensions(),this._bindMediaQueryListeners(),this._loadFramesBasedOnScreenSize(),this.frames.length>2?(this._multiFrame_setTouchState(),this._multiFrame_setInitialFrameTarget(),this._multiFrame_configSpriteSpin(),this._multiFrame_InitSpriteSpin(),window.richsponsiveImage(),this._multiFrameBindResizeEvent(),this.ui("xRaySlider").remove()):(this.isDualFrame=!0,this.ui("overlay").remove(),this.ui("MultiFrameSlider").remove(),this._setImagesDualImageVersion(this.frames[0],this.frames[1]),this.ui("dualFrameRevealImage").one("load",function(){e._bindTransitionEndEvent(),e._dualFrameBindResizeEvent(),e._dualFrame__ComparisonClipping()})),this._initaliseA11YSettings(),this._initialiseDxRangeSlider()},_loadImageFrames:function(){this.loadedFrames={desktop:JSON.parse(this.$element.attr("data-frame-arr")),desktopSmall:JSON.parse(this.$element.attr("data-frame-arr"))}},_setBreakpointState:function(e){var t=this.breakpoints;this.currentState="desktop",t.desktopSmall.matches&&(this.currentState="desktopSmall"),t.tablet.matches&&(this.currentState="tablet"),t.mobile.matches&&(this.currentState="mobile"),e&&this._rebuildViewersOnResize()},_setImageDimensions:function(){"desktop"===this.currentState||"tablet"===this.currentState?(this.imgHeight=946,this.imgWidth=1350):(this.imgHeight=960,this.imgWidth=1110)},_bindMediaQueryListeners:function(){var e=this;Object.keys(this.breakpoints).forEach(function(t){Object.prototype.hasOwnProperty.call(e.breakpoints,t)&&e.breakpoints[t].addListener(e._setBreakpointState.bind(e))})},_loadFramesBasedOnScreenSize:function(){this.frames=this.loadedFrames.desktop,"desktopSmall"!==this.currentState&&"mobile"!==this.currentState||(this.frames=this.loadedFrames.desktopSmall)},_rebuildViewersOnResize:function(){this._loadFramesBasedOnScreenSize(),this.isDualFrame?this._setImagesDualImageVersion(this.frames[0],this.frames[1]):(this.multiFrameIsLoading=!0,this.ui("overlay").fadeIn(400),this._setImageDimensions(),"mobile"===this.currentState||"tablet"===this.currentState?($(this.spritespinFramesInstance,this.$element).spritespin("destroy").empty().removeClass(this.spritespinFramesInstance.replace(".","")),this.$spriteSpinElement=this.ui("mobileFramesViewer")):this.$spriteSpinElement=this.ui("desktopFramesViewer"),this._multiFrame_InitSpriteSpin(!0))},_setImagesDualImageVersion:function(e,t){this.ui("dualFrameBaseImage").attr("src",e),this.ui("dualFrameRevealImage").attr("src",t)},_multiFrame_setTouchState:function(){this.touchState=$("html").hasClass("touchCapability")?"touch":"notouch"},_multiFrame_setInitialFrameTarget:function(){this.$spriteSpinElement=this.ui("desktopFramesViewer"),"mobile"!==this.currentState&&"tablet"!==this.currentState||(this.$spriteSpinElement=this.ui("mobileFramesViewer"))},_multiFrame_configSpriteSpin:function(){SpriteSpin.mods.noBehavior||SpriteSpin.registerModule("noBehavior",{})},_multiFrame_InitSpriteSpin:function(e){var t=this,i=this.ui("MultiFrameSlider").width(),n=e?this.frameState.position:0;this.$spriteSpinElement.spritespin({source:this.frames,frame:n,width:i,height:i*this._multiFrame_HeightWidthRatio(),animate:!1,frameTime:40,behavior:"noBehavior",renderer:"touch"!==this.touchState||(0,r.iX)()?"canvas":"image",preloadCount:this.frames.length-1,onLoad:function(){t.multiFrameIsLoading=!1,t._bindTransitionEndEvent(),clearTimeout(t.MultiFrameTimeout),t.MultiFrameTimeout=setTimeout(function(){t.ui("overlay").fadeOut(400)},400)}}),this.spriteSpinApi=this.$spriteSpinElement.spritespin("api")},_multiFrame_HeightWidthRatio:function(){return this.imgHeight/this.imgWidth},_bindTransitionEndEvent:function(){var e=this;this.$element.addClass("frames-loaded"),this.ui("sliderRight").one("transitionend",function(){e.$element.addClass("transition-finished")})},_multiFrameBindResizeEvent:function(){var e=this;$(window).smartresize(function(){var t=e.ui("MultiFrameSlider").width();e.$spriteSpinElement.spritespin({width:t,height:t*e._multiFrame_HeightWidthRatio()})})},_dualFrame__ComparisonClipping:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:50,t=this.ui("dualFrameRevealImage").width(),i=this.ui("dualFrameRevealImage").height(),n=Math.round(e*t/100);this.ui("dualFrameRevealImage").css("clip","rect(0, ".concat(n,"px, ").concat(i,"px, 0)"))},_dualFrameBindResizeEvent:function(){var e=this;window.addEventListener("resize",function(){e._dualFrame__ComparisonClipping(Math.ceil(e._dxRangeSlider.get()))})},_initaliseA11YSettings:function(){var e=this.isDualFrame?"data-dual-view-aria-label":"data-multi-view-aria-label";this.a11yLabels={elementAriaLabel:this.$element.attr(e),alertLabel:this.$element.attr("data-aria-alert"),sliderDecrease:this.$element.attr("data-label-decrease-slider"),sliderIncrease:this.$element.attr("data-label-increase-slider")},this.$element.attr("aria-label",this.a11yLabels.elementAriaLabel)},_initialiseDxRangeSlider:function(){var e=this,t=this.element.querySelector(".DxRangeSlider"),i={start:this.isDualFrame?50:0,step:1,sliderType:"image",range:this.isDualFrame?{min:0,max:100}:{min:0,max:this.frames.length-2},direction:site.rtl&&!this.isDualFrame?"rtl":"ltr",labels:{decrement:[this.a11yLabels.sliderDecrease],increment:[this.a11yLabels.sliderIncrease]}},r=new n.default(t,i);this._dxRangeSlider=r.getSlider(),this._dxRangeSlider.on("update",function(t){var i=Math.ceil(t[0]);e.isDualFrame?e._dualFrame__ComparisonClipping(i):(!1===e.multiFrameIsLoading&&e.spriteSpinApi.updateFrame(i),e.frameState.position=i)}),this._dxRangeSlider.on("end",function(t){e.ui("ariaNotification").text(e.a11yLabels.alertLabel.replace("[]","".concat(Math.ceil(t),"%")))})}};jQuery.createComponent("DualFrameSlider",e),$(".cmp-dualFrameSlider").DualFrameSlider()}}],t&&s(e.prototype,t),i&&s(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,i}()},85570:function(e,t,i){i.r(t),i.d(t,{default:function(){return d}});var n=i(74692),r=i.n(n),a=i(54119);function s(e){return s="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},s(e)}function o(e){return function(e){if(Array.isArray(e))return l(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 l(e,t);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?l(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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,u(n.key),n)}}function u(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==s(t)?t:t+""}var d=function(){function e(t,i){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.slider=null,this.customConnectNamespace="DxRangeSlider-custom-connects",this.dataNameSpace="data-dxrangeslider-",this.dataConnectIndex="".concat(this.dataNameSpace,"index"),this.dataIsInitialised="".concat(this.dataNameSpace,"init");var n=i.start.length>1,r=n?14:25;this.options=Object.assign({},e.defaults,{customConnectSpacing:r,smallHandles:n},i),this.createSlider()}return t=e,i=[{key:"updateOptions",value:function(e){this.options=Object.assign(this.options,e)}},{key:"createStartArray",value:function(){var e=this.options.start;return Array.isArray(e)?e:[e]}},{key:"createSlider",value:function(){this.isInitialised()||(this.options.start=this.createStartArray(),this.createCustomConnects(),this.addCustomClasses(),this.initSlider(),this.createCustomControls(),this.addCustomConnectEvents())}},{key:"addCustomClasses",value:function(){var t=e.classes,i=t.modifierClass,n=t.smallHandleClass;

1this.element.classList.add("".concat(i).concat(this.options.direction)),this.element.classList.add("".concat(i).concat(this.options.theme)),this.element.classList.add("".concat(i).concat(this.options.sliderType)),this.options.smallHandles&&this.element.classList.add("".concat(i).concat(n))}},{key:"initSlider",value:function(){this.slider=noUiSlider.create(this.element,this.options),o(this.element.querySelectorAll(".noUi-touch-area")).forEach(function(e){e.addEventListener("mousedown",function(){r()&&r().fn.FocusSwitcher&&r()("body").FocusSwitcher("removeFocusClass")})}),this.setInitStatus("true")}},{key:"destroySlider",value:function(){var t=e.classes,i=t.modifierClass,n=t.smallHandleClass,r=t.customConnectClass,a=t.handleControlClass;this.element.classList.remove(n),this.element.classList.remove("".concat(i).concat(this.options.direction)),this.element.classList.remove("".concat(i).concat(this.options.theme)),this.element.classList.remove("".concat(i).concat(this.options.sliderType)),this.slider.off(".".concat(this.customConnectNamespace)),this.element.querySelectorAll(".".concat(r)).forEach(function(e){return e.parentNode.removeChild(e)}),this.element.querySelectorAll(".".concat(a)).forEach(function(e){return e.parentNode.removeChild(e)}),this.slider.destroy(),this.setInitStatus(null)}},{key:"isInitialised",value:function(){return this.element.getAttribute(this.dataIsInitialised)}},{key:"setInitStatus",value:function(e){this.element.setAttribute(this.dataIsInitialised,!!e||"")}},{key:"createCustomConnects",value:function(){var t=this,i=e.classes.customConnectClass,n=function(e){var n=document.createElement("div");return n.classList.add(i),0===e&&n.classList.add("".concat(i,"--first")),e===t.options.start.length&&n.classList.add("".concat(i,"--last")),n.setAttribute(t.dataConnectIndex,e),n};this.element.appendChild(n(0)),this.options.start.forEach(function(e,i){return t.element.appendChild(n(i+1))})}},{key:"addCustomConnectEvents",value:function(){var e=this,t="ltr"===this.options.direction?"left":"right",i=o(this.element.querySelectorAll("[".concat(this.dataConnectIndex,"]")));this.slider.on("update.".concat(this.customConnectNamespace),function(){var n=arguments.length<=4?void 0:arguments[4];i.forEach(function(r,a){var s=r,o=0===a,l=!i[a+1];if(o)return s.style.width="calc(".concat(n[0],"% - ").concat(e.options.customConnectSpacing,"px)"),void(s.style[t]="0px");if(l)return s.style.width="calc(100% - ".concat(n[a-1],"% - ").concat(e.options.customConnectSpacing,"px)"),void(s.style[t]="calc(".concat(n[a-1],"% + ").concat(e.options.customConnectSpacing,"px)"));var c=2*e.options.customConnectSpacing;s.style.width="calc(".concat(n[a],"% - ").concat(n[a-1],"% - ").concat(c,"px)"),s.style[t]="calc(".concat(n[a-1],"% + ").concat(e.options.customConnectSpacing,"px)")})})}},{key:"createCustomControls",value:function(){var t=this,i=function(t,i){var n=e.classes.handleControlClass,r=document.createElement("button");return r.classList.add(n),r.classList.add("".concat(n).concat(i)),r.innerHTML=t,r},n=this.getHandlesWrapper(),r=document.createElement("div");r.setAttribute("aria-live","polite"),r.classList.add("visuallyHidden"),(0,a.WH)(n,r),this.getHandles().forEach(function(e,s){var o=t.options.labels,l=i(o.decrement[s],"--decrement".concat(s)),c=i(o.increment[s],"--increment".concat(s)),u={decrementElement:l,incrementElement:c};(0,a.nc)(n,l),(0,a.WH)(n,c),t.setInitialButtonStateA11Y(u),l.addEventListener("click",function(i){i.preventDefault(),t.handleDecrement(s,u),r.innerHTML=e.getAttribute("aria-valuetext")}),c.addEventListener("click",function(i){i.preventDefault(),t.handleIncrement(s,u),r.innerHTML=e.getAttribute("aria-valuetext")})})}},{key:"setInitialButtonStateA11Y",value:function(e){(this.options.start[0]===this.options.range.min||this.options.start[0]===this.options.range.max)&&this.constructor.toggleDisabledStateA11y(e.decrementElement)}},{key:"handleIncrement",value:function(e,t){var i=this.slider.steps(),n=i&&i[e][1];if(n){var r=this.getHandleValue(e);this.slider.setHandle(e,r+n),this.constructor.toggleDisabledStateA11y(t.decrementElement,!0)}else this.constructor.toggleDisabledStateA11y(t.incrementElement)}},{key:"handleDecrement",value:function(e,t){var i=this.slider.steps(),n=i&&i[e][0];if(n){var r=this.getHandleValue(e);this.slider.setHandle(e,r-n),this.constructor.toggleDisabledStateA11y(t.incrementElement,!0)}else this.constructor.toggleDisabledStateA11y(t.decrementElement)}},{key:"getHandleValue",value:function(e){var t=this.slider.get();return Array.isArray(t)?Number(t[e]):Number(t)}},{key:"getHandlesWrapper",value:function(){return this.element.querySelector(".noUi-base")}},{key:"getHandles",value:function(){return o(this.element.querySelectorAll(".noUi-handle"))}},{key:"getSlider",value:function(){return this.slider}},{key:"connectHorizontalDragDealer",value:function(e){var t=this;["update","start","end"].forEach(function(i){return function(i){return t.slider.on(i,function(t){return e.setValue(t[0]/100,0,!1)})}(i)})}}],n=[{key:"toggleDisabledStateA11y",value:function(e){!0===(arguments.length>1&&void 0!==arguments[1]&&arguments[1])?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")}}

1],i&&c(t.prototype,i),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,i,n}();d.defaults={theme:"light",direction:"ltr",sliderType:"range",labels:{decrement:["Decrease slider 1","Decrease slider 2"],increment:["Increase slider 1","Increase slider 2"]}},d.classes={modifierClass:"DxRangeSlider--",customConnectClass:"DxRangeSlider__custom-connect",handleControlClass:"DxRangeSlider__handle-control",smallHandleClass:"small-handles"}},31695:function(e,t,i){i.d(t,{EW:function(){return s},F:function(){return u},PR:function(){return o},Pg:function(){return h},Xb:function(){return d},Zb:function(){return S},a0:function(){return y},aJ:function(){return m},dN:function(){return v},do:function(){return c},fi:function(){return a},hm:function(){return b},iX:function(){return p},l7:function(){return g},pi:function(){return l},un:function(){return f},vs:function(){return w}});var n=i(74692),r=i.n(n),a={small:740,medium:900,wider:1e3,current:null},s={tablet:768,desktopExtraSmall:900,desktopSmall:1024,desktop:1280,desktopLarge:1460,desktopMediumLarge:1680,desktopExtraLarge:1920},o=function(){var e=r()(window);return e.width()>e.height()?"landscape":"portrait"},l=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?r()(window).width():window.innerWidth;return e<=a.small?"small":function(e){return e<=a.medium?"medium":"large"}(e)},c=function(){return"small"===l(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])},u=function(){return"medium"===l(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])},d=function(){return"ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch||navigator.msMaxTouchPoints},m=function(){return!d()},h=function(){return/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(navigator.userAgent.toLowerCase())},f=function(){return/(ipad|iphone|ipod)/i.test(navigator.userAgent.toLowerCase())},p=function(){return-1!==navigator.userAgent.toLowerCase().indexOf("windows phone")},v=function(){return navigator.userAgent},g=function(){var e=v(),t={isChrome:e.indexOf("Chrome")>-1,isMsEdge:e.indexOf("Edge")>-1,isExplorer:e.indexOf("MSIE")>-1||e.indexOf("Trident")>-1,isFirefox:e.indexOf("Firefox")>-1,isSafari:e.indexOf("Safari")>-1,isOpera:e.toLowerCase().indexOf("op")>-1};return t.isChrome&&t.isSafari&&(t.isSafari=!1),t.isChrome&&t.isOpera&&(t.isChrome=!1),t},S=function(){return document.querySelector("html").classList.contains("ie")},y=function(){return g().isMsEdge},b=function(){return!window.ActiveXObject&&"ActiveXObject"in window},w=function(){return"function"==typeof BigInt}},54119:function(e,t,i){function n(e){return function(e){if(Array.isArray(e))return r(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 r(e,t);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?r(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 r(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}i.d(t,{CG:function(){return o},LV:function(){return a},WH:function(){return l},nc:function(){return c},oA:function(){return s}});var a=function(e,t){e.parentNode.insertBefore(t,e),t.appendChild(e)},s=function(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)},o=function(e,t){var i,r=(i=e)instanceof NodeList?n(i):[i];r.length&&(r[0].parentNode.insertBefore(t,r[0]),r.forEach(function(e){return t.appendChild(e)}))},l=function(e,t){return e.parentNode.insertBefore(t,e.nextSibling)},c=function(e,t){return e.parentNode.insertBefore(t,e)}}}]);