{"version":3,"file":"js/app.1e809e56.js","mappings":"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","sources":["webpack://cs-gordons/./src/js/channelsight-widget.js","webpack://cs-gordons/./src/js/model.js","webpack://cs-gordons/./src/components/splashes.vue","webpack://cs-gordons/./src/components/splashes.vue?1388","webpack://cs-gordons/./src/components/hero.vue","webpack://cs-gordons/./src/components/hero.vue?5a9c","webpack://cs-gordons/./src/components/widget.vue","webpack://cs-gordons/./src/components/widget.vue?6dc1","webpack://cs-gordons/./src/components/carousel.vue","webpack://cs-gordons/./src/components/carousel.vue?5130","webpack://cs-gordons/./src/components/videoRecipe.vue","webpack://cs-gordons/./src/components/videoRecipe.vue?a354","webpack://cs-gordons/./src/components/cardRecipe.vue","webpack://cs-gordons/./src/components/cardRecipe.vue?d12b","webpack://cs-gordons/./src/components/terms.vue","webpack://cs-gordons/./src/App.vue","webpack://cs-gordons/./src/App.vue?7ccd","webpack://cs-gordons/./src/js/fetch.js","webpack://cs-gordons/./src/main.js","webpack://cs-gordons/webpack/bootstrap","webpack://cs-gordons/webpack/runtime/chunk loaded","webpack://cs-gordons/webpack/runtime/define property getters","webpack://cs-gordons/webpack/runtime/global","webpack://cs-gordons/webpack/runtime/hasOwnProperty shorthand","webpack://cs-gordons/webpack/runtime/jsonp chunk loading","webpack://cs-gordons/webpack/startup"],"sourcesContent":["var channelsightWidget = function() {!function(){\"use strict\";!function(){window.appInsightsSDK=\"channelsightTelemetry\";var e=window.appInsightsSDK,t=window[e]||function(e){function t(e){n[e]=function(){var t=arguments;n.queue.push((function(){n[e].apply(n,t)}))}}var n={config:e,initialize:!0},i=document,a=window;setTimeout((function(){var t=i.createElement(\"script\");t.src=e.url||\"https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js\",i.getElementsByTagName(\"script\")[0].parentNode.appendChild(t)}));try{n.cookie=i.cookie}catch(e){}n.queue=[],n.version=2;for(var r=[\"Event\",\"PageView\",\"Exception\",\"Trace\",\"DependencyData\",\"Metric\",\"PageViewPerformance\"];r.length;)t(\"track\"+r.pop());t(\"startTrackPage\"),t(\"stopTrackPage\");var c=\"Track\"+r[0];if(t(\"start\"+c),t(\"stop\"+c),t(\"addTelemetryInitializer\"),t(\"setAuthenticatedUserContext\"),t(\"clearAuthenticatedUserContext\"),t(\"flush\"),!(!0===e.disableExceptionTracking||e.extensionConfig&&e.extensionConfig.ApplicationInsightsAnalytics&&!0===e.extensionConfig.ApplicationInsightsAnalytics.disableExceptionTracking)){t(\"_\"+(r=\"onerror\"));var s=a[r];a[r]=function(e,t,i,a,c){var o=s&&s(e,t,i,a,c);return!0!==o&&n[\"_\"+r]({message:e,url:t,lineNumber:i,columnNumber:a,error:c}),o},e.autoExceptionInstrumented=!0}return n}({instrumentationKey:\"64e0819b-102f-4031-bafb-5ccc8ddafd22\",disableExceptionTracking:!0,enableDebug:!1,disableAjaxTracking:!0,disableFetchTracking:!0,disableCorrelationHeaders:!0,isCookieUseDisabled:!0,disableCookiesUsage:!0,enableSessionStorageBuffer:!1,namePrefix:\"channelsight\"});window[e]=t,t.queue&&0===t.queue.length&&t.trackPageView({})}(),function(){if(!document.getElementById(\"cswidgetjs\")){var e=document.createElement(\"script\");e.src=\"https://cdn.channelsight.com/widget/scripts/cswidget.js\",e.id=\"cswidgetjs\",document.body.appendChild(e)}}()}()};\n\nexport default channelsightWidget;","var dataModel = {\n  1: {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2283',\n    'prodName': '',\n    'retailers': {},\n    'ui': {\n      'primaryColor': '#34AAA8'\n    },\n    'hero': {\n      'video': {\n        'active': true,\n        'bgColor': '#34AAA8',\n        'gradLeft': 'linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#34AAA8',\n        'gradLeft': 'linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'maxWidth': '1400px'\n      },\n      'product': true,\n      'serve_1': true,\n      'serve_2': true,\n      'plate_1': true,\n      'plate_2': false\n    }\n  },\n  2: {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2283',\n    'prodName': '',\n    'retailers': {},\n    'ui': {\n      'primaryColor': '#34AAA8'\n    },\n    'hero': {\n      'video': {\n        'active': true,\n        'bgColor': '#34AAA8',\n        'gradLeft': 'linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': 'linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'maxWidth': '1400px'\n      }\n    },\n    'product': true,\n    'serve_1': true,\n    'serve_2': true,\n    'plate_1': true,\n    'plate_2': true\n  },\n  3: {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2421',\n    'prodName': '',\n    'retailers': {},\n    'ui': {\n      'primaryColor': '#34AAA8'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#34AAA8',\n        'gradLeft': 'linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': 'linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'maxWidth': '1400px'\n      },\n      'product': false,\n      'serve_1': false,\n      'serve_2': false,\n      'plate_1': false,\n      'plate_2': false\n    }\n  }\n}\n\n\nexport { dataModel as default };","<template>\n    <div class=\"splashes\">\n        <img class=\"drizzle--1\" src=\"dist/drizzle.png\">\n    </div>\n    <div class=\"splashes\">\n        <img class=\"drizzle--2\" src=\"dist/drizzle.png\">\n    </div>\n    <div class=\"splashes\">\n        <img class=\"drizzle--3\" src=\"dist/dusting.png\">\n    </div>\n</template>\n<style lang=\"scss\" scoped>\n.splashes {\n    overflow:hidden !important;\n    max-width: 100% !important;\n    width: 100%;\n    position: absolute;\n    z-index: -1;\n}\n.drizzle--1 {\n    display: block;\n    float: right;\n    position: relative;\n    margin-top: 720px;\n    right: -200px;\n    width: 500px;\n    z-index: -1;\n    @media screen and (max-width: $width--xs) {\n        margin-top: 700px;\n        right: -250px;\n        width: 500px;\n    }\n}\n.drizzle--2 {\n    display: block;\n    float: left;\n    position: relative;\n    margin-top: 1000px;\n    left: -500px;\n    width: 700px;\n    z-index: -1;\n    @media screen and (max-width: $width--xs) {\n        left: -580px;\n    }\n}\n.drizzle--3 {\n    display: block;\n    float: left;\n    position: relative;\n    margin-top: 0px;\n    left: -500px;\n    width: 1000px;\n    z-index: -1;\n    @media screen and (max-width: $width--xs) {\n        display: none;\n    }\n}\n\n</style>","import { render } from \"./splashes.vue?vue&type=template&id=7bc4ae0c&scoped=true\"\nconst script = {}\n\nimport \"./splashes.vue?vue&type=style&index=0&id=7bc4ae0c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/baileys_cs_gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7bc4ae0c\"]])\n\nexport default __exports__","<template>\n  <div :class=\"`hero hero--${props.brandExperience}`\">\n    <video\n      v-if=\"dataModel[props.brandExperience].hero.video.active\"\n      class=\"hero__video\"\n      width=\"100%\"\n      playsinline\n      autoplay=\"true\"\n      muted\n      loop\n      poster=\"\"\n      controls=\"false\"\n      preload=\"auto\"\n    >\n      <source\n        id=\"hero-video-source\"\n        :src=\"`dist/hero-${props.brandExperience}/video.mp4`\"\n        v-if=\"windowWth > 768\"\n        type=\"video/mp4\"\n      />\n      <source\n        v-else\n        id=\"hero-video-source\"\n        :src=\"`dist/hero-${props.brandExperience}/video--mobile.mp4`\"\n        type=\"video/mp4\"\n      />\n      Your browser does not support HTML video.\n    </video>\n    <div v-else class=\"hero__bg\" :style=\"{background: 'url(dist/hero-' + props.brandExperience + '/bg.jpg)', backgroundSize: 'cover', backgroundPosition: 'top center'}\"></div>\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.product\"\n      class=\"hero__img--table hero__img--product\"\n      :src=\"`dist/hero-${props.brandExperience}/product.png`\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.serve_1\"\n      class=\"hero__img--table hero__img--serve-1\"\n      :src=\"`dist/hero-${props.brandExperience}/serve-1.png`\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.serve_2\"\n      class=\"hero__img--table hero__img--serve-2\"\n      :src=\"`dist/hero-${props.brandExperience}/serve-2.png`\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.plate_1\"\n      class=\"hero__img--table hero__img--plate-1\"\n      :src=\"`dist/hero-${props.brandExperience}/plate-1.png`\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.plate_2\"\n      class=\"hero__img--table hero__img--plate-2\"\n      :src=\"`dist/hero-${props.brandExperience}/plate-2.png`\"\n    />\n    <div class=\"hero__cta\">\n      <div class=\"hero__cta-col\">\n        <img\n          class=\"hero__img--cta\"\n          :src=\"`dist/hero-global/cta-${props.brandExperience}.png`\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport dataModel from \"../js/model.js\";\n\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"3\",\n  },\n});\n\nlet windowWth = window.innerWidth + 5;\n\n$(document).ready(function () {\n\n  var heroVideo = $(\".hero__video\");\n  heroVideo.removeAttr(\"controls\");\n\n  window.addEventListener(\"resize\", function () {\n    if (window.innerWidth < 769) {\n      $(\"#hero-video-source\").attr(\n        \"src\",\n        \"dist/hero-\" + props.brandExperience + \"/video--mobile.mp4\"\n      );\n    } else {\n      $(\"#hero-video-source\").attr(\n        \"src\",\n        \"dist/hero-\" + props.brandExperience + \"/video.mp4\"\n      );\n    }\n  });\n\n  //parallax for hero\n  $(window).scroll(function () {\n    var fromTop = $(window).scrollTop();\n\n    if (fromTop < 700 && window.innerWidth < 768) {\n      $(\".hero__img--product\").css(\"left\", -(fromTop / 10) + 10);\n      //$(\".hero--whisky\").css('right', '-' + (fromTop / 5) + 'px');\n    }\n    if (fromTop < 700 && window.innerWidth > 768) {\n      $(\".hero__img--product\").css(\n        \"left\",\n        -(fromTop / 10) + (window.innerWidth / 2 - 400) + \"px\"\n      );\n      //$(\".hero--whisky\").css('right', '-' + (fromTop / 5) + 'px');\n    }\n  });\n});\nfunction debounce(func, wait, immediate) {\n  var timeout;\n  return function () {\n    var context = this,\n      args = arguments;\n    var later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    var callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n  };\n}\nvar lastWidth = $(window).width();\nvar myEfficientFn = debounce(function () {\n  if ($(window).width() != lastWidth) {\n    {\n      location.reload();\n    }\n  }\n}, 250);\n$(window).resize(function () {\n  myEfficientFn();\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.hero {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  height: 700px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  @media (max-width: $width--s) {\n    height: 600px;\n  }\n}\n\n.hero__video {\n  height: 700px;\n  position: absolute;\n  top: 0;\n  width: auto;\n\n  @media (max-width: $width--s) {\n    @include align-self(flex-end);\n    top: 0;\n    height: 600px;\n  }\n}\n.hero__bg {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.hero__cta {\n  @include flexbox();\n  @include justify-content(flex-end);\n  @include align-items(center);\n  height: 100%;\n  max-width: 1280px;\n  width: 100%;\n}\n.hero__cta-col {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(flex-start);\n  height: 100%;\n  padding-right: 50px;\n  padding-top: 100px;\n  width: 50%;\n  z-index: 105;\n  @media (max-width: $width--l) {\n    @include align-items(flex-start);\n    padding-right: 0px;\n    padding-top: 70px;\n    width: 100%;\n  }\n}\n.hero__img--cta {\n  width: 500px;\n  @media (max-width: $width--xs) {\n    width: 70%;\n  }\n}\n.hero__img--table {\n  position: absolute;\n}\n.hero--1 {\n  .hero__img--product {\n    left: calc(50% - 400px);\n    width: 500px;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 10px;\n      width: 350px;\n    }\n  }\n  .hero__img--serve-1 {\n    bottom: 100px;\n    left: calc(50% - 150px);\n    width: 230px;\n    z-index: 101;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 100px;\n      width: 210px;\n    }\n  }\n  .hero__img--serve-2 {\n    bottom: 150px;\n    left: calc(50% - 220px);\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 60px;\n      left: 150px;\n      width: 190px;\n    }\n  }\n  .hero__img--plate-1 {\n    bottom: 150px;\n    left: 50%;\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: auto;\n      right: -100px;\n      width: 200px;\n    }\n  }\n}\n\n.hero--3 {\n  .hero__img--product {\n    left: calc(50% - 400px);\n    width: 500px;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 10px;\n      width: 350px;\n    }\n  }\n  .hero__img--serve-1 {\n    bottom: 100px;\n    left: calc(50% - 180px);\n    width: 320px;\n    z-index: 101;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 100px;\n      width: 270px;\n    }\n  }\n  .hero__img--serve-2 {\n    bottom: 150px;\n    left: calc(50% - 220px);\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 80px;\n      left: 170px;\n      width: 180px;\n    }\n  }\n  .hero__img--plate-1 {\n    bottom: 100px;\n    left: 50%;\n    width: 230px;\n    z-index: 101;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: auto;\n      right: -100px;\n      width: 200px;\n    }\n  }\n  .hero__img--plate-2 {\n    bottom: 150px;\n    left: 50%;\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: auto;\n      right: -100px;\n      width: 200px;\n    }\n  }\n}\n.hero--2 {\n  .hero__img--product {\n    left: calc(50% - 400px);\n    width: 500px;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 10px;\n      width: 350px;\n    }\n  }\n  .hero__img--serve-1 {\n    bottom: 100px;\n    left: calc(50% - 180px);\n    width: 320px;\n    z-index: 101;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: 100px;\n      width: 270px;\n    }\n  }\n  .hero__img--serve-2 {\n    bottom: 150px;\n    left: calc(50% - 220px);\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 80px;\n      left: 170px;\n      width: 180px;\n    }\n  }\n  .hero__img--plate-1 {\n    bottom: 100px;\n    left: 50%;\n    width: 230px;\n    z-index: 101;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: auto;\n      right: -100px;\n      width: 200px;\n    }\n  }\n  .hero__img--plate-2 {\n    bottom: 150px;\n    left: 50%;\n    width: 230px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      bottom: 30px;\n      left: auto;\n      right: -100px;\n      width: 200px;\n    }\n  }\n}\n.hero--3 {\n  & .hero__bg {\n    @media (max-width: $width--xs) {\n      background-position: 45% !important;\n    }\n    \n  }\n  & .hero__cta-col {\n    padding-top: 25px;\n  }\n  & .hero__img--cta {\n    -webkit-filter: drop-shadow(10px 10px 50px #ffffff);\n    filter: drop-shadow(10px 10px 50px #ffffff);\n  }\n}\n</style>","import script from \"./hero.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./hero.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./hero.vue?vue&type=style&index=0&id=71f9b43c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"api__bg\">\n    <div class=\"api\">\n      <div\n        v-for=\"item in dataModel[props.brandExperience].retailers\"\n        :key=\"item.retailer\"\n        class=\"api__retailer\"\n      >\n        <a :href=\"item.url\" class=\"api__a\" target=\"_blank\">\n\n          <div class=\"api__img-wrapper temp__center\">\n            <img :src=\"item.logo\" class=\"api__img--logo\" />\n          </div>\n          <div class=\"api__price\">£{{ item.price }}</div>\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\n\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"3\",\n  },\n});\n$(document).ready(function() {\n  $('.api__price').css({\n    backgroundColor: dataModel[props.brandExperience].ui.primaryColor\n  });\n})\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.api__bg {\n  background: #ffffff;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);\n  border-radius: 10px;\n  display: inline-block;\n  top: -80px;\n  max-width: 700px;\n  min-width: none;\n  position: relative;\n  z-index: 999;\n  @media screen and (max-width: $width--s) {\n    border-top: 2px solid $color--green;\n    border-radius: 0px;\n    bottom: 0px;\n    left: 0px;\n    margin-right: 10px;\n    margin-top: 0;\n    overflow: scroll;\n    position: fixed;\n    min-width: 100%;\n    top: auto;\n    width: 100%;\n    z-index: 150;\n  }\n}\n.api {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  padding: 10px;\n  width: 100%;\n\n  @media screen and (max-width: $width--s) {\n    @include justify-content(flex-start);\n  }\n}\n.api__retailer {\n  border-radius: 5px;\n  max-width: 100px;\n  min-width: 70px;\n  position: relative;\n  &:not(:last-child) {\n    margin-right: 10px;\n  }\n  &:last-child:after {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    right: -10px;\n    top: 0;\n    background: none;\n    width: 20px;\n  }\n  @media screen and (max-width: $width--s) {\n    min-width: 110px;\n  }\n  @media screen and (max-width: $width--xs) {\n    min-width: 80px;\n  }\n}\n.api__img-wrapper {\n  border: 1px solid #f0f0f0;\n  border-bottom: none;\n  border-radius: 5px 5px 0px 0px;\n  padding: 5px;\n}\n.api__img--logo {\n  display: block;\n  width: 100%;\n}\n.api__a {\n  color: #333333;\n  text-decoration: none;\n}\n.api__price {\n  border-radius: 0px 0px 5px 5px;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: bold;\n  padding: 5px 0px;\n  text-align: center;\n}\n</style>","import script from \"./widget.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./widget.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./widget.vue?vue&type=style&index=0&id=747dad44&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/baileys_cs_gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-747dad44\"]])\n\nexport default __exports__","<template>\n  <div :class=\"`component__carousel--${props.iteration}`\">\n  <div class=\"carousel__scroll\">\n    Scroll\n  </div>\n  <div class=\"carousel__svg-wrapper\">\n    <svg>  \n      <g>    \n        <polyline id=\"wave\" />\n      </g>  \n    </svg>\n  </div>\n  <div class=\"carousel__h1\">\n    The Baileys Range\n  </div>\n  \n  <div class=\"carousel__bg\">\n    <div class=\"carousel__wrapper\">\n      <div :class=\"carouselIteration\">\n        <div\n          class=\"carousel__product\"\n          v-for=\"item in carousel[props.iteration]\"\n          :key=\"item\"\n        >\n            <div class=\"carousel__images\">\n              <img class=\"carousel__img--bg opacity--0\" :src=\"item.bg\" />\n              <img class=\"carousel__img--product opacity--0\" :src=\"item.img\" />\n            </div>\n            <div class=\"carousel__h2 px--20\" v-html=\"item.title\"></div>\n            <div class=\"carousel__h3 px--20\" v-html=\"item.sub\"></div>\n            <button class=\"carousel__button cswidget\" :data-asset-id=\"item.dId\">Buy now</button>\n        </div>\n      </div>\n    </div>\n  </div>\n  </div>\n</template>\n<script setup>\nimport gsap from \"gsap\";\nconst props = defineProps({\n  iteration: {\n    type: String,\n    default: \"1\",\n  },\n});\nvar carouselIteration = \"carousel--\" + props.iteration;\nvar carousel = {\n  1: {\n    1: {\n      title: \"BAILEYS<br> ETON MESS\",\n      sub: \"70CL, ABV 17%\",\n      img: \"dist/carousel-1/prod--5.png\",\n      bg: \"dist/carousel-1/bg--5.png\",\n      url: \"\",\n      dId: \"2419\"\n    },\n    2: {\n      title: \"BAILEYS ORIGINAL<br> IRISH CREAM\",\n      sub: \"70CL, ABV 17%\",\n      img: \"dist/carousel-1/prod--1.png\",\n      bg: \"dist/carousel-1/bg--1.png\",\n      url: \"\",\n      dId: \"1981\"\n    },\n    3: {\n      title: \"BAILEYS<br> CHOCOLAT LUXE\",\n      sub: \"50CL, ABV 15.7%\",\n      img: \"dist/carousel-1/prod--2.png\",\n      bg: \"dist/carousel-1/bg--2.png\",\n      url: \"\",\n      dId: \"1982\"\n    },\n    4: {\n      title: \"BAILEYS<br> SALTED CARAMEL\",\n      sub: \"70CL, ABV 17%\",\n      img: \"dist/carousel-1/prod--3.png\",\n      bg: \"dist/carousel-1/bg--3.png\",\n      url: \"\",\n      dId: \"1983\"\n    },\n    5: {\n      title: \"BAILEYS ORANGE<br> TRUFFLE FLAVOUR\",\n      sub: \"70CL, ABV 17%\",\n      img: \"dist/carousel-1/prod--4.png\",\n      bg: \"dist/carousel-1/bg--4.png\",\n      url: \"\",\n      dId: \"2291\"\n    }\n  }\n};\n$(document).ready(function () {\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .prepend(\n      `<img class=\"carousel__previous--${props.iteration}\" src=\"dist/arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;left: 20px;transform:rotate(180deg)\">`\n    );\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .append(\n      `<img class=\"carousel__next--${props.iteration}\" src=\"dist/arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;right: 20px;\">`\n    );\n  \n  gsap.defaults({\n    ease: \"Sine.easeInOut\"\n  });\n  gsap.set(\"g\", { y: 20});\n\n  var svg   = document.querySelector(\"svg\");\n  var wave  = document.querySelector(\"#wave\");\n  var width = 100;\n\n  var amplitude = 3;\n  var frequency = 12;\n  var segments  = 200;\n  var interval  = width / segments;\n\n  for (var i = 0; i < segments; i++) {\n    \n    var norm  = i / (segments - 1);  \n    var point = wave.points.appendItem(svg.createSVGPoint());\n    \n    point.x = i * interval;\n    point.y = amplitude / 2;\n    \n    gsap.to(point, { \n      duration: .3,\n      y: -point.y, \n      repeat: -1, \n      yoyo: true }).progress(norm * frequency)\n      \n  }\n\n\n\n  $(\".\" + carouselIteration).slick({\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 5,\n    slidesToScroll: 1,\n    prevArrow: $(\".carousel__previous--\" + props.iteration),\n    nextArrow: $(\".carousel__next--\" + props.iteration),\n    responsive: [\n      {\n        breakpoint: 2000,\n        settings: {\n          slidesToShow: 4,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1650,\n        settings: {\n          slidesToShow: 4,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1350,\n        settings: {\n          slidesToShow: 3,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1130,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\n        },\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n        },\n      },\n      // You can unslick at a given breakpoint now by adding:\n      // settings: \"unslick\"\n      // instead of a settings object\n    ],\n  });\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.component__carousel--1 {\n  .carousel__bg {\n    position: relative;\n\n    @media screen and(max-width: 600px) {\n      background-size: 320%;\n    }\n    @media screen and(max-width: 321px) {\n      background-size: 350%;\n    }\n  }\n  .carousel__h1 {\n    font-family: $font--baileys-drz;\n    font-size: 86px;\n    line-height: 72px;\n    text-align: center;\n    text-transform: none;\n    width: 100%;\n    \n  }\n  .carousel__scroll {\n    font-family: $font--baileys-drz;\n    font-size: 46px;\n    line-height: 46px;\n    text-transform: none;\n    @media screen and(max-width: $width--xs) {\n      padding-top: 50px;\n    }\n  }\n  .carousel__svg-wrapper {\n    @include flexbox();\n    @include justify-content(center);\n    @include align-items(center);\n    height: auto;\n    margin: auto;\n    width: 100px;\n    position: relative;\n    top: -15px;\n    &::after {\n      content: '';\n      position: absolute;\n      right: -1px;\n      top: 10px;\n      width: 10px;\n      height: 20px;\n      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);\n    }\n    &::before {\n      content: '';\n      position: absolute;\n      left: -1px;\n      top: 10px;\n      width: 10px;\n      height: 20px;\n      background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\n    }\n    \n  }\n  svg {\n    height: 50px;\n    width: 100px;\n  }\n  #wave {\n    fill: none;\n    stroke-width: 4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: $color--green;\n  }\n  .carousel__h2 {\n    color: #000000;\n    font-size: 20px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    line-height: 22px;\n    max-width: 700px;\n  }\n  .carousel__wrapper {\n    height: 100%;\n    margin: auto;\n    padding-top: 70px;\n    position: relative;\n    text-align: center;\n    width: 100%;\n    z-index: 100;\n  }\n  .carousel {\n    width: 100%;\n    margin: 0px auto;\n  }\n  .carousel__product {\n    padding: 0px 20px;\n    width: 100%;\n  }\n  .wrapper .slick-dots li button:before {\n    font-size: 20px;\n    color: #000000;\n  }\n  .slick-arrow:before {\n    color: #ffffff;\n  }\n\n  .carousel__h3 {\n    color: $color--green;\n    font-size: 16px;\n    font-weight: 500;\n    height: 70px;\n    line-height: 22px;\n    padding-top: 8px;\n    max-width: 700px;\n  }\n\n  .carousel__button {\n    border: 2px solid $color--green;\n    background: $color--green;\n    border-radius: 40px;\n    color: #ffffff;\n    font-weight: 900;\n    letter-spacing: 2px;\n    padding: 15px 30px;\n    text-transform: uppercase;\n    transition: ease all 0.25s;\n    &:hover {\n      background: none;\n      color: $color--green;\n      cursor: pointer;\n    }\n  }\n  .carousel__images {\n    position: relative;\n  }\n  .carousel__img--product {\n    margin: auto;\n    max-width: 140px;\n    position: relative;\n    width: 100%;\n    z-index: 2;\n    @media screen and(max-width: $width--xs) {\n      max-width: 100px;\n    }\n  }\n  .carousel__img--bg {\n    left: calc(50% - 125px);\n    margin: auto;\n    max-width: 250px;\n    position: absolute;\n    top: 100px;\n    width: 100%;\n    z-index: 1;\n    @media screen and(max-width: $width--xs) {\n      top: 0px;\n    }\n  }\n\n\n}\n\n</style>","import script from \"./carousel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./carousel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./carousel.vue?vue&type=style&index=0&id=07f89c5e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/baileys_cs_gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-07f89c5e\"]])\n\nexport default __exports__","<template>\n  <div class=\"video-recipe__h1\">\n    Expert level treating\n  </div>\n  <div class=\"video-recipe__description\">\n    Looking for even more? Baileys is always the perfect ingredient whether you’re baking, shaking or cocktail-making.\n  </div>\n  \n  <div :class=\"`video-recipe video-recipe--${props.brandExperience}`\">\n    <div class=\"video-recipe__width\">\n      <div class=\"video-recipe__col video-recipe__col--1\">\n\n        <video id=\"recipe-video-1\" width=\"100%\" style=\"max-width: 600px;\"\n            poster=\"dist/video-recipe/poster.png\" playsinline controls=\"false\" preload=\"none\">\n            <source src=\"dist/video-recipe/video.mp4\" type=\"video/mp4\">\n            Your browser does not support HTML video.\n        </video>\n\n        <span class=\"video__pause-play\" data-id=\"1\"><img src=\"dist/video-recipe/play.png\" width=\"100\"></span>\n      </div>\n      <div class=\"video-recipe__col video-recipe__col--2\">\n        <div class=\"video-recipe__slide video-recipe__slide--1\">\n          <div class=\"video-recipe__h3\">\n            Eton Mess\n          </div>\n          <div class=\"video-recipe__h2\">\n            Martini Cocktail\n          </div>\n          <div class=\"video-recipe__ingredients\">\n              Eton Mess Martini Cocktail perfect for the upcoming Jubilee weekend, summer bbqs or picnics with friends. The ultimate glass of summer deliciousness to enjoy come rain or shine. <br><br>\n              <b>INGREDIENTS</b><br><br>\n              50ml Baileys Eton Mess<br>\n25ml of Vodka<br>\n50ml Milk<br>\n5ml Sugar syrup<br>\nGarnish with berries and whipped cream\n          </div>\n          <div class=\"video-recipe__button\" data-id=\"1\">\n            <span>METHOD</span>\n          </div>\n        </div>\n        <div class=\"video-recipe__slide video-recipe__slide--2\">\n          <div class=\"video-recipe__ingredients\">\n           \n            <b>STEP ONE</b><br>\n            Pop all the ingredients in a cocktail shaker.<br><br>\n            <b>STEP TWO</b><br>\n            Shake it up until everything is blended and the liquid is smooth as silk.<br><br>\n            <b>STEP THREE</b><br>\n            Garnish with berries and whipped cream.\n          </div>\n         \n          <div class=\"video-recipe__button\" data-id=\"2\">\n            <span>INGREDIENTS</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport dataModel from \"../js/model.js\";\nimport { gsap } from \"gsap\";\n\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"3\",\n  },\n});\n\n\n$(document).ready(function () {\n  var recipeVideo = document.getElementById(\"recipe-video-1\");\n  recipeVideo.removeAttribute(\"controls\");\n  var videoPlaying = false;\n\n  function playVid(targ, dId) {\n    if (videoPlaying == false) {\n        targ.play();\n        $('.video__pause-play[data-id=' + dId + ']').animate({ \"opacity\": \"0\" }, 250)\n        videoPlaying = true;\n    } else {\n        targ.pause();\n        $('.video__pause-play').animate({ \"opacity\": \"1\" }, 250)\n        videoPlaying = false;\n    }\n  }\n\n  recipeVideo.addEventListener('click', function () {\n    playVid(recipeVideo, 1)\n  });\n\n  var recipeVideoToggle = function(t) {\n    if(t.attr('data-id') == 1) {\n      var tl_1 = gsap.timeline({onComplete: function() {\n        $('.video-recipe__slide--2').css({display: 'flex'})\n        $('.video-recipe__slide--1').css({display: 'none'})\n        tl_2.play();\n      }\n      });\n      tl_1.to('.video-recipe__slide--1', {\n        duration: .25,\n        opacity: 0\n      })\n      tl_1.play();\n\n      var tl_2 = gsap.timeline({paused: true});\n      tl_2.to('.video-recipe__slide--2', {\n        duration: .25,\n        opacity: 1\n      })\n      \n    } else {\n      var tl_1 = gsap.timeline({onComplete: function() {\n        $('.video-recipe__slide--1').css({display: 'flex'})\n        $('.video-recipe__slide--2').css({display: 'none'})\n        tl_2.play();\n      }\n      });\n      tl_1.to('.video-recipe__slide--2', {\n        duration: .25,\n        opacity: 0\n      })\n      tl_1.play();\n\n      var tl_2 = gsap.timeline({paused: true});\n      tl_2.to('.video-recipe__slide--1', {\n        duration: .25,\n        opacity: 1\n      })\n    }\n  }\n\n  $(document).on('click', '.video-recipe__button', function() {\n    recipeVideoToggle($(this));\n  })\n\n\n});\n\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.video-recipe__h1 {\n  font-family: $font--baileys-drz;\n  font-size: 86px;\n  line-height: 80px;\n  padding-top: 50px;\n  text-align: center;\n  text-transform: none;\n  width: 100%;\n}\n.video-recipe__description {\n  font-size: 20px;\n  line-height: 28px;\n  margin: auto;\n  max-width: 600px;\n  padding-top: 30px;\n  padding-left: 30px;\n  padding-right: 30px;\n  text-transform: none;\n  width: 100%;\n}\n.video-recipe {\n  margin-top: 50px;\n  position: relative;\n  width: 100%;\n  @media (max-width: $width--s) {\n  }\n}\n.video-recipe__width {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(stretch);\n  max-width: 950px;\n  margin: auto;\n  width: 100%;\n  @media (max-width: $width--xs) {\n    @include flex-direction(column);\n  }\n}\n.video-recipe__col {\n  position: relative;\n  width: 50%;\n  @media (max-width: $width--xs) {\n    width: 100%;\n  }\n}\n#recipe-video-1 {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n.video__pause-play {\n    pointer-events: none;\n    position: absolute;\n    left: calc(50% - 50px);\n    top: calc(50% - 50px);\n    width: 50px;\n}\n.video-recipe__col--2 {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  @include flex-direction(column);\n  background: url('/public/dist/video-recipe/brush.png');\n  background-position: center;\n  background-size: 90%;\n  background-repeat: no-repeat;\n}\n.video-recipe__h3 {\n  font-size: 18px;\n  letter-spacing: 1px;\n  width: 100%;\n  @media (max-width: $width--xs) {\n    padding-top: 30px;\n  }\n}\n.video-recipe__h2 {\n  font-family: $font--baileys-drz;\n  font-size: 54px;\n  line-height: 58px;\n  margin-top: 0px;\n  text-transform: none;\n  transform: rotate(-5deg);\n  width: 100%;\n}\n.video-recipe__slide {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  @include flex-direction(column);\n}\n.video-recipe__slide--2 {\n  display: none;\n  opacity: 0;\n}\n.video-recipe__ingredients {\n  font-size: 14px;\n  line-height: 19px;\n  padding: 30px 0px;\n  text-transform: none;\n  width: 80%;\n\n  & > b {\n    text-transform: none;\n  }\n}\n.video-recipe__button {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  background: $color--green;\n  border: 2px solid $color--green;\n  border-radius: 40px;\n  color: #ffffff;\n  height: 50px;\n  padding: 20px;\n  transition: ease all 0.2s;\n  &:hover {\n    background: #ffffff;\n    color: $color--green;\n    cursor: pointer;\n  }\n\n  & > span {\n    font-size: 16px;\n    font-weight: 900;\n    letter-spacing: 2px;\n  }\n}\n</style>","import script from \"./videoRecipe.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./videoRecipe.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./videoRecipe.vue?vue&type=style&index=0&id=0dd83122&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/baileys_cs_gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0dd83122\"]])\n\nexport default __exports__","<template>\n  <div :class=\"`component__carousel--${props.iteration}`\">\n    <div class=\"carousel__h1\">\n      Explore more recipes\n    </div>\n    <div class=\"carousel__bg\">\n      <div class=\"carousel__wrapper\">\n        <div :class=\"carouselIteration\">\n          <div\n            class=\"carousel__product\"\n            v-for=\"item in carousel[props.iteration]\"\n            :key=\"item\"\n          >   \n              <div class=\"carousel__front\">\n                <div class=\"carousel__img--pulse\"><img src=\"dist/pulse-icon.png\"></div>\n                <div class=\"carousel__image\" :style=\"{background: 'url(' + item.img + ')', backgroundSize: 'cover'}\">\n                </div>\n                <div class=\"carousel__copy--front\">\n                  <div class=\"carousel__h2 px--20\" v-html=\"item.title\"></div>\n                  <div class=\"carousel__p px--20\" v-html=\"item.sub\"></div>\n                </div>\n              </div>\n              <div :class=\"`carousel__back carousel__back--${item.index}`\">\n                <div class=\"carousel__back-overflow\" v-html=\"item.html\">\n                  \n                </div>\n              </div>\n              <div class=\"gradient-end\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport gsap from \"gsap\";\nconst props = defineProps({\n  iteration: {\n    type: String,\n    default: \"1\",\n  },\n});\nvar carouselIteration = \"carousel--\" + props.iteration;\nvar carousel = {\n  2: {\n    1: {\n      index: '1',\n      title: \"SPRING SHAKEDOWN\",\n      sub: \"If you’ve eaten through all of your Easter eggs, just borrow someone else’s, they won’t mind.\",\n      img: \"dist/carousel-2/bg--1.png\",\n      html: `\n        <div class=\"carousel__h2\">INGREDIENTS</div>\n        <div class=\"carousel__p--back\"><b>100ml Baileys Original Irish&nbsp;Cream</b><br> 2 hollow Easter eggs (around 100g each)<br> 6 scoops vanilla ice cream&nbsp;(360ml)<br> 100ml double cream (whipped)<br> 20ml chocolate sauce<br> Toasted chopped hazelnuts and chocolate flakes to&nbsp;garnish<br> Extra toppings – mini eggs, mint leaves, raspberries or a&nbsp;macaroon</div>\n        <div class=\"waves-wrapper\"><img src=\"dist/carousel-2/waves.svg\" width=\"100\"></div>\n        <div class=\"carousel__h2\">METHOD</div>\n        <div class=\"carousel__p--back\" style=\"padding-bottom: 50px;\">Carefully crack off the tips of the Easter eggs. Consume any stray chocolate shards – no one’s looking.<br><br> Blend the Baileys with the ice cream. Then pour it into the chocolate eggs.<br><br> Top with whipped cream, chocolate sauce, chopped nuts, mini eggs and chocolate sprinkles.</div>       \n      `\n    \n    },\n    2: {\n      index: '2',\n      title: \"BAILEYS IRISH CHEESECAKE\",\n      sub: \"Gone are the days of New York Cheesecake, it’s Irish Cheesecake’s time to shine! Yummy!\",\n      img: \"dist/carousel-2/bg--2.png\",\n      html: `\n        <div class=\"carousel__h2\">INGREDIENTS</div>\n        <div class=\"carousel__p--back\"><b>75ml Baileys Original Irish Cream</b><br>  A 20cm sponge<br> 500g mascarpone<br> 340g Philadelphia cream cheese<br> 60g caster sugar<br> 175ml double cream<br> Caramel sauce, popcorn and salted pretzels to garnish</div>\n        <div class=\"waves-wrapper\"><img src=\"dist/carousel-2/waves.svg\" width=\"100\"></div>\n        <div class=\"carousel__h2\">METHOD</div>\n        <div class=\"carousel__p--back\" style=\"padding-bottom: 50px;\">Chill for 2 hours and refrigerate for 4 hours. Trim the top off the sponge and put it into a clean 20cm cake tin.<br><br> Beat the mascarpone, cream cheese, sugar and Baileys with an electric or balloon whisk until smooth.<br><br> Spread over the cake and chill for at least 2 hours. Spend at least some of this time licking the spoon.<br><br> Whip the cream, dollop on top of the cake, and then spread it around.<br><br> Drizzle over the caramel sauce, then decorate with pretzels and popcorn (remember, there’s no such thing as ‘too much’).<br><br> Grab your spoons and everybody dig in!</div>       \n      `\n    },\n    3: {\n      index: '3',\n      title: \"BAILEYS SALTED CARAMEL COCKTAIL\",\n      sub: \"The most indulgently frothy salted caramel martini cocktail possible.\",\n      img: \"dist/carousel-2/bg--3.png\",\n      html: `\n        <div class=\"carousel__h2\">INGREDIENTS</div>\n        <div class=\"carousel__p--back\"><b>100ml Baileys Original Irish Cream</b><br>   2-4 tbsp caramel sauce (add to taste)<br> 50ml vodka<br> 100ml cream<br> 2 handfuls of ice<br> Sea salt flakes, dark or milk chocolate flakes, curls or cigarellos, edible glitter and gold leaf</div>\n        <div class=\"waves-wrapper\"><img src=\"dist/carousel-2/waves.svg\" width=\"100\"></div>\n        <div class=\"carousel__h2\">METHOD</div>\n        <div class=\"carousel__p--back\" style=\"padding-bottom: 50px;\">A little at a time, spoon or pour the caramel sauce around the edges of two small coupe glasses, slowly so it drips and drizzles (1-2tsp per glass).<br><br> Add gold leaf (use a small dry paint brush). Add the Baileys salted caramel and the rest of the caramel.<br><br> Add the vodka, cream and lots of ice, shake well to dissolve the caramel sauce, strain into the glasses.<br><br> Top with the chocolate and edible glitter.</div>       \n      `\n    },\n    4: {\n      index: '4',\n      title: \"BAILEYS CINNAMON ROLLS\",\n      sub: \"If you love cinnamon buns, then you’re going to ADORE these Baileys Cinna-buns.\",\n      img: \"dist/carousel-2/bg--4.png\",\n      html: `\n        <div class=\"carousel__h2\">INGREDIENTS</div>\n        <div class=\"carousel__p--back\"><b>FOR THE DOUGH</b><br> 1&half; cups hot milk<br> about 110F/ 43C &#188; cup warm water<br> 1 7g packet instant dry yeast<br> 1 large free range egg at room temperature<br> &#188; cup butter, melted<br> 3-4 cups plain flour<br> 1 teaspoon sea salt<br><br> <b>FOR THE FILLING</b><br> 4 tbsp melted butter, plus more for pan<br> &#188; cup light brown sugar &#188; cup granulated sugar<br> 2 tablespoons ground cinnamon<br><br> <b>FOR THE TOPPING</b><br> &half; cup butter<br> 1 cup packed light brown sugar <br>&half; cup golden syrup or maple syrup<br> 2 tbsp whipping cream</div>\n        <div class=\"waves-wrapper\"><img src=\"dist/carousel-2/waves.svg\" width=\"100\"></div>\n        <div class=\"carousel__h2\">METHOD</div>\n        <div class=\"carousel__p--back\" style=\"padding-bottom: 50px;\">\n        <b>STEP ONE</b><br>\nIn a small bowl, dissolve yeast in warm water and set aside.<br><br>\n<b>STEP TWO</b><br>\nIn a large bowl mix milk, sugar, melted butter, salt and egg.<br><br>\n<b>STEP THREE</b><br>\nAdd 2 cups of flour and mix until smooth. Add yeast mixture. Mix in remaining flour until dough is easy to handle.<br><br>\n<b>STEP FOUR</b><br>\nKnead dough on lightly floured surface for 5 to 10 minutes. Place in an oiled bowl, cover and let rise until doubled in size, usually 2 - 3 hours.<br><br>\n<b>STEP FIVE</b><br>\nTo prepare the topping, add the butter, brown sugar and golden syrup in a saucepan over medium heat, stirring until melted and the mixture is bubbling.<br><br>\n<b>STEP SIX</b><br>\nRemove from heat, add the cream, mix well to combine. Pour into a greased 9-x-13-inch pan and set aside.<br><br>\n<b>STEP SEVEN</b><br>\nIn a small bowl prepare the filling by mixing together the butter, sugar brown sugar and cinnamon.<br><br>\n<b>STEP EIGHT</b><br>\nPunch down dough. Roll out on a floured surface into a 15 by 9-inch rectangle.<br><br>\n<b>STEP NINE</b><br>\nSpread the filling over the rolled dough and then beginning at the 15-inch side, roll up the dough and pinch edge together to seal. Cut into 12 slices.<br><br>\n<b>STEP TEN</b><br>\nPlace the sliced buns into the pan with the sauce (about 2 inches apart) and let rise until they have doubled (about 45 minutes to an hour).<br><br>\n<b>STEP ELEVEN</b><br>\nPre-heat oven to 175C. Bake for 20 - 30 minutes or until golden brown. Let cool in the pan for 5 minutes before carefully flipping onto a serving tray.<br><br>\n<b>STEP TWELVE</b><br>\nWhilst the buns are cooling whisk together the icing sugar, Baileys and milk until you have a pouring consistency, adding a little more Baileys or milk if required. Serve the buns warms, sticks side up, with a generous drizzle of the Baileys icing.<br><br>\n<b>STEP THIRTEEN</b><br>\nNow It's officially time to induldge, because you deserve it.\n        </div>       \n      `\n    },\n    5: {\n      index: '5',\n      title: \"BAILEYS LATTE\",\n      sub: \"Your favourite latte; frothy, creamy, and packed with delicious Baileys flavour.\",\n      img: \"dist/carousel-2/bg--5.png\",\n      html: `\n        <div class=\"carousel__h2\">INGREDIENTS</div>\n        <div class=\"carousel__p--back\"><b>50ml Baileys Original Irish Cream</b><br>   1 shot espresso<br> 150ml hot milk<br> Chocolate sprinkles to garnish</div>\n        <div class=\"waves-wrapper\"><img src=\"dist/carousel-2/waves.svg\" width=\"100\"></div>\n        <div class=\"carousel__h2\">METHOD</div>\n        <div class=\"carousel__p--back\" style=\"padding-bottom: 50px;\">Pour 150ml hot milk into a latte glass.<br><br> Top it up with 100ml of espresso.<br><br> Pop in 50ml Baileys.<br><br> Shave over some dark chocolate. Congratulate yourself on being a brilliant Baileys barista. Chill out and enjoy.</div>       \n      `\n    }\n  }\n};\n$(document).ready(function () {\n\n  $('.component__carousel--2 .carousel__product').on('click', function() {\n    var e = $(this).find('.carousel__back');\n    var pulse = $(this).find('.carousel__img--pulse');\n    var grad = $(this).find('.gradient-end');\n    if($(this).hasClass('active')) {\n      $(this).removeClass('active')\n      gsap.to(e, {\n        duration: .25,\n        opacity: 0\n      })\n      gsap.to(grad, {\n        duration: .25,\n        opacity: 0\n      })\n\n      $('.carousel__back').css({\n        pointerEvents: 'none'\n      })\n      $(pulse).css({\n        opacity: 1\n      })\n      \n    } else {\n      $(this).addClass('active')\n      gsap.to(e, {\n        duration: .25,\n        opacity: 1\n      })\n      gsap.to(grad, {\n        duration: .25,\n        opacity: 1\n      })\n      $('.carousel__back').css({\n        pointerEvents: 'all'\n      })\n      $(pulse).css({\n        opacity: 0\n      })\n    }\n    \n  })\n\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .prepend(\n      `<img class=\"carousel__previous--${props.iteration}\" src=\"dist/arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;left: -5px;transform:rotate(180deg)\">`\n    );\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .append(\n      `<img class=\"carousel__next--${props.iteration}\" src=\"dist/arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;right: -5px;\">`\n    );\n\n  $(\".\" + carouselIteration).slick({\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 5,\n    slidesToScroll: 1,\n    prevArrow: $(\".carousel__previous--\" + props.iteration),\n    nextArrow: $(\".carousel__next--\" + props.iteration),\n    responsive: [\n      {\n        breakpoint: 2000,\n        settings: {\n          slidesToShow: 4,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1650,\n        settings: {\n          slidesToShow: 4,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1350,\n        settings: {\n          slidesToShow: 3,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1130,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\n        },\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n        },\n      },\n      // You can unslick at a given breakpoint now by adding:\n      // settings: \"unslick\"\n      // instead of a settings object\n    ],\n  });\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.component__carousel--2 {\n\n  .carousel__img--pulse {\n    position: absolute;\n    right: 20px;\n    top: 20px;\n    z-index: 100;\n\n    & > img {\n      height: 50px;\n      width: 50px;\n    }\n  }\n  .carousel__back--4 {\n    position: relative;\n    &::after {\n      color: #ffffff;\n      font-family: $font--baileys-drz;\n      font-size: 30px;\n      line-height: 24px;\n      content: \"Scroll down\";\n      position: absolute;\n      text-align: center;\n      text-transform: none;\n      width: 100%;\n      left: 0px;\n      bottom: 20px;\n      z-index: 1000;\n    }\n  }\n  .carousel__bg {\n    background: url('/public/dist/smoke.png');\n    background-size: cover;\n    position: relative;\n  }\n  .carousel__h1 {\n    font-family: $font--baileys-drz;\n    font-size: 86px;\n    line-height: 72px;\n    padding-top: 50px;\n    text-align: center;\n    text-transform: none;\n    width: 100%;\n    \n  }\n  .carousel__scroll {\n    font-family: $font--baileys-drz;\n    font-size: 46px;\n    line-height: 46px;\n    text-transform: none;\n    @media screen and(max-width: $width--xs) {\n      padding-top: 50px;\n    }\n  }\n \n  .carousel__h2 {\n    color: #000000;\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: 1px;\n    line-height: 20px;\n    padding-bottom: 10px;\n    width: 100%;\n    text-align: center;\n  }\n  .carousel__p {\n    color: #000000;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 20px;\n    max-width: 700px;\n    text-transform: none;\n  }\n  .carousel__p--back {\n    color: #000000;\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 20px;\n    max-width: 700px;\n    text-transform: none;\n\n    & > b {\n      font-weight: bold;\n      text-transform: none;\n    }\n  }\n  .carousel__wrapper {\n    height: 100%;\n    margin:  0px 50px;\n    padding-top: 20px;\n    position: relative;\n    text-align: center;\n    z-index: 100;\n    @media screen and(max-width: $width--xs) {\n      margin: 0px 20px;\n    }\n  }\n  .carousel {\n    width: 100%;\n    margin: 0px auto;\n  }\n  .carousel__product {\n    margin: 20px;\n    position: relative;\n    width: 100%;\n  }\n  .carousel__front {\n    width: 100%;\n  }\n  .carousel__back {\n    background: #FAB7BC;\n    height: 100%;\n    position: absolute;\n    left: 0px;\n    padding: 40px 20px;\n    top: 0px;\n    opacity: 0;\n    width: 100%;\n    pointer-events: none;\n  }\n  .carousel__back-overflow {\n    overflow: scroll;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    position: relative;\n  }\n  .gradient-end {\n    background: linear-gradient(180deg, rgba(250,183,188,0) 0%, rgba(250,183,188,1) 100%);\n    bottom: 40px;\n    position: absolute;\n    height: 50px;\n    opacity: 0;\n    width: 100%;\n  }\n  .wrapper .slick-dots li button:before {\n    font-size: 20px;\n    color: #000000;\n  }\n  .slick-arrow:before {\n    color: #ffffff;\n  }\n  .carousel__copy--front {\n    @include flexbox();\n    @include justify-content(center);\n    @include align-items(center);\n    @include flex-direction(column);\n    background: #96CCC7;\n    height: 150px;\n  }\n  .carousel__h3 {\n    color: $color--green;\n    font-size: 16px;\n    font-weight: 500;\n    height: 70px;\n    line-height: 22px;\n    padding-top: 8px;\n    max-width: 700px;\n  }\n\n  .carousel__button {\n    border: 2px solid $color--green;\n    background: $color--green;\n    border-radius: 40px;\n    color: #ffffff;\n    font-weight: 900;\n    letter-spacing: 2px;\n    padding: 15px 30px;\n    text-transform: uppercase;\n    transition: ease all 0.25s;\n    &:hover {\n      background: none;\n      color: $color--green;\n      cursor: pointer;\n    }\n  }\n  .carousel__image {\n    background-size: cover;\n    height: 400px;\n    position: relative;\n  }\n  .carousel__img--product {\n    margin: auto;\n    max-width: 140px;\n    position: relative;\n    width: 100%;\n    z-index: 2;\n    @media screen and(max-width: $width--xs) {\n      max-width: 100px;\n    }\n  }\n  .carousel__img--bg {\n    left: calc(50% - 125px);\n    margin: auto;\n    max-width: 250px;\n    position: absolute;\n    top: 100px;\n    width: 100%;\n    z-index: 1;\n    @media screen and(max-width: $width--xs) {\n      top: 0px;\n    }\n  }\n  .waves-wrapper {\n    width: 100%;\n    @include flexbox();\n    @include justify-content(center);\n    @include align-items(center);\n    padding: 30px 0px;\n  }\n  .slick-slider {\n    margin-bottom: 0px;\n    padding-bottom: 30px;\n  }\n\n\n}\n\n</style>","import script from \"./cardRecipe.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./cardRecipe.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./cardRecipe.vue?vue&type=style&index=0&id=7baa5d81&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./terms.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./terms.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./terms.vue?vue&type=style&index=0&id=787dd27e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/baileys_cs_gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-787dd27e\"]])\n\nexport default __exports__","<script setup>\nimport gsap from 'gsap';\nimport channelsightWidget from \"./js/channelsight-widget.js\";\nimport dataModel from \"./js/model.js\";\nimport splashes from \"./components/splashes.vue\";\nimport hero from \"./components/hero.vue\";\nimport widget from \"./components/widget.vue\";\nimport carousel from \"./components/carousel.vue\";\nimport videoRecipe from \"./components/videoRecipe.vue\";\nimport cardRecipe from \"./components/cardRecipe.vue\";\nimport terms from \"./components/terms.vue\";\n\n//invoke the channelsight widget\nchannelsightWidget();\n\n//grab URL parameter to determine experience\nlet params = new URLSearchParams(document.location.search);\nlet brandContextParam = params.get(\"brandContext\");\n\n//parse URL parameter ready to pass to component\nvar brandContext =\n  !brandContextParam == \"\" && brandContextParam <= Object.keys(dataModel).length\n    ? (brandContext = brandContextParam)\n    : console.log(\"Generating experience \" + brandContextParam);\n\n$(document).ready(function () {\n  if(window.innerWidth<768) {\n    gsap.set('.api__bg', {\n      y: 110\n    })\n  }\n  function preloadImages(urls, allImagesLoadedCallback) {\n    var loadedCounter = 0;\n    var toBeLoadedNumber = urls.length;\n    urls.forEach(function (url) {\n      preloadImage(url, function () {\n        loadedCounter++;\n        console.log(\"Number of loaded images: \" + loadedCounter);\n        if (loadedCounter == toBeLoadedNumber) {\n          allImagesLoadedCallback();\n        }\n      });\n    });\n    function preloadImage(url, anImageLoadedCallback) {\n      var img = new Image();\n      img.onload = anImageLoadedCallback;\n      img.src = url;\n    }\n  }\n  //pass array of images to be preloaded\n  preloadImages(\n    [\n      \"dist/hero-1/product.png\",\n      \"dist/hero-1/serve-1.png\",\n      \"dist/hero-1/serve-2.png\",\n      \"dist/hero-1/plate-1.png\",\n      \"dist/hero-1/plate-2.png\",\n      \"dist/hero-2/product.png\",\n      \"dist/hero-2/serve-1.png\",\n      \"dist/hero-2/serve-2.png\",\n      \"dist/hero-2/plate-1.png\",\n      \"dist/hero-2/plate-2.png\",\n      \"dist/hero-global/cta-1.png\",\n      \"dist/hero-global/cta-2.png\"\n    ],\n    function () {\n      gsap.to('.hero__spinner', {\n        opacity: 0,\n        duration: .5,\n          onComplete: function () {\n            $(\".hero__spinner\").remove();\n            if(window.innerWidth<768) {\n              gsap.to('.api__bg', {\n                duration: .5,\n                ease: 'back',\n                y: 0\n              })\n            }\n          }\n      })\n     \n    }\n  );\n});\n</script>\n\n<template>\n  <splashes />\n  <hero :brandExperience=\"brandContext\" />\n  <widget :brandExperience=\"brandContext\" />\n  <carousel :iteration=\"'1'\" />\n  <videoRecipe :brandExperience=\"brandContext\" />\n  <cardRecipe :iteration=\"'2'\" />\n  <terms />\n</template>\n\n<style>\nbody {\n  margin: 0;\n}\n#app {\n  text-align: center;\n  overflow: hidden;\n  position: relative;\n}\n</style>","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=45977bee&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import dataModel from './model.js';\n\nvar apiCounter = 1;\n\nlet csApiCall = () => {\n    var api_obj;\n    // Defining async function\n    async function getapi(url, index) { // Storing response\n        var response = await fetch(url)\n            .then(res => res.json())\n            .then(data => api_obj = data)\n            .then(function () {\n\n                //iterate over the channelsight object and store required values \n                //in our dataModel object\n                Object.keys(api_obj[0].RetailerProducts).forEach(function(k) {\n                    var k = parseInt(k, 10)\n                    dataModel[index].retailers[k + 1] = {\n                      retailer: api_obj[0].RetailerProducts[k].RetailerName,\n                      url: api_obj[0].RetailerProducts[k].ClickThruUrl,\n                      price: api_obj[0].RetailerProducts[k].Price.toFixed(2),\n                      logo: api_obj[0].RetailerProducts[k].RetailerLogoUrl,\n                      name: api_obj[0].RetailerProducts[k].RetailerProductName\n                    }\n                  })\n                \n            })\n            .then(function() {\n\n                if (apiCounter < Object.keys(dataModel).length) {\n                  apiCounter++;\n                  getapi(dataModel[apiCounter].apiEndpoint, apiCounter);\n                }\n        \n            });\n        \n            console.log(response)\n    }\n\n    getapi(dataModel[apiCounter].apiEndpoint, apiCounter);\n\n};\n\nexport { csApiCall as default };","import { createApp } from 'vue'\nimport App from './App.vue'\nimport apiCall from './js/fetch.js';\nimport dataModel from './js/model.js';\n\n//call the api to get data from channelsight\napiCall();\n\n//check the data has loaded, if not try again in 1 second\nvar checkData = function() {\n    if(Object.keys(dataModel[1].retailers).length < 1) {\n        console.log('Data is still loading...');\n        setTimeout(function() {\n            checkData();\n        }, 250)\n    } else {\n        console.log('Data is loaded: \\n');\n        console.log(dataModel);\n        setTimeout(function() {\n            createApp(App).mount('#app')\n        }, 250)\n    }\n}\ncheckData();\n\n\n\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkcs_gordons\"] = self[\"webpackChunkcs_gordons\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(63); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["channelsightWidget","window","appInsightsSDK","e","t","n","arguments","queue","push","apply","config","initialize","i","document","a","setTimeout","createElement","src","url","getElementsByTagName","parentNode","appendChild","cookie","version","r","length","pop","c","disableExceptionTracking","extensionConfig","ApplicationInsightsAnalytics","s","o","message","lineNumber","columnNumber","error","autoExceptionInstrumented","instrumentationKey","enableDebug","disableAjaxTracking","disableFetchTracking","disableCorrelationHeaders","isCookieUseDisabled","disableCookiesUsage","enableSessionStorageBuffer","namePrefix","trackPageView","getElementById","id","body","dataModel","_hoisted_1","script","__exports__","render","windowWth","innerWidth","debounce","func","wait","immediate","timeout","context","this","args","later","callNow","clearTimeout","$","ready","heroVideo","removeAttr","addEventListener","attr","props","brandExperience","scroll","fromTop","scrollTop","css","lastWidth","width","myEfficientFn","location","reload","resize","backgroundColor","ui","primaryColor","carouselIteration","iteration","carousel","title","sub","img","bg","dId","closest","prepend","append","gsap","ease","y","svg","querySelector","wave","amplitude","frequency","segments","interval","norm","point","points","appendItem","createSVGPoint","x","duration","repeat","yoyo","progress","slick","dots","infinite","speed","slidesToShow","slidesToScroll","prevArrow","nextArrow","responsive","breakpoint","settings","recipeVideo","removeAttribute","videoPlaying","playVid","targ","play","animate","pause","recipeVideoToggle","tl_1","onComplete","display","tl_2","to","opacity","paused","on","index","html","find","pulse","grad","hasClass","removeClass","pointerEvents","addClass","params","URLSearchParams","search","brandContextParam","get","brandContext","Object","keys","console","log","preloadImages","urls","allImagesLoadedCallback","loadedCounter","toBeLoadedNumber","preloadImage","anImageLoadedCallback","Image","onload","forEach","remove","apiCounter","csApiCall","api_obj","async","getapi","response","fetch","then","res","json","data","RetailerProducts","k","parseInt","retailers","retailer","RetailerName","ClickThruUrl","price","Price","toFixed","logo","RetailerLogoUrl","name","RetailerProductName","apiEndpoint","apiCall","checkData","createApp","App","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","key","splice","d","definition","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","call","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}