{
  "version": 3,
  "sources": ["/cdn/shop/t/20/assets/cf-card-transition.js?cfv=60"],
  "sourcesContent": ["/*\n * Hands hand-built product cards to Horizon's card-to-product view transition.\n *\n * Horizon's own <product-card> tags itself on click, which is what tells\n * view-transitions.js on `pageswap` to run the image morph instead of the plain\n * page fade. The Chubby rows render their own markup, so they set the same two\n * attributes here; base.css supplies the transition name and the animation.\n *\n * Loaded as a module so two rows on one page still only run this once.\n */\ndocument.addEventListener('click', (event) => {\n  if (event.defaultPrevented) return;\n\n  // Mirrors the theme setting, so turning the transition off turns this off too\n  if (!document.querySelector('main[data-product-transition=\"true\"]')) return;\n\n  const target = event.target;\n  if (!(target instanceof Element)) return;\n\n  const media = target.closest('.cf-card__link')?.querySelector('.cf-card__media');\n  if (!media) return;\n\n  media.setAttribute('data-view-transition-type', 'product-image-transition');\n  media.setAttribute('data-view-transition-triggered', 'true');\n});\n"],
  "mappings": "AAUA,SAAS,iBAAiB,QAAU,OAAU,CAI5C,GAHI,MAAM,kBAGN,CAAC,SAAS,cAAc,sCAAsC,EAAG,OAErE,MAAM,OAAS,MAAM,OACrB,GAAI,EAAE,kBAAkB,SAAU,OAElC,MAAM,MAAQ,OAAO,QAAQ,gBAAgB,GAAG,cAAc,iBAAiB,EAC1E,QAEL,MAAM,aAAa,4BAA6B,0BAA0B,EAC1E,MAAM,aAAa,iCAAkC,MAAM,EAC7D,CAAC",
  "names": []
}
