https://www.jaguar.com/etc.clientlibs/jlr/clientlibs/clientlib-dyn…ation-pagination-js.835387c865cdf8df9f6e.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([["components-pagination-pagination-js"],{63680:function(t,n,e){e.r(n),e.d(n,{default:function(){return u}});var o=e(71202);function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t){return function(t){if(Array.isArray(t))return s(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(t){if("string"==typeof t)return s(t,n);var e={}.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?s(t,n):void 0}}(t)||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 s(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,o=Array(n);e<n;e++)o[e]=t[e];return o}function r(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,l(o.key),o)}}function l(t){var n=function(t,n){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==i(n)?n:n+""}var u=function(){function t(n,e){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this._elem=n,this._defaults={className:"Pagination",selector:".Pagination",isBlack:!1,classes:{controls:"Pagination__controls",paused:"Pagination--paused",wrapper:"Pagination__button-wrapper",wrapperPlayPause:"Pagination__button-wrapper--play-pause",wrapperPip:"Pagination__button-wrapper--pip",pip:"Pagination__pip",pipActive:"Pagination__pip--active",play:"Pagination__play",pause:"Pagination__pause",playing:"Pagination--playing",pauseTimerIcon:"Pagination__pause-timer-icon",pauseTimerIconCountdown:"Pagination__pause-timer-icon-countdown",pauseTimerIconCountdownAnimating:"Pagination__pause--animation",pauseControlIcon:"Pagination__pause-control-icon",playControlIcon:"Pagination__play-control-icon"},controls:{play:null,pause:null,countdown:null,pips:null,wrapper:null},events:{init:"init",beforeChange:"beforeChange",afterChange:"afterChange",play:"play",pause:"pause",loopEnd:"loopEnd",gotoNext:"next",gotoPrevious:"previous",countdownEnd:"countdownend",liveRegionUpdate:"liveRegionUpdate"},labels:{play:"play",pause:"pause",pip:"go to []",paused:"paused",playing:"playing",slideChanged:"showing []",next:"next",previous:"previous"},autoplay:{enabled:!1,duration:1e3,pauseAtStart:!1,delay:0},timer:{started:null,remaining:null},_pipIndexAttribute:"data-pip-index",_playingStatus:null,_allowFocusToggle:!0,_delayTimer:null,_nonHoverPaused:null,loop:!0,numberOfPips:null,defaultSelected:0},this.options=Object.assign({},this._defaults,e),this._elem&&this.options.numberOfPips&&this._createPagination()}return n=t,e=[{key:"_createPagination",value:function(){var t=this._generateHTML();this._appendPaginationToContainer(t),this._addPaginationEvents(),this.options.controls.pause&&this.options.controls.pause.classList.add(this.options.classes.pauseTimerIconCountdownAnimating),this._fireEvent(this.options.events.init),this._restartAnimation()}},{key:"_playButtonHTML",value:function(t,n){return'<button class="'.concat(t.play,'" aria-label="').concat(n.paused,", ").concat(n.play,'">').concat(this._playControlIconSVG(),"</button>")}},{key:"_pauseButtonHTML",value:function(t,n){return'<button class="'.concat(t.pause,'" aria-label="').concat(n.playing,", ").concat(n.pause,'">\n      ').concat(this._pauseControlIconSVG(),'\n      <svg class="').concat(t.pauseTimerIcon,'" aria-hidden="true"><circle class="').concat(t.pauseTimerIconCountdown,'" r="20" cx="21" cy="21"></circle></svg>\n    </button>')}},{key:"_generateHTML",value:function(){var n=this,e=this.options,o=e.classes,i=e.labels,s=function(t,n){return'<li class="'.concat(o.wrapper," ").concat(n,'">').concat(t,"</li>")},r=function(e){return"<button ".concat(n.options._pipIndexAttribute,'="').concat(e,'" class="').concat(o.pip,'" aria-label="').concat(function(n){return t._replacePlaceholderL

1abelText(i.pip,n)}(e+1),'"></button>')},l=a(new Array(e.numberOfPips)).map(function(t,n){return s(r(n),o.wrapperPip)}),u=this._playButtonHTML(o,i),p=this._pauseButtonHTML(o,i),c=e.autoplay.enabled?"".concat(s(u+p,o.wrapperPlayPause)):"";return'\n      <ul class="'.concat(o.controls,'">\n        ').concat(c,"\n        ").concat(l.join(" "),"\n      </ul>\n    ")}},{key:"_appendPaginationToContainer",value:function(n){var e=document.createElement("div");e.innerHTML=n,this._elem.classList.add(this.options.className),this.options.isBlack&&this._elem.classList.add("".concat(this.options.className,"--black")),this._elem.appendChild(e.querySelector(".".concat(this.options.classes.controls))),this.options.controls=t._cacheControls(this._elem,this.options.classes,this.options.autoplay.enabled),this._setActiveState(this.options.defaultSelected);var o=this.options.autoplay,i=o.pauseAtStart?"paused":"running";this.options._nonHoverPaused=o.pauseAtStart,o.enabled&&(this._setPlayingStatus(i),this.options.controls.countdown.style.animationDuration="".concat(o.duration,"ms"))}},{key:"_getPipsArray",value:function(){return[].slice.call(this._elem.querySelectorAll(".".concat(this.options.classes.pip)))}},{key:"_setActiveState",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.options.controls.pips[n].classList.add(this.options.classes.pipActive);var e=t._replacePlaceholderLabelText(this.options.labels.slideChanged,n+1);this._updateLiveRegionText(e)}},{key:"_updateLiveRegionText",value:function(t){var n={text:t};this._fireEvent(this.options.liveRegionUpdate,n)}},{key:"_getCurrentActivePipElement",value:function(){return this._elem.querySelector(".".concat(this.options.classes.pipActive))}},{key:"_getCurrentActivePipIndex",value:function(){return this._getPipIndex(this._getCurrentActivePipElement())}},{key:"_getNextPipIndex",value:function(t,n){var e=this._getPipIndex(n)+1;return e<t.length?e:0}},{key:"_getPreviousPipIndex",value:function(t,n){var e=this._getPipIndex(n)-1;return e<0?t.length-1:e}},{key:"_getPipIndex",value:function(t){return parseInt(t.getAttribute(this.options._pipIndexAttribute),10)}},{key:"_getpauseIconCountdownElement",value:function(){return this._elem.querySelector(".".concat(this.options.classes.pauseTimerIconCountdown))}},{key:"_restartAnimation",value:function(){var t=this;if("true"===this._elem.getAttribute("data-playing")){var n=this.options.autoplay,e=this.options.controls,i=e.countdown,a=e.pause,s=n.enabled?n.delay:0,r="122px",l=function(){var e=[{strokeDashoffset:"1px",opacity:1,offset:0},{strokeDashoffset:r,opacity:1,offset:.99},{strokeDashoffset:r,opacity:0,offset:1}],s={duration:n.duration,easing:"linear",fill:"forwards"};t.options.controls.countdownTransition=i.animate(e,s),t.options.controls.countdownTransition.pause(),t.options.controls.countdownTransition.onfinish=function(){i.style.opacity=0,t.options.controls.countdownTransition=null,(0,o.le)(a,t.options.events.countdownEnd)},t.options.controls.countdownTransition.play()};setTimeout(function(){return i.style.strokeDashoffset="1px",i.style.opacity=1,void(t.options.controls.countdownTransition?t.options.controls.countdownTransition.play():l())},s)}}},{key:"_pipEventHandler",value:function(t){t.preventDefault();var n=this.options.classes.pipActive,e=this.options.controls,o=e.pips,i=e.countdown,a=this._getCurrentActivePipElement(),s=t.type,r="click"===s?t.target:o[this._getNextPipIndex(o,a)],l=this._getPipIndex(r);if(r!==a){this.options.controls.countdownTransition&&(this.options.controls.countdownTransition.pause(),this.options.controls.countdownTransition=null,i.style.strokeDashoffset="122px");var u={eventType:s,pipsArray:o,pipFrom:this._getPipIndex(a),pipTo:this._getPipIndex(r)};s!==this.options.events.countdownEnd||0!==l||this.options.loop?(this._fireEvent(this.options.events.beforeChange,u),o.forEach(function(t){t.classList.remove(n)}),this._setActiveState(this._getPipIndex(r)),this._restartAnimation(),this._fireEvent(this.options.events.afterChange,u)):this._fireEvent(this.options.events.loopEnd,u)}}},{key:"_resumeTimerAnimation",value:function(t,n){if("hover"!==n||!this.options._nonHoverPaused){var e=this.options.labels.playing;this._updateLiveRegionText(e),this.options._nonHoverPaused=!1,this._setPlayingStatus(t,n),this._restartAnimation(n)}}},{key:"_pauseTimerAnimation",value:function(t,n){"hover"!==n&&(this.options._nonHoverPaused=!0);var e=this.options.labels.paused;this._updateLiveRegionText(e),this.options.controls.countdownTransition&&this.options.controls.countdownTransition.pause(),this._setPlayingStatus(t,n)}},{key:"_addPaginationEvents",value:function(){var t=this,n=this.options.controls,e=n.pips,o=n.play,i=n.pause,a=n.countdown;e.forEach(function(n){return n.addEventListener("click",function(n){return t._pipEventHandler(n)},!1)}),o&&i&&a&&(i.addEventListener(this.options.events.countdownEnd,function(n){return t._pipEventHandler(n)},!1),o.addEventListener("click",function(n){return t._resumeTimerAnimation("running",n)},!1),i.addEventListener("click",function(n){return t._pauseTimerAnimation("paused",n)},!1))}},{key:"_fireEvent",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};(0,o.le)(this._elem,t,n)}},{key:"_getPlayingStatus",value:function(){return this._playingStatus}},{key:"_setPlayingStatus",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"paused",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,o=this.options.controls,i=o.play,a=o.pause,s=o.countdown;this._playingStatus=n,this._elem.setAttribute("data-playing","paused"===n?"false":"true"),i&&a&&"paused"===n?(this._toggleFocus(a,i,e),t._showControl(i),t._hideControl(a),s.style.animationPlayState="paused",this._fireEvent(this.options.events.pause)):(this._toggleFocus(i,a,e),t._hideControl(i),t._showControl(a),s.style.animationPlayState="running",this._fireEvent(this.options.events.play))}},{key:"_toggleFocus",value:function(t,n,e){this.options._allowFocusToggle&&document.activeElement===t&&e&&0===e.detail&&setTimeout(function(){n.focus()},50)}},{key:"_playControlIconSVG",value:function(){return'\n    <svg aria-hidden="true" class="'.concat(this.options.classes.playControlIcon,'" width="14px" height="20px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 20" xml:space="preserve">\n      <path d="M-0.1,0v20l14-10L-0.1,0z M1.6,3.2l9.5,6.7l-9.5,6.8C1.6,16.7,1.6,3.2,1.6,3.2z"/>\n    </svg>      \n    ')}},{key:"_pauseControlIconSVG",value:function(){return'\n      <svg aria-hidden="true" class="'.concat(this.options.classes.pauseControlIcon,'" width="10px" height="16px" viewBox="0 0 10 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n        <g stroke="none" stroke-width="1">\n          <g transform="translate(-473.000000, -299.000000)" fill-rule="nonzero">\n            <g transform="translate(473.000000, 299.000000)">

1<polygon points="0 0 2 0 2 16 0 16"></polygon><polygon points="8 0 10 0 10 16 8 16"></polygon></g>\n          </g>\n        </g>\n      </svg>')}},{key:"pause",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this.options.controls.pause;if(n){var e=!!t&&"hover";this._pauseTimerAnimation("paused",e)}}},{key:"play",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this.options.controls.play;if(n){var e=!!t&&"hover";this._resumeTimerAnimation("running",e)}}},{key:"getPlayingStatus",value:function(){return this._getPlayingStatus()}},{key:"goToPip",value:function(t){var n=this.options.controls.pips[t];n&&n.click()}},{key:"previousPip",value:function(){var t=this.options.controls.pips,n=this._getCurrentActivePipElement(),e=this._getPipIndex(n);if(this.options.loop||0!==e){var o=t[this._getPreviousPipIndex(t,n)];this._fireEvent(this.options.events.gotoPrevious),o.click()}}},{key:"nextPip",value:function(){var t=this.options.controls.pips,n=this._getCurrentActivePipElement(),e=t[this._getNextPipIndex(t,n)],o=this._getPipIndex(e);(this.options.loop||0!==o)&&(this._fireEvent(this.options.events.gotoNext),e.click())}},{key:"getCurrentPipIndex",value:function(){return this._getCurrentActivePipIndex()}},{key:"updateActivePipByIndex",value:function(t){var n=this.options.controls.pips,e=this.options.classes.pipActive;n.forEach(function(t){return t.classList.remove(e)}),this._setActiveState(t)}},{key:"getOptions",value:function(){return this.options}},{key:"getElement",value:function(){return this._elem}},{key:"destroy",value:function(){var t=this.options.controls;t&&t.wrapper&&t.wrapper.parentNode.removeChild(t.wrapper)}},{key:"Pagination",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,e=this[t];return"function"==typeof e?e.bind(this,n)():void 0}}],i=[{key:"_cacheControls",value:function(t,n){var e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o={};return o.wrapper=t.querySelector(".".concat(n.controls)),o.pips=[].slice.call(t.querySelectorAll(".".concat(n.pip))),e&&(o.play=t.querySelector(".".concat(n.play)),o.pause=t.querySelector(".".concat(n.pause)),o.countdown=t.querySelector(".".concat(n.pauseTimerIconCountdown))),o}},{key:"_replacePlaceholderLabelText",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(/[[]]/g,n)}},{key:"_showControl",value:function(t){t.removeAttribute("aria-hidden"),t.removeAttribute("tabindex")}},{key:"_hideControl",value:function(t){t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1")}}],e&&r(n.prototype,e),i&&r(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,e,i}()}}]);