https://www.jaguar.com/etc.clientlibs/jlr/clientlibs/clientlib-dyn…escataloglisting-js.731704d9313124993ea5.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([["components-accessoriescataloglisting-accessoriescataloglisting-js"],{10329:function(t,e,i){i.d(e,{A:function(){return p}});var a=i(12285);function n(t){return n="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},n(t)}function o(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,a)}return i}function r(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?o(Object(i),!0).forEach(function(e){l(t,e,i[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}function s(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,u(a.key),a)}}function l(t,e,i){return(e=u(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function u(t){var e=function(t,e){if("object"!=n(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var a=i.call(t,e||"default");if("object"!=n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==n(e)?e:e+""}var c="DxPlayPause::click",d="DxPlayPause::complete",p=function(){return t=function t(e,i){var a=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),l(this,"mountElement",void 0),l(this,"defaults",void 0),l(this,"options",void 0),l(this,"isPlaying",void 0),l(this,"element",void 0),l(this,"controlButton",void 0),l(this,"playIcon",void 0),l(this,"pauseIcon",void 0),l(this,"countdownControl",void 0),l(this,"countdownAnimation",void 0),l(this,"startCountdown",function(){if(a.isPlaying&&a.countdownControl&&document.body.contains(a.countdownControl))try{if(0===a.countdownControl.getClientRects().length)return;var t=a.countdownControl.getTotalLength();a.countdownControl.classList.add("DxPlayPause__border--countdown"),a.countdownControl.style.strokeDasharray=t.toString();var e=t.toString();requestAnimationFrame(function(){var t,i,n;a.countdownControl.style.strokeDashoffset="0",a.countdownControl.style.opacity="1",a.countdownAnimation?a.countdownAnimation.play():(i=[{strokeDashoffset:"0",opacity:1,offset:0},{strokeDashoffset:e,opacity:1,offset:.99},{strokeDashoffset:e,opacity:0,offset:1}],n={duration:1e3*(null!==(t=a.options.duration)&&void 0!==t?t:0),easing:"linear",fill:"forwards"},a.countdownAnimation=a.countdownControl.animate(i,n),a.countdownAnimation&&(a.countdownAnimation.pause(),a.countdownAnimation.onfinish=function(){a.countdownControl.style.opacity="0",a.countdownAnimation=null,a.element.dispatchEvent(new CustomEvent(d,{detail:{instance:a}})),a.animationComplete()},a.countdownAnimation.play()))})}catch(t){console.error(t)}}),this.mountElement=e,this.defaults={autoplay:!0,duration:null,loop:!0,theme:"light",playLabel:"Play",pauseLabel:"Pause",pausedLabel:"Paused",playingLabel:"Playing"},this.options=r(r({},this.defaults),i),this.init()},e=[{key:"init",value:function(){var t;this.isPlaying=null===(t=this.options.autoplay)||void 0===t||t,this.element=this.buildElement(),this.mountElement.appendChild(this.element),this.handleIconVisibility(),this.options.duration&&this.options.duration>0&&this.startCountdown()}},{key:"setDuration",value:function(t){this.options.duration=t,this.restartCountdown()}},{key:"clearCountdownAnimation",value:function(){this.countdownAnimation&&(this.countdownAnimation.pause(),this.countdownAnimation=null),this.countdownControl&&(this.countdownControl.style.opacity="0")}},{key:"restartCountdown",value:function(){this.clearCountdownAnimation(),!this.options.duration||this.options.duration<=0||!this.isPlaying||this.startCountdown()}},{key:"resumeCountdown",value:function(){!this.options.duration||this.options.duration<=0||(this.isPlaying=!0,this.handleIconVisibility(),this.restartCountdown())}},{key:"buildElement",value:function(){var t=(0,a.Kp)("div",["DxPlayPause","DxPlayPause--".concat(this.options.theme)],{"data-animating":Boolean(this.options.autoplay).toString()}),e=(0,a.Kp)("button");e.type="button",this.controlButton=e;var i=(0,a.Kp)("div",["DxPlayPause__playButton","icon-play-v2"]),n=(0,a.Kp)("div",["DxPlayPause__pauseButton","icon-pause"]);e.appendChild(i),e.appendChild(n),this.playIcon=i,this.pauseIcon=n;var o=document.createElementNS("http://www.w3.org/2000/svg","svg");return o.classList.add("DxPlayPause__wrapper"),o.setAttribute("aria-hidden","true"),this.countdownControl

1=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.countdownControl.classList.add("DxPlayPause__border"),this.countdownControl.setAttribute("r","20"),this.countdownControl.setAttribute("cx","21"),this.countdownControl.setAttribute("cy","21"),o.appendChild(this.countdownControl),e.appendChild(o),t.appendChild(e),e.addEventListener("click",this.onClick.bind(this)),t}},{key:"on",value:function(t,e,i){this.element.addEventListener("DxPlayPause::".concat(t),e,i)}},{key:"onClick",value:function(){this.togglePlayState();var t=this.isPlaying?"playing":"paused";this.element.dispatchEvent(new CustomEvent(c,{detail:{instance:this,playState:t}}))}},{key:"toggleHidden",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==t?this.element.classList.toggle("DxPlayPause--hidden",t):this.element.classList.toggle("DxPlayPause--hidden")}},{key:"getAriaLabel",value:function(){var t=this.isPlaying?this.options.pauseLabel:this.options.playLabel,e=this.isPlaying?this.options.playingLabel:this.options.pausedLabel;if(t)return e?"".concat(e,", ").concat(t):t}},{key:"handleIconVisibility",value:function(){this.isPlaying?(this.pauseIcon.style.opacity="1",this.playIcon.style.opacity="0",this.controlButton.setAttribute("aria-label","".concat(this.options.playingLabel,", ").concat(this.options.pauseLabel))):(this.pauseIcon.style.opacity="0",this.playIcon.style.opacity="1",this.controlButton.setAttribute("aria-label","".concat(this.options.pausedLabel,", ").concat(this.options.playLabel)));var t=this.getAriaLabel();t?this.controlButton.setAttribute("aria-label",t):this.controlButton.removeAttribute("aria-label")}},{key:"animationComplete",value:function(){this.options.loop&&this.startCountdown()}},{key:"pauseCountdown",value:function(){this.isPlaying=!1,this.countdownAnimation&&this.countdownAnimation.pause()}},{key:"playCountdown",value:function(){this.isPlaying=!0,this.countdownAnimation&&this.countdownAnimation.play()}},{key:"stopCountdown",value:function(){this.isPlaying=!1,this.clearCountdownAnimation()}},{key:"togglePlayState",value:function(t){this.isPlaying=null!=t?t:!this.isPlaying,this.handleIconVisibility(),this.isPlaying?this.countdownAnimation?this.countdownAnimation.play():this.startCountdown():this.pauseCountdown()}},{key:"destroy",value:function(){this.stopCountdown(),this.element.remove()}}],e&&s(t.prototype,e),i&&s(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,i}()},80746:function(t,e,i){i.d(e,{H:function(){return s}});var a=i(61799);function n(t){return n="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},n(t)}function o(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,r(a.key),a)}}function r(t){var e=function(t,e){if("object"!=n(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var a=i.call(t,e||"default");if("object"!=n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==n(e)?e:e+""}var s=function(){return t=function t(){var e,i,n;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),e=this,i="emitter",n=new a.n,(i=r(i))in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n},(e=[{key:"onEvent",value:function(t,e){this.emitter.on(t,e)}},{key:"offEvent",value:function(t,e){this.emitter.off(t,e)}}])&&o(t.prototype,e),i&&o(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,i}()},86370:function(t,e,i){i.r(e),i.d(e,{default:function(){return w}});var a=i(41126),n=i(36856),o=i(18829),r=i(94305),s=(i(48590),i(10329)),l=i(19871),u=i(23055),c=i(12285),d=i(71409);function p(t){return p="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},p(t)}function h(){var t,e,i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",n=i.toStringTag||"@@toStringTag";function o(i,a,n,o){var l=a&&a.prototype instanceof s?a:s,u=Object.create(l.prototype);return y(u,"_invoke",function(i,a,n){var o,s,l,u=0,c=n||[],d=!1,p={p:0,n:0,v:t,a:h,f:h.bind(t,4),d:function(e,i){return o=e,s=0,l=t,p.n=i,r}};function h(i,a){for(s=i,l=a,e=0;!d&&u&&!n&&e<c.length;e++){var n,o=c[e],h=p.p,y=o[2];i>3?(n=y===a)&&(l=o[(s=o[4])?5:(s=3,3)],o[4]=o[5]=t):o[0]<=h&&((n=i<2&&h<o[1])?(s=0,p.v=a,p.n=o[1]):h<y&&(n=i<3||o[0]>a||a>y)&&(o[4]=i,o[5]=a,p.n=y,s=0))}if(n||i>1)return r;throw d=!0,a}

1return function(n,c,y){if(u>1)throw TypeError("Generator is already running");for(d&&1===c&&h(c,y),s=c,l=y;(e=s<2?t:l)||!d;){o||(s?s<3?(s>1&&(p.n=-1),h(s,l)):p.n=l:p.v=l);try{if(u=2,o){if(s||(n="next"),e=o[n]){if(!(e=e.call(o,l)))throw TypeError("iterator result is not an object");if(!e.done)return e;l=e.value,s<2&&(s=0)}else 1===s&&(e=o.return)&&e.call(o),s<2&&(l=TypeError("The iterator does not provide a '"+n+"' method"),s=1);o=t}else if((e=(d=p.n<0)?l:i.call(a,p))!==r)break}catch(e){o=t,s=1,l=e}finally{u=1}}return{value:e,done:d}}}(i,n,o),!0),u}var r={};function s(){}function l(){}function u(){}e=Object.getPrototypeOf;var c=[][a]?e(e([][a]())):(y(e={},a,function(){return this}),e),d=u.prototype=s.prototype=Object.create(c);function p(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,u):(t.__proto__=u,y(t,n,"GeneratorFunction")),t.prototype=Object.create(d),t}return l.prototype=u,y(d,"constructor",u),y(u,"constructor",l),l.displayName="GeneratorFunction",y(u,n,"GeneratorFunction"),y(d),y(d,n,"Generator"),y(d,a,function(){return this}),y(d,"toString",function(){return"[object Generator]"}),(h=function(){return{w:o,m:p}})()}function y(t,e,i,a){var n=Object.defineProperty;try{n({},"",{})}catch(t){n=0}y=function(t,e,i,a){if(e)n?n(t,e,{value:i,enumerable:!a,configurable:!a,writable:!a}):t[e]=i;else{var o=function(e,i){y(t,e,function(t){return this._invoke(e,i,t)})};o("next",0),o("throw",1),o("return",2)}},y(t,e,i,a)}function v(t,e,i,a,n,o,r){try{var s=t[o](r),l=s.value}catch(t){return void i(t)}s.done?e(l):Promise.resolve(l).then(a,n)}function m(t){return function(){var e=this,i=arguments;return new Promise(function(a,n){var o=t.apply(e,i);function r(t){v(o,a,n,r,s,"next",t)}function s(t){v(o,a,n,r,s,"throw",t)}r(void 0)})}}function g(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,f(a.key),a)}}function b(t,e,i){return(e=f(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function f(t){var e=function(t,e){if("object"!=p(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var a=i.call(t,e||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==p(e)?e:e+""}var _=function(){return t=function t(e){var i=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),b(this,"_element",void 0),b(this,"_uiSelectors",{}),b(this,"_isAuthorMode",void 0),b(this,"_isWishlistVisible",void 0),b(this,"_service",void 0),b(this,"_routeController",void 0),b(this,"_categoriesTabGroup",void 0),b(this,"_subcategoriesTabGroup",void 0),b(this,"_nameplateSelect",void 0),b(this,"_nameplateMediaList",void 0),b(this,"_nameplates",[]),b(this,"_params",{base:"",nameplate:"",category:"",subcategory:"",accessory:""}),b(this,"_nameplate",void 0),b(this,"_categories",[]),b(this,"_partsBySubCategory",new Map),b(this,"_renderedPartsNameplate",""),b(this,"_ariaLabels",{categories:"",subcategories:""}),b(this,"_onWishlistQuantityChanged",function(){var t=(0,d.Mj)();(0,d.yl)(i._element,t),(0,d.Tc)(i._element)}),b(this,"_onVisibilityChange",function(){"visible"===document.visibilityState&&((0,d.k5)(i._element),(0,d.Tc)(i._element))}),this._element=e;var o=e.dataset,s=o.apiUrl,l=o.brand,u=o.locale,c=o.baseUrl,p=o.ariaLabelCategories,h=void 0===p?"":p,y=o.ariaLabelSubcategories,v=void 0===y?"":y,m=o.nameplateMediaList,g=void 0===m?"[]":m,f=o.runMode,_=e.hasAttribute("data-authentication-required");if(this._isAuthorMode="author"===f&&(0,r.ad)(window),this._isWishlistVisible=e.hasAttribute("data-show-wishlist"),!l||!u)throw new Error("Page config data missing - brand and locale are required");this._ariaLabels.categories=h,this._ariaLabels.subcategories=v,this._service=new a.A({brand:l,locale:u,authenticationRequired:_,urls:{api:null!=s?s:"",media:null!=c?c:""}}),this._routeController=(0,n.Pt)({isAuthorMode:this._isAuthorMode}),this._nameplateMediaList=this._extractMediaList(g),this._uiSelectors={nameplateTitle:e.querySelector(".AccessoriesCatalogListing__title-banner-title"),nameplateTitleDescription:e.querySelector(".AccessoriesCatalogListing__title-banner-description"),nameplateNav:e.querySelector(".AccessoriesCatalogListing__nameplate-navigation"),nameplateSelect:e.querySelector(".AccessoriesCatalogListing__nameplate-navigation-select"),nameplateNavLabel:e.querySelector(".AccessoriesCatalogListing__nameplate-navigation-label"),categoriesTabs:e.querySelector(".AccessoriesCatalogListing__category-tabs--categories"),subcategoriesTabs:e.querySelector(".AccessoriesCatalogListing__category-tabs--subcategories"),titleBannerMedia:e.querySelector(".AccessoriesCatalogListing__title-banner-media"),categorySection:e.querySelector(".AccessoriesCatalogListing__categories"),categoryLevel1:e.querySelector(".AccessoriesCatalogListing__category-menu-level-1"),categoryLevel2:e.querySelector(".AccessoriesCatalogListing__category-menu-level-2"),accessoriesPanels:e.querySelector(".AccessoriesCatalogListing__accessories-panels"),wishlistCta:e.querySelector("[data-view-wishlist-cta]")},this._init()},e=[{key:"_init",value:(v=m(h().m(function t(){var e,i=this;return h().w(function(t){for(;;

1)switch(t.n){case 0:return e=this._routeController.readCurrentState(),t.n=1,this._loadPageData(e);case 1:if(this._routeController.subscribe(function(t){i._loadPageData(t)}),!this._isAuthorMode||null!=e&&e.category&&null!=e&&e.nameplate&&null!=e&&e.subcategory||this._routeController.navigateToListing({category:this._params.category,subcategory:this._params.subcategory,nameplate:this._params.nameplate},{replace:!0}),this._isWishlistVisible&&this._uiSelectors.wishlistCta){t.n=2;break}return t.a(2);case 2:(0,d.T8)(this._element),document.addEventListener(d.e6,this._onWishlistQuantityChanged),document.addEventListener("visibilitychange",this._onVisibilityChange);case 3:return t.a(2)}},t,this)})),function(){return v.apply(this,arguments)})},{key:"_loadPageData",value:(y=m(h().m(function t(e){var i,a,n,r,s,l,u,c,d,p,y,v,m,g,b,f,_,w,P;return h().w(function(t){for(;;)switch(t.n){case 0:if(this._nameplates.length){t.n=2;break}return t.n=1,this._service.getNameplates();case 1:this._nameplates=t.v;case 2:if(y=null!==(i=null==e?void 0:e.nameplate)&&void 0!==i?i:"",v=null!==(a=null!==(n=null===(r=this._nameplateMediaList[0])||void 0===r?void 0:r.urlPortion)&&void 0!==n?n:null===(s=this._nameplates[0])||void 0===s?void 0:s.urlPortion)&&void 0!==a?a:"",m=o.Q.listing===y?v:y,g=!this._nameplate||m!==this._nameplate.urlPortion,this._nameplate=this._resolveRequestedItem(this._nameplates,m||v),this._nameplate){t.n=3;break}throw new Error("No nameplate found for Page Data");case 3:if(!g){t.n=5;break}return t.n=4,this._service.getCategories(this._nameplate.urlPortion);case 4:this._categories=t.v;case 5:if(b=null!==(l=null==e?void 0:e.category)&&void 0!==l?l:"",f=this._resolveRequestedItem(this._categories,b),_=null!==(u=null==f?void 0:f.subCategories)&&void 0!==u?u:[],w=null!==(c=null==e?void 0:e.subcategory)&&void 0!==c?c:"",P=this._resolveRequestedItem(_,w),this._params.nameplate=this._nameplate.urlPortion,this._params.category=null!==(d=null==f?void 0:f.urlPortion)&&void 0!==d?d:"",this._params.subcategory=null!==(p=null==P?void 0:P.urlPortion)&&void 0!==p?p:"",this._renderCategoryTabs(),this._renderSubcategoryTabs(),g&&(this._renderNameplateDetails(),this._renderNameplateSelect()),this._renderedPartsNameplate===this._params.nameplate){t.n=7;break}return this._setPartsLoading(!0),t.n=6,this._service.getAllPartsByCategories(this._params.nameplate,this._categories);case 6:return this._partsBySubCategory=t.v,this._renderAllPartsPanels(),this._renderedPartsNameplate=this._params.nameplate,t.a(2);case 7:this._showActivePartsPanel();case 8:return t.a(2)}},t,this)})),function(t){return y.apply(this,arguments)})},{key:"_resolveRequestedItem",value:function(t,e){var i;return null!==(i=t.find(function(t){return t.urlPortion===e}))&&void 0!==i?i:t[0]}},{key:"_extractMediaList",value:function(t){var e=[];try{e=JSON.parse(t)}catch(t){console.error("AccessoriesCatalogListing: Unable to load mediaList")}return e.map(function(t){if("image"===t.assetType)return{assetType:t.assetType,breakpoints:t.breakpoints,imageAlt:t.imageAlt,imageCroppedUrl:t.imageCroppedUrl,label:t.label,srcSet:t.srcSet,urlPortion:t.urlPortion};if("video"===t.assetType){var e=t.assetType,i=t.posterImage,a=t.breakpoints,n=t.videoId,o=t.videoPath,r=t.posterImgAltText,s=t.label,l=t.urlPortion;return{assetType:e,breakpoints:a,label:s,posterImage:i,posterImgAltText:r,srcSet:t.srcSet,urlPortion:l,videoId:n,videoPath:o}}return t.assetType})}},{key:"_renderNameplateDetails",value:function(){var t,e,i,a,n,o=this,r=null!==(t=this._nameplateMediaList.find(function(t){return t.urlPortion===o._params.nameplate}))&&void 0!==t?t:this._nameplateMediaList[0],s=(null!==(e=this._element.dataset.nameplateTitle)&&void 0!==e?e:"").replace("{{nameplate}}",(null!==(i=null===(a=this._nameplate)||void 0===a?void 0:a.name)&&void 0!==i?i:"").toLocaleUpperCase());this._uiSelectors.nameplateTitle.setHTML(s.replaceAll(/<\/?p>/g,"")),this._uiSelectors.nameplateTitleDescription.setHTML(null!==(n=this._element.dataset.nameplateDescription)&&void 0!==n?n:""),this._renderNameplateMedia(r)}},{key:"_renderNameplateSelect",value:function(){var t=this,e=this._uiSelectors.nameplateSelect;if(e){this._nameplateSelect||(this._nameplateSelect=new l.A(e,{closeOnScrollOutside:!0}),this._nameplateSelect.on("change",function(){var e=m(h().m(function e(i){var a,n,o,r,s,l;return h().w(function(e){for(;;)switch(e.n){case 0:if((a=i.value)&&a!==t._params.nameplate){e.n=1;break}return e.a(2);case 1:return e.p=1,e.n=2,t._service.getCategories(a);case 2:return r=e.v,s=r[0],l=null==s?void 0:s.subCategories[0],e.n=3,t._routeController.navigateToListing({category:null!==(n=null==s?void 0:s.urlPortion)&&void 0!==n?n:"",nameplate:a,subcategory:null!==(o=null==l?void 0:l.urlPortion)&&void 0!==o?o:""});case 3:e.n=5;break;case 4:e.p=4,e.v;case 5:return e.a(2)}},e,null,[[1,4]])}));return function(t){return e.apply(this,arguments)}}()));var i=this._nameplateMediaList.map(function(t){return{label:t.label,value:t.urlPortion}});this._nameplateSelect.updateOptions(i),this._params.nameplate&&this._nameplateSelect.selectOption(this._params.nameplate)}}},{key:"_renderCategoryTabs",value:function(){var t=this,e=this._uiSelectors.categoriesTabs;e&&(this._categoriesTabGroup=this._renderTabGroup({ariaLabel:this._ariaLabels.categories,items:this._categories,root:e,selectedValue:this._params.category,tabGroup:this._categoriesTabGroup,onSelect:function(e){var i,a,n,o=null!==(i=e.dataset.value)&&void 0!==i?i:"";if(o&&o!==t._params.category){var r=t._categories.find(function(t){return t.urlPortion===o});t._routeController.navigateToListing({category:o,nameplate:t._params.nameplate,subcategory:null!==(a=null==r||null===(n=r.subCategories[0])||void 0===n?void 0:n.urlPortion)&&void 0!==a?a:""})}}}))}},{key:"_renderSubcategoryTabs",value:function(){var t,e=this,i=this._uiSelectors.subcategoriesTabs;if(i){var a=this._categories.find(function(t){return t.urlPortion===e._params.category}),n=null!==(t=null==a?void 0:a.subCategories)&&void 0!==t?t:[];this._subcategoriesTabGroup=this._renderTabGroup({ariaLabel:this._ariaLabels.subcategories,items:n,root:i,selectedValue:this._params.subcategory,tabGroup:this._subcategoriesTabGroup,onSelect:function(t){var i,a=null!==(i=t.dataset.value)&&void 0!==i?i:"";a&&a!==e._params.subcategory&&e._routeController.navigateToListing({category:e._params.category,nameplate:e._params.nameplate,subcategory:a})}})}}},{key:"_renderTabGroup",value:function(t){var e,i,a=t.ariaLabel,n=t.

1items,o=t.root,r=t.selectedValue,s=t.onSelect,l=t.tabGroup;l||(l=new u.p(null!==(i=o.querySelector(".TabGroup"))&&void 0!==i?i:o,{showUnderline:!1})).on("tabSelected",s),null===(e=o.querySelector('[role="tablist"]'))||void 0===e||e.classList.toggle("AccessoriesCatalogListing__category-list",!0),l.clearTabs(),n.forEach(function(t){var e,i,a,n=t.name,o=t.urlPortion,r=null===(e=l)||void 0===e?void 0:e.createTab(o,n);r&&(r.dataset.value=o,r.classList.add("AccessoriesCatalogListing__category-list-item"),null===(i=r.querySelector(".TabGroup__tab-text"))||void 0===i||i.classList.add("AccessoriesCatalogListing__category-link"),null===(a=l)||void 0===a||a.addTab(r))});var c=l.getTab(r);return c&&l.setTabSelected(c,{ignoreActiveTabCheck:!0,shouldFocus:!1,triggerEvent:!1}),o.hidden=0===n.length,o.setAttribute("aria-label",a),l.setLoading(o.hidden),l}},{key:"_renderNameplateMedia",value:(p=m(h().m(function t(e){var i,a,n,o,r,l,u,d,p,y,v,m,g,b,f;return h().w(function(t){for(;;)switch(t.n){case 0:if(r=this._uiSelectors.titleBannerMedia){t.n=1;break}return t.a(2);case 1:if(null===(i=r.querySelector(".DxSkeleton-wrapper"))||void 0===i||i.remove(),null===(a=r.querySelector(".AccessoriesCatalogListing__title-banner-media-item"))||void 0===a||a.remove(),null===(n=r.querySelector(".video"))||void 0===n||n.remove(),null===(o=r.querySelector(".DxPlayPause"))||void 0===o||o.remove(),e){t.n=2;break}return t.a(2);case 2:if("image"!==e.assetType){t.n=3;break}u=(l=e).imageAlt,d=l.imageCroppedUrl,p=l.srcSet,(y=(0,c.Kp)("picture",["AccessoriesCatalogListing__title-banner-media-item","AccessoriesCatalogListing__title-banner-media-item--image"],{"data-testid":"ac-listing-media-item"})).innerHTML='<source srcset="'.concat(p,'" /><img src="').concat(d,'" alt="').concat(u,'" />'),r.appendChild(y),t.n=9;break;case 3:if("video"!==e.assetType){t.n=8;break}return m=(v=e).posterImage,g=v.videoPath,(b=(0,c.Kp)("video",["AccessoriesCatalogListing__title-banner-media-item","AccessoriesCatalogListing__title-banner-media-item--image"],{autoplay:"true","data-testid":"ac-listing-media-item",disablepictureinpicture:"",disableremoteplayback:"",loop:"true",muted:"true",playsinline:"true",poster:null!=m?m:"",preload:"auto"})).innerHTML='<source src="'.concat(g,'" />'),r.appendChild(b),f=!1,t.p=4,t.n=5,b.play();case 5:f=!0,t.n=7;break;case 6:t.p=6,t.v;case 7:b.addEventListener("loadedmetadata",function(){if(b.dataset.hasLoaded)return e.assetType;b.dataset.hasLoaded="true";var t=b.duration;new s.A(r,{duration:t,autoplay:f}).on("click",function(t){t.preventDefault(),b.paused?b.play():b.pause()})}),t.n=9;break;case 8:return t.a(2,e.assetType);case 9:return t.a(2)}},t,this,[[4,6]])})),function(t){return p.apply(this,arguments)})},{key:"_renderAllPartsPanels",value:function(){var t=this,e=this._uiSelectors.accessoriesPanels;if(e){e.replaceChildren();var i=Boolean(this._isWishlistVisible&&this._uiSelectors.wishlistCta),n=this._params.nameplate;this._categories.forEach(function(o){o.subCategories.forEach(function(r){var s,l=(0,c.Kp)("ul",["AccessoriesCatalogListing__accessories"],{"aria-label":"".concat(o.name," ").concat(r.name),"data-category":o.urlPortion,"data-subcategory":r.urlPortion,id:"ac-listing-parts-".concat(o.urlPortion,"-").concat(r.urlPortion),role:"tabpanel"}),u=null!==(s=t._partsBySubCategory.get(a.A.getPartsCacheKey(o.urlPortion,r.urlPortion)))&&void 0!==s?s:[],d=t._routeController.buildDetailUrl({accessory:"__accessory__",category:o.urlPortion,subcategory:r.urlPortion,nameplate:n});u.forEach(function(e){l.appendChild(t._service.renderPartCard(e,d,t._isAuthorMode?"_top":void 0,i))}),e.appendChild(l)})}),this._showActivePartsPanel(),this._setPartsLoading(!1)}}},{key:"_showActivePartsPanel",value:function(){var t=this._uiSelectors.accessoriesPanels;if(t){var e=this._params,i=e.category,a=e.subcategory;t.querySelectorAll(".AccessoriesCatalogListing__accessories").forEach(function(t){var e=t.dataset.category===i&&t.dataset.subcategory===a;t.toggleAttribute("hidden",!e),t.classList.toggle("AccessoriesCatalogListing__accessories--entered",e)})}}},{key:"_setPartsLoading",value:function(t){var e=this._uiSelectors.accessoriesPanels;null==e||e.toggleAttribute("aria-busy",t),null==e||e.classList.toggle("AccessoriesCatalogListing__accessories-panels--updating",t)}}],e&&g(t.prototype,e),i&&g(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,i,p,y,v}(),w=_}}]);