{"version":3,"file":"colorSwatch.b7aa02943d14258647b2.js","mappings":"8FAAA,IAAMA,EAAgBC,MAAMC,KAAKC,SAASC,iBAAiB,8BAiBrDC,EAAiB,SAACC,EAAQC,GAAc,IAAAC,EACtCC,EAAiBF,EAAUG,cAAc,yBAE/C,GADsC,QAAtCF,EAAAD,EAAUG,cAAc,sBAAc,IAAAF,GAAtCA,EAAwCG,UAAUC,OAAO,UACrDN,IACFA,EAAOK,UAAUE,IAAI,UACrBJ,EAAeK,YAAcR,EAAOS,aAAa,SAC7CT,EAAOU,QAAQ,wBAA0BC,OAAOC,WAAa,KAAK,CACpE,IAAMC,EAAcb,EAAOc,QAAQC,MACnCpB,MAAMC,KAAKI,EAAOU,QAAQ,iBAAiBZ,iBAAiB,QAAQkB,SAAQ,SAACC,GACvEA,EAAIH,QAAQC,QAAUF,EAAaI,EAAIZ,UAAUC,OAAO,UACvDW,EAAIZ,UAAUE,IAAI,SACzB,GACF,CAEJ,EAUAV,SAASqB,iBAAiB,oBAAoB,WAPxCC,WAAWC,WA/Bf1B,EAAcsB,SAAQ,SAACf,GACJN,MAAMC,KAAKK,EAAUoB,qBAAqB,OAElDL,SAAQ,SAAChB,GAChBA,EAAOkB,iBAAiB,cAAc,SAACI,GACrCvB,EAAeuB,EAAEC,OAAOC,kBAAmBvB,EAC7C,IACAD,EAAOkB,iBAAiB,cAAc,SAACI,GACrCvB,EAAeE,EAAUG,cAAc,eAAgBH,EACzD,GACF,GACF,GA6BF,G","sources":["webpack://global-main/./Foundation/Products/code/Views/Foundation/Products/ColorSwatch.js"],"sourcesContent":["const colorSwatches = Array.from(document.querySelectorAll('.color-selector-container'));\n\nconst bindEvents = () => {\n  colorSwatches.forEach((swatchRow) => {\n    const swatches = Array.from(swatchRow.getElementsByTagName('li'));\n\n    swatches.forEach((swatch) => {\n      swatch.addEventListener('mouseenter', (e) => {\n        onSwatchChange(e.target.firstElementChild, swatchRow);\n      });\n      swatch.addEventListener('mouseleave', (e) => {\n        onSwatchChange(swatchRow.querySelector('li.active a'), swatchRow);\n      });\n    });\n  });\n};\n\nconst onSwatchChange = (swatch, swatchRow) => {\n  const swatchNameElem = swatchRow.querySelector('.selected-swatch-name');\n  swatchRow.querySelector('li a.active')?.classList.remove('active');\n  if (swatch) {\n    swatch.classList.add('active');\n    swatchNameElem.textContent = swatch.getAttribute('title');\n    if (swatch.closest('.plp-color-swatches') && window.innerWidth > 991) {\n      const activePimId = swatch.dataset.pimid;\n      Array.from(swatch.closest('.isotope-item').querySelectorAll('img')).forEach((img) => {\n        if (img.dataset.pimid === activePimId) img.classList.remove('d-none');\n        else img.classList.add('d-none');\n      });\n    }\n  }\n};\n\nconst init = () => {\n  if (_THULEDATA.IsEditing) {\n    return;\n  }\n\n  bindEvents();\n};\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  init();\n});\n"],"names":["colorSwatches","Array","from","document","querySelectorAll","onSwatchChange","swatch","swatchRow","_swatchRow$querySelec","swatchNameElem","querySelector","classList","remove","add","textContent","getAttribute","closest","window","innerWidth","activePimId","dataset","pimid","forEach","img","addEventListener","_THULEDATA","IsEditing","getElementsByTagName","e","target","firstElementChild"],"sourceRoot":""}