{"version":3,"file":"productListItem.5cb64cb151f5242b7b25.js","mappings":"8HAEMA,EAAkBC,SAASC,iBAAiB,oBAC9CC,EAAe,GACnBH,EAAgBI,SAAQ,SAACC,GACvBF,EAAeA,EAAaG,OAAOC,MAAMC,KAAKH,EAAQH,iBAAiB,kBACzE,IACA,IAAMO,EAAmBN,EA8CnBO,EAAO,WA3CM,IACXC,EA2CFC,WAAWC,YA3CTF,EAAuE,MAA1CV,SAASa,eAAe,eAC3DL,EAAiBL,SAAQ,SAACW,GAAS,IAAAC,EAAAC,EAC3BC,EAAyD,QAA5CF,EAAGD,EAAKI,cAAc,8BAAsB,IAAAH,OAAA,EAAzCA,EAA2CI,kBAC3DC,EAAeN,EAAKI,cAAc,yBAClCG,EAASP,EAAKI,cAAc,mBAC5BI,EAASC,SAAiD,QAAzCP,EAACF,EAAKI,cAAc,6BAAqB,IAAAF,OAAA,EAAxCA,EAA0CQ,QAAQC,QACpEC,EAASZ,EAAKI,cAAc,mBAE9BD,IAAkBP,IACpBI,EAAKa,iBAAiB,cAAc,WAClCV,SAAAA,EAAeW,UAAUC,OAAO,aAChCT,SAAAA,EAAcQ,UAAUE,IAAI,YAC9B,IACAhB,EAAKa,iBAAiB,cAAc,WAClCV,SAAAA,EAAeW,UAAUE,IAAI,aAC7BV,SAAAA,EAAcQ,UAAUC,OAAO,YACjC,KAGEH,GAAUJ,EAAS,IACrBR,EAAKa,iBAAiB,cAAc,WAClCD,SAAAA,EAAQE,UAAUC,OAAO,YAC3B,IACAf,EAAKa,iBAAiB,cAAc,WAClCD,SAAAA,EAAQE,UAAUE,IAAI,YACxB,KAGET,GACO,IAAIU,EAAAA,GAAOV,EAAQ,CAC1BW,KAAM,QACNC,MAAO,EACPP,OAAQJ,EAAS,EACjBY,YAAY,EACZC,KAAMb,EAAS,EACfc,OAAQ,IAEHC,OAEX,IAQF,EAEAC,OAAOX,iBAAiB,mBAAmB,WACzClB,GACF,IAEAT,SAAS2B,iBAAiB,oBAAoB,WACrB,MAAnB5B,GACJU,GACF,G","sources":["webpack://global-main/./Feature/Product/code/Views/Feature/Product/ProductListItem.js"],"sourcesContent":["import Splide from '@splidejs/splide';\n\nconst productlistings = document.querySelectorAll('.product-listing');\nlet isotopeItems = [];\nproductlistings.forEach((listing) => {\n  isotopeItems = isotopeItems.concat(Array.from(listing.querySelectorAll('.isotope-item')));\n});\nconst productListItems = isotopeItems;\nlet splide = undefined;\n\nconst bindEvents = () => {\n  const isDealerBuyersGuideListing = document.getElementById('buyersGuide') != null;\n  productListItems.forEach((item) => {\n    const colorSwatches = item.querySelector('.plp-color-swatches')?.firstElementChild;\n    const titleSection = item.querySelector('.product-info-section');\n    const slider = item.querySelector('.slider-wrapper');\n    const slides = parseInt(item.querySelector('.product-list-item')?.dataset.images);\n    const arrows = item.querySelector('.splide__arrows');\n\n    if (colorSwatches && !isDealerBuyersGuideListing) {\n      item.addEventListener('mouseenter', () => {\n        colorSwatches?.classList.remove('d-lg-none');\n        titleSection?.classList.add('d-lg-none');\n      });\n      item.addEventListener('mouseleave', () => {\n        colorSwatches?.classList.add('d-lg-none');\n        titleSection?.classList.remove('d-lg-none');\n      });\n    }\n\n    if (arrows && slides > 1) {\n      item.addEventListener('mouseenter', () => {\n        arrows?.classList.remove('d-lg-none');\n      });\n      item.addEventListener('mouseleave', () => {\n        arrows?.classList.add('d-lg-none');\n      });\n    }\n\n    if (slider) {\n      splide = new Splide(slider, {\n        type: 'slide',\n        start: 0,\n        arrows: slides > 1,\n        pagination: false,\n        drag: slides > 1,\n        clones: 0,\n      });\n      splide.mount();\n    }\n  });\n};\n\nconst init = () => {\n  if (_THULEDATA.IsEditing) {\n    return;\n  }\n  bindEvents();\n};\n\nwindow.addEventListener('changePLPLayout', function () {\n  init();\n});\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  if (productlistings == null) return;\n  init();\n});\n"],"names":["productlistings","document","querySelectorAll","isotopeItems","forEach","listing","concat","Array","from","productListItems","init","isDealerBuyersGuideListing","_THULEDATA","IsEditing","getElementById","item","_item$querySelector","_item$querySelector2","colorSwatches","querySelector","firstElementChild","titleSection","slider","slides","parseInt","dataset","images","arrows","addEventListener","classList","remove","add","Splide","type","start","pagination","drag","clones","mount","window"],"sourceRoot":""}