{"version":3,"file":"js/product.js","mappings":";;;;AACA,SAASA,iBAAiBA,CAACC,MAAM,EAAEC,MAAM,EAAE;EACzC,IAAIC,SAAS,GAAG,EAAE;EAClB,MAAMC,OAAO,GAAGF,MAAM,CAACG,KAAK,CAAC,GAAG,CAAC;EACjCD,OAAO,CAACE,OAAO,CAAEC,GAAG,IAAK;IACvB,MAAMC,KAAK,GAAGD,GAAG,CAACE,SAAS,CAACF,GAAG,CAACG,OAAO,CAAC,GAAG,CAAC,EAAEH,GAAG,CAACI,MAAM,CAAC;IACzDR,SAAS,CAACS,IAAI,CAAC,GAAGX,MAAM,GAAGO,KAAK,EAAE,CAAC;EACrC,CAAC,CAAC;EACF,OAAOL,SAAS,CAACU,IAAI,CAAC,IAAI,CAAC;AAC7B;AAEAC,MAAM,CAACC,uBAAuB,GAAG,UAAUC,SAAS,EAAE;EACpD,MAAMC,cAAc,GAAGC,QAAQ,CAACC,cAAc,CAAC,eAAe,CAAC;EAC/D,MAAMC,UAAU,GAAGF,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;EAChE,MAAME,SAAS,GAAGL,SAAS,CAACM,OAAO,CAACC,QAAQ;EAE5C,IAAIN,cAAc,IAAIG,UAAU,IAAIC,SAAS,EAAE;IAC7C,MAAMG,OAAO,GAAGP,cAAc,CAACQ,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACjE,MAAMC,OAAO,GAAGF,OAAO,CAACC,oBAAoB,CAAC,QAAQ,CAAC;IACtD,MAAME,GAAG,GAAGH,OAAO,CAACC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAElD,CAAC,GAAGC,OAAO,CAAC,CAACpB,OAAO,CAAEsB,MAAM,IAAK;MAC/B,MAAMzB,SAAS,GAAGH,iBAAiB,CAACqB,SAAS,EAAEO,MAAM,CAAC1B,MAAM,CAAC;MAC7D,MAAM2B,SAAS,GAAG7B,iBAAiB,CAACqB,SAAS,EAAEM,GAAG,CAACpB,GAAG,CAAC;MACvDqB,MAAM,CAAC1B,MAAM,GAAGC,SAAS;MACzBwB,GAAG,CAACpB,GAAG,GAAGsB,SAAS;IACrB,CAAC,CAAC;IAEF,CAAC,GAAGT,UAAU,CAACU,QAAQ,CAAC,CAACxB,OAAO,CAAEyB,KAAK,IAAK;MAC1CA,KAAK,CAACC,SAAS,CAACC,MAAM,CAAC,UAAU,CAAC;IACpC,CAAC,CAAC;IAEFjB,SAAS,CAACgB,SAAS,CAACE,GAAG,CAAC,UAAU,CAAC;EACrC;AACF,CAAC,C;;;;;;AClCD","sources":["webpack://daily-sushi-vue/./src/js/pages/product/index.js","webpack://daily-sushi-vue/./src/scss/pages/product-page.scss"],"sourcesContent":["\r\nfunction replaceImageInUrl(newUrl, srcset) {\r\n  let newSrcset = [];\r\n  const srcsets = srcset.split(',');\r\n  srcsets.forEach((src) => {\r\n    const query = src.substring(src.indexOf('?'), src.length)\r\n    newSrcset.push(`${newUrl}${query}`)\r\n  })\r\n  return newSrcset.join(\", \")\r\n}\r\n\r\nwindow.onProductThumbnailClick = function (thumbnail) {\r\n  const heroImgWrapper = document.getElementById('product-image');\r\n  const thumbnails = document.getElementById('product-thumbnails');\r\n  const newImgUrl = thumbnail.dataset.imageUrl;\r\n\r\n  if (heroImgWrapper && thumbnails && newImgUrl) {\r\n    const picture = heroImgWrapper.getElementsByTagName('picture')[0]\r\n    const sources = picture.getElementsByTagName('source');\r\n    const img = picture.getElementsByTagName('img')[0];\r\n\r\n    [...sources].forEach((source) => {\r\n      const newSrcset = replaceImageInUrl(newImgUrl, source.srcset);\r\n      const newImgsrc = replaceImageInUrl(newImgUrl, img.src)\r\n      source.srcset = newSrcset;\r\n      img.src = newImgsrc;\r\n    });\r\n\r\n    [...thumbnails.children].forEach((thumb) => {\r\n      thumb.classList.remove('selected')\r\n    })\r\n\r\n    thumbnail.classList.add('selected')\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nexport {};"],"names":["replaceImageInUrl","newUrl","srcset","newSrcset","srcsets","split","forEach","src","query","substring","indexOf","length","push","join","window","onProductThumbnailClick","thumbnail","heroImgWrapper","document","getElementById","thumbnails","newImgUrl","dataset","imageUrl","picture","getElementsByTagName","sources","img","source","newImgsrc","children","thumb","classList","remove","add"],"sourceRoot":""}