{"version":3,"file":"js/app.117e4fff.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/hero.vue","webpack://cs-gordons/./src/components/hero.vue?5a9c","webpack://cs-gordons/./src/components/csModal.vue","webpack://cs-gordons/./src/components/csModal.vue?5cd6","webpack://cs-gordons/./src/components/intro.vue","webpack://cs-gordons/./src/components/arrowAnim.vue","webpack://cs-gordons/./src/components/intro2.vue","webpack://cs-gordons/./src/components/intro2.vue?19f1","webpack://cs-gordons/./src/components/logoBar.vue","webpack://cs-gordons/./src/components/logoBar.vue?158c","webpack://cs-gordons/./src/components/retailers.vue","webpack://cs-gordons/./src/components/retailers.vue?9689","webpack://cs-gordons/./src/components/carousel.vue","webpack://cs-gordons/./src/components/carousel.vue?5130","webpack://cs-gordons/./src/components/terms.vue","webpack://cs-gordons/./src/components/carouselFull.vue","webpack://cs-gordons/./src/components/carouselFull.vue?0b97","webpack://cs-gordons/./src/components/recipeModal.vue","webpack://cs-gordons/./src/components/recipeModal.vue?fe64","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:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3433\",\n\n    prodName: \"Captain Morgan sLICED APPLE Rum 70cl\",\n    prodImg: \"products/prod-3.png\",\n    navBgColor: \"#912b88\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n    carousel: true,\n    carouselFull: true,\n\n    carousel: true,\n    carouselFull: true,\n    carouselData: {\n      1: {\n        1: {\n          title:\n            \"CAPTAIN MORGAN TIKI&nbsp;RUM FLAVOURED SPIRIT&nbsp;70CL - 25%ABV\",\n          img: \"products/prod-2.png\",\n          url: \"\",\n          dataAssetId: \"2236\",\n        },\n        2: {\n          title:\n            \"CAPTAIN MORGAN TIKI&nbsp;RUM FLAVOURED SPIRIT&nbsp;70CL - 25%ABV\",\n          img: \"products/prod-1.png\",\n          url: \"\",\n          dataAssetId: \"2236\",\n        },\n        3: {\n          title:\n            \"CAPTAIN MORGAN TIKI&nbsp;RUM FLAVOURED SPIRIT&nbsp;70CL - 25%ABV\",\n          img: \"products/prod-3.png\",\n          url: \"\",\n          dataAssetId: \"2236\",\n        },\n      },\n    },\n    hero: {\n      video: {\n        active: false,\n        bgColor: \"#58bbd0\",\n        gradLeft:\n          \"linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)\",\n        gradRight:\n          \"linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)\",\n      },\n      bgImg: {\n        bgColor: \"#439aaf\",\n        gradLeft:\n          \"linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)\",\n        gradRight:\n          \"linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)\",\n        maxWidth: \"1400px\",\n      },\n      serve_1: true,\n      serve_2: true,\n    },\n    recipes: {\n      1: {\n        title: \"Jam Daiquiri\",\n      },\n      2: {\n        title: \"Captain and Cola \",\n      },\n      3: {\n        title: \"Captain and Lemonade\",\n      },\n      4: {\n        title: \"Captain and Cola float\",\n      },\n      5: {\n        title: \"test 5\",\n      },\n      6: {\n        title: \"test 6\",\n      },\n    },\n    ui: {\n      retailers: {\n        1: {\n          endpoint:\n            \"https://api.channelsight.com/api/2.0/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2803\",\n          title: '<div class=\"inline-nav__text\">Spiced <br> Gold</div>',\n          bgColor: \"#1d98d5\",\n        },\n        2: {\n          endpoint:\n            \"https://api.channelsight.com/api/2.0/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2238\",\n          title: '<div class=\"inline-nav__text\">Sliced <br> Apple</div>',\n          bgColor: \"#227b3c\",\n        },\n        3: {\n          endpoint:\n            \"https://api.channelsight.com/api/2.0/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2783\",\n          title: '<div class=\"inline-nav__text\">Tiki</div>',\n          bgColor: \"#d4839a\",\n        },\n        4: {\n          endpoint:\n            \"https://api.channelsight.com/api/2.0/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2282\",\n\n          bgColor: \"#922c88\",\n        },\n        5: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n        6: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n        7: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n        8: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n        9: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n        10: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n\n          bgColor: \"#d6153a\",\n        },\n      },\n    },\n  },\n\n  2: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3432\",\n    prodName: \"Captain Morgan Original Spiced Gold 70cl\",\n    prodImg: \"products/prod-1.png\",\n\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n\n  3: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3434\",\n\n    prodName: \"Captain Morgan TIKI 70cl\",\n    prodImg: \"products/prod-2.png\",\n    navBgColor: \"#912b88\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n    carousel: true,\n    carouselFull: true,\n\n    hero: {\n      video: {\n        active: false,\n        bgColor: \"#58bbd0\",\n        gradLeft:\n          \"linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)\",\n        gradRight:\n          \"linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)\",\n      },\n      bgImg: {\n        bgColor: \"#439aaf\",\n        gradLeft:\n          \"linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)\",\n        gradRight:\n          \"linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)\",\n        maxWidth: \"1400px\",\n      },\n      serve_1: true,\n      serve_2: true,\n    },\n\n    ui: {\n      retailers: {\n        1: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2703\",\n\n          bgColor: \"#d6153a\",\n        },\n        2: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2704\",\n          bgColor: \"#d6153a\",\n        },\n        3: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2705\",\n          bgColor: \"#d6153a\",\n        },\n        4: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n          bgColor: \"#d6153a\",\n        },\n      },\n    },\n  },\n  4: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3490\",\n    prodName: \"Captain Morgan Original Spiced Gold 1l\",\n    prodImg: \"products/prod-4.png\",\n    navBgColor: \"#912b88\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n    carousel: true,\n    carouselFull: true,\n\n    ui: {\n      retailers: {\n        1: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2703\",\n          bgColor: \"#d6153a\",\n        },\n        2: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2704\",\n          bgColor: \"#d6153a\",\n        },\n        3: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2705\",\n          bgColor: \"#d6153a\",\n        },\n        4: {\n          endpoint:\n            \"https://api.channelsight.com/api/1.47/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2706\",\n          bgColor: \"#d6153a\",\n        },\n      },\n    },\n  },\n  5: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3491\",\n    prodName: \"Captain Morgan Dark rum 1l\",\n    prodImg: \"products/prod-5.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n  6: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3492\",\n    prodName: \"Captain Morgan Dark rum 70cl\",\n    prodImg: \"products/prod-6.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n  7: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3493\",\n    prodName: \"Captain Morgan white rum 1l\",\n    prodImg: \"products/prod-7.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n  8: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3494\",\n    prodName: \"Captain Morgan white rum 70cl\",\n    prodImg: \"products/prod-8.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n  9: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3495\",\n    prodName: \"Captain Morgan Original spiced gold & cola 250ml\",\n    prodImg: \"products/prod-9.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n  10: {\n    apiEndpoint:\n      \"https://api.channelsight.com/api/2.2/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=3496\",\n    prodName: \"Captain Morgan Original spiced gold & cola 330ml\",\n    prodImg: \"products/prod-10.png\",\n    navBgColor: \"#1d98d5\",\n    navLogoSrc: \"navbar/logo--white.svg\",\n    abv: \"4.3% ABV\",\n    active: true,\n    classes: \"\",\n    dataProductSku:\n      \"714015, 757700, 757985, 754815, 754812, 757796, 768099, 757797, 761052, 757645\",\n    retailers: {},\n  },\n};\n\nexport { dataModel as default };\n","<template>\n  <div class=\"hero\" :class=\"`hero--${active}`\">\n    <div :class=\"`hero__bg-wrapper--1 hero__bg-wrapper--1--${active}`\"></div>\n    <div\n      :class=\"`hero__bg-wrapper--2 hero__bg-wrapper--2--${active}`\"\n      style=\"\"\n      :style=\"``\"\n    ></div>\n    <div class=\"hero-bg-left\">\n      <ul class=\"nav nav-tabs rounded-top border-bottom-0\">\n        <li\n          class=\"nav-item d-flex flex-column align-items-center\"\n          :id=\"`nav-item-${active}`\"\n          v-for=\"(item, index) in dataModel\"\n          :key=\"item\"\n          :class=\"index <= 3 ? 'd-flex' : 'd-none'\"\n        >\n          <a\n            :class=\"\n              active == index\n                ? 'nav-link active d-none d-md-flex flex-column align-items-end text-uppercase'\n                : 'nav-link  d-none d-md-flex flex-column align-items-end text-uppercase'\n            \"\n            data-bs-toggle=\"tab\"\n            :data-id=\"index\"\n            :id=\"index\"\n            @click=\"\n              getIndex(index);\n              bottles($event);\n              bgAnimation($event);\n            \"\n            :href=\"'#retailer-' + index\"\n          >\n            <div\n              v-html=\"dataModel[1].ui.retailers[index].title\"\n              class=\"d-flex\"\n            ></div>\n          </a>\n          <!-- get-mobile-hero -->\n          <a\n            :class=\"\n              active == index\n                ? 'nav-link active d-flex d-md-none flex-column align-items-end text-uppercase'\n                : 'nav-link d-flex d-md-none flex-column align-items-end text-uppercase'\n            \"\n            data-bs-toggle=\"tab\"\n            :data-id=\"index\"\n            @click=\"\n              getIndex(index);\n              bottles($event);\n              bgAnimation($event);\n            \"\n            :href=\"'#retailer-' + index\"\n          >\n            <div\n              v-html=\"dataModel[1].ui.retailers[index].title\"\n              class=\"d-flex\"\n            ></div>\n          </a>\n        </li>\n      </ul>\n    </div>\n    <div class=\"middle\">\n      <img\n        :src=\"`${pre}For-the-crew.png`\"\n        style=\"height: 800px; z-index: 100; position: relative\"\n        class=\"hero-text-img\"\n      />\n    </div>\n\n    <div class=\"hero-bg-right\">\n      <img\n        :src=\"`${pre}hero/bottle-1.png`\"\n        class=\"bottles bottle-1\"\n        style=\"z-index: 5; opacity: 1\"\n      />\n    </div>\n    <div class=\"hero-bg-right\">\n      <img\n        :src=\"`${pre}hero/bottle-2.png`\"\n        class=\"bottles bottle-2\"\n        style=\"z-index: 5; opacity: 1\"\n      />\n    </div>\n    <div class=\"hero-bg-right\">\n      <img\n        :src=\"`${pre}hero/bottle-3.png`\"\n        class=\"bottles bottle-3\"\n        style=\"z-index: 5; opacity: 1\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      priceColor: \"#000000\",\n      isVisible: this.next,\n      active: 1,\n      bgActiveSlot: 1,\n      init: false,\n    };\n  },\n  methods: {\n    //get index of active product and pass it over to app\n    getIndex(index) {\n      this.active = index;\n      this.$emit(\"active\", index);\n    },\n    //make tab active\n    apiRefresh() {\n      this.active = 1;\n    },\n    dragScroll() {\n      const slider = document.querySelector(\".nav-tabs\");\n      let mouseDown = false;\n      let startX, scrollLeft;\n      let startDragging = function (e) {\n        mouseDown = true;\n        startX = e.pageX - slider.offsetLeft;\n        scrollLeft = slider.scrollLeft;\n      };\n      let stopDragging = function (event) {\n        mouseDown = false;\n      };\n      slider.addEventListener(\"mousemove\", (e) => {\n        e.preventDefault();\n        if (!mouseDown) {\n          return;\n        }\n        const x = e.pageX - slider.offsetLeft;\n        const scroll = x - startX;\n        slider.scrollLeft = scrollLeft - scroll;\n      });\n      // Add the event listeners\n      slider.addEventListener(\"mousedown\", startDragging, false);\n      slider.addEventListener(\"mouseup\", stopDragging, false);\n      slider.addEventListener(\"mouseleave\", stopDragging, false);\n    },\n\n    //animate bottle\n    bottles(e) {\n      var dId = e.currentTarget.getAttribute(\"data-id\");\n      $(\".nav-link\").css({ pointerEvents: \"none\" });\n      gsap.to(\".bottles\", {\n        y: -1200,\n        duration: 1,\n        onComplete: () => {\n          gsap.to(`.bottle-${dId}`, {\n            duration: 1,\n            opacity: 1,\n            y: 0,\n          });\n          $(\".nav-link\").css({ pointerEvents: \"all\" });\n        },\n      });\n    },\n    bgAnimation(e) {\n      var ref = this;\n      var dId = 1;\n      if (ref.init) {\n        dId = e.currentTarget.getAttribute(\"data-id\");\n      }\n      if (ref.bgActiveSlot == 1) {\n        ref.bgActiveSlot = 2;\n        $(\".hero__bg-wrapper--2\").css({\n          background: `url(hero/hero-img-${ref.active}.jpg)`,\n          backgroundPosition: () => {\n            if (dId == 2 && window.innerWidth < 700) {\n              return \"32% center\";\n            } else if (dId == 3 && window.innerWidth < 700) {\n              return \"62% center\";\n            } else {\n              return \"center\";\n            }\n          },\n          backgroundSize: \"cover\",\n        });\n        gsap.to(\".hero__bg-wrapper--2\", {\n          opacity: 1,\n          duration: 0.5,\n        });\n      } else {\n        ref.bgActiveSlot = 1;\n        $(\".hero__bg-wrapper--1\").css({\n          background: `url(hero/hero-img-${ref.active}.jpg)`,\n          backgroundPosition: () => {\n            if (dId == 2 && window.innerWidth < 700) {\n              return \"32% center\";\n            } else if (dId == 3 && window.innerWidth < 700) {\n              return \"62% center\";\n            } else {\n              return \"center\";\n            }\n          },\n          backgroundSize: \"cover\",\n        });\n        gsap.to(\".hero__bg-wrapper--2\", {\n          opacity: 0,\n          duration: 0.5,\n        });\n      }\n    },\n  },\n  //invoke on load\n  mounted() {\n    this.dragScroll();\n    this.getIndex();\n    this.apiRefresh();\n    this.bgAnimation();\n    this.init = true;\n    gsap.set(\".bottle-2, .bottle-3\", {\n      y: -1200,\n      opacity: 0,\n    });\n  },\n};\n</script>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nimport gsap from \"gsap\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }, \n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.hero__bg-wrapper--1 {\n  background-position: center;\n  background-size: cover;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.hero__bg-wrapper--2 {\n  background-position: center;\n  background-size: cover;\n  left: 0px;\n  top: 0px;\n  opacity: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.hero__bg-wrapper--1--3 {\n  @media (max-width: 700px) {\n    background-position: 62% center !important;\n  }\n}\n.hero {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  margin-top: 85px;\n  position: relative;\n  height: 650px;\n  background-position: center;\n  // background-size: cover;\n}\n.hero--1 {\n  background-size: 150%;\n  background-position-x: right !important;\n  background-position-y: bottom !important;\n  @media (min-width: 1200px) {\n    background-size: 135% !important;\n  }\n}\n.hero-text-img {\n  height: 800px;\n}\n// .nav-item:nth-child(1) {\n//   -webkit-animation: pulse 3s linear infinite;\n//   animation: pulse 3s linear infinite;\n// }\n// .nav-item {\n//   opacity: 0;\n//   transition: opacity 3s linear infinite;\n// }\n\n// .nav-item:nth-of-type(1) {\n//   animation: pulse 1s linear infinite;\n//   transition-delay: 1s;\n// }\n\n// .nav-item:nth-of-type(2) {\n//   transition-delay: 2s;\n//   animation: pulse 1s linear infinite;\n// }\n\n// .nav-item:nth-of-type(3) {\n//   transition-delay: 3s;\n//   animation: pulse 1s linear infinite;\n// }\n\n@media (max-width: 1200px) {\n  .bottle-1,\n  .bottle-2,\n  .bottle-3 {\n    right: 120px !important;\n    z-index: -1;\n  }\n}\n@media (max-width: 850px) {\n  .hero-text-img {\n    height: 600px !important;\n  }\n  // .hero--1 {\n  //   background-size: 175%;\n  //   background-position-x: -550px;\n  // }\n}\n.hero-bg-left {\n  @include flexbox();\n}\n.legal {\n  width: 160px;\n  margin-top: -25px;\n  @media (max-width: 700px) {\n    width: 120px;\n  }\n}\n.bottles {\n  position: absolute;\n  top: 10;\n  top: -60px;\n  height: 115%;\n  right: 220px;\n  z-index: -1;\n}\n.title {\n  font-family: termina, sans-serif;\n  font-weight: 800;\n  font-size: 50px;\n  color: #ffffff;\n  margin-top: 25px;\n  line-height: 45px;\n}\n.subTitle {\n  font-family: termina, sans-serif;\n  font-weight: 100;\n  color: #ffffffa4;\n  margin-bottom: 20px;\n}\n.gold-border {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 15px;\n  width: 100%;\n  z-index: 10;\n}\n.buy-btn-hero {\n  display: none;\n  z-index: 5;\n  position: relative;\n}\ndiv.inline-nav__text {\n  font-size: 18px;\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 1px;\n  align-items: center;\n}\n.mob {\n  display: none;\n}\n.desktop {\n  @include flexbox();\n  @include justify-content(center);\n}\n@media (max-width: 948px) {\n  .title {\n    font-size: 45px !important;\n  }\n  .bottles {\n    right: 10px !important;\n    z-index: -1;\n  }\n}\n@media (max-width: 970px) {\n  .hero--1 {\n    background-size: 250% !important;\n    background-position-x: center !important;\n  }\n}\n.nav-link {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n}\n.nav {\n  @include flex-direction(column);\n  position: absolute;\n  left: -10px;\n  top: 35%;\n  width: 140px;\n  z-index: 10;\n}\n.nav-tabs .nav-link {\n  margin-left: -100px;\n  min-height: 65px;\n  min-width: 141px;\n  border: 0.5px solid #a27726 !important;\n  background-color: #ffffff !important;\n  color: #a27726 !important;\n  padding-top: 8px !important;\n  border-radius: 75px 75px !important;\n  transition: ease all 0.5s;\n}\n.nav-link.active {\n  color: #ffffff !important;\n  background-color: #cd0006 !important;\n  border-color: #a27726 !important;\n  font-weight: 900 !important;\n  min-width: 141px;\n  margin-left: -30px;\n  transition: ease all 0.5s;\n}\n@media (max-width: 650px) {\n  .hero {\n    @include justify-content(flex-start);\n    @include align-items(flex-start);\n    height: 61.5vh;\n    padding: 35px;\n  }\n  .hero--1 {\n    background-size: 300% !important;\n    background-position-x: center !important;\n  }\n  .buy-btn-hero {\n    @include justify-content(center);\n    @include flexbox();\n    @include align-items(center);\n    position: absolute;\n    bottom: -15px;\n    left: 35%;\n    z-index: 10;\n    display: block;\n    max-width: 120px;\n  }\n  .hero-text-img {\n    height: 550px !important;\n    position: absolute !important;\n    z-index: 0 !important;\n    top: -110px !important;\n    left: -175px !important;\n  }\n  .title {\n    font-size: 50px;\n    line-height: 40px;\n  }\n  .bottles {\n    position: absolute;\n    top: 10;\n    top: 20px !important;\n    height: 95%;\n    right: 15px !important;\n    z-index: -1;\n  }\n  img.golden-border {\n    display: none !important;\n  }\n  .nav {\n    @include flex-direction(column);\n    position: absolute;\n    @include justify-content(flex-start);\n    left: -10px;\n    width: 140px;\n    bottom: 250px;\n  }\n  div.inline-nav__text--1 {\n    margin-top: 0px !important;\n  }\n  .inline-nav__text--2 {\n    margin-top: 0px !important;\n  }\n  .inline-nav__text--3 {\n    margin-top: 0px !important;\n  }\n  .nav-link.active {\n    margin-left: -60px !important;\n  }\n}\n@media screen and (min-width: 650px) {\n  .buy-btn-1 {\n    display: none !important;\n  }\n}\n@media (max-width: 445px) {\n  // .hero {\n  //   height: 74vh;\n  // }\n  .hero-text-img {\n    height: 520px !important;\n    top: -110px !important;\n    left: -155px !important;\n  }\n\n  .nav {\n    flex-direction: column;\n    position: absolute;\n    left: -10px;\n    width: 140px;\n    top: 240px;\n    bottom: 30px;\n    // bottom: 5px;\n    // margin-bottom: -35px;\n  }\n  .hero--1 {\n    background-size: 290% !important;\n  }\n  .hero--2 {\n    background-position-x: -150px !important;\n  }\n  .hero--3 {\n    background-position-x: -360px !important;\n  }\n}\n@media (max-width: 428px) {\n  .hero {\n    height: 63vh;\n  }\n}\n@media (max-width: 414px) {\n  .hero {\n    height: 70vh;\n  }\n  .nav {\n    top: auto;\n    bottom: 80px !important;\n  }\n  .nav-tabs .nav-link {\n    min-height: 60px !important;\n  }\n  .hero-text-img {\n    height: 495px !important;\n    top: -110px !important;\n    left: -145px !important;\n  }\n}\n@media (max-width: 390px) {\n  .hero {\n    height: 63vh !important;\n    margin-top: 70px !important;\n  }\n  .hero--1 {\n    background-size: 290% !important;\n  }\n}\n@media (max-width: 375px) {\n  .hero {\n    height: 66.7vh !important;\n    margin-top: 0px !important;\n    @media (max-width: 360px) {\n      height: 70vh !important;\n    }\n  }\n  .nav {\n    top: auto;\n    bottom: 80px !important;\n    left: -30px;\n  }\n  .hero--1 {\n    background-size: 250% !important;\n  }\n  .hero-text-img {\n    height: 400px !important;\n    top: -60px !important;\n    left: -105px !important;\n  }\n  .nav-tabs .nav-link {\n    min-height: 50px !important;\n  }\n  div.inline-nav__text {\n    font-size: 13px !important;\n    line-height: 13px !important;\n  }\n  .bottles {\n    top: 55px !important;\n    height: 85% !important;\n  }\n}\n@media (max-width: 360px) {\n  .hero {\n    height: 70vh !important;\n  }\n  .hero--1 {\n    background-size: 270% !important;\n  }\n  .hero-text-img {\n    height: 375px !important;\n    top: -55px !important;\n    left: -75px !important;\n  }\n}\n@media (min-height: 800px) {\n  .hero {\n    height: 69vh !important;\n  }\n}\n@media (min-height: 880px) {\n  .hero {\n    height: 69vh !important;\n  }\n}\n@-webkit-keyframes pulse {\n  0% {\n    opacity: 1;\n    -ms-transform-origin-x: 0px;\n  }\n\n  50% {\n    opacity: 1;\n    -ms-transform-origin-x: 20px;\n  }\n\n  100% {\n    opacity: 1;\n    -ms-transform-origin-x: 0px;\n  }\n}\n</style>\n","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=982f5562&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"cs-modal\">\n    <div class=\"cs-modal__bg\">\n      <div class=\"cs-modal__padding\">\n        <div class=\"cs-modal__row cs-modal__row--1\">\n          <div class=\"cs-modal__col--6-6 cs-modal__close\">\n            <img :src=\"`${pre}arrow-back.svg`\" />\n            <span style=\"font-size: 22px\">GO BACK</span>\n          </div>\n          <div class=\"cs-modal__col--6-6\">\n            <div class=\"cs-modal__menu\" :style=\"{ background: '#CD0006' }\">\n              <div class=\"cs-modal__menu-options\">\n                \n                <div\n                  v-for=\"(item, key) in dataModel\"\n                  :key=\"key\"\n                  class=\"cs-modal__product-wrapper\"\n                  :data-id=\"key\"\n                >\n                  <div class=\"cs-modal__product\">\n                    {{ item.prodName }}\n                  </div>\n                </div>\n                <img\n                  class=\"cs-modal__img--chevron\"\n                  :src=\"`${pre}widget/chevron--down.png`\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"cs-modal__row cs-modal__row--2\">\n          <div class=\"cs-modal__col--6-6\">\n            <img class=\"cs-modal__img--product\" />\n          </div>\n          <div class=\"cs-modal__col--6-6\">\n            <div class=\"cs-modal__retailers\"></div>\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\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }, \n});\nlet activeProduct = 1;\nvar populateRetailers = (active) => {\n  //empty the parent element\n  $(\".cs-modal__retailers\").html(\"\");\n  $(\".cs-modal__img--product\").attr(\"src\", dataModel[activeProduct].prodImg);\n  //move dropdown menu item to first position\n  $(\".cs-modal__product-wrapper[data-id=\" + activeProduct + \"]\").prependTo(\n    \".cs-modal__menu-options\"\n  );\n  Object.keys(dataModel[active].retailers).forEach(function (key, index) {\n    $(\".cs-modal__retailers\").append(`\n        <a class=\"cs-modal__a cs-modal__a--retailer\" href=\"${\n          dataModel[active].retailers[index + 1].url\n        }\" target=\"_blank\">\n            <div class=\\\"cs-modal__retailer\\\">\n                <div class=\"cs-modal__retailer-logo\">\n                    <img class=\\\"cs-modal__img--retailer-logo\\\" src=\\\"${\n                      dataModel[active].retailers[index + 1].logo\n                    }\\\">\n                </div>\n                <div class=\"cs-modal__retailer-price\" style=\"font-weight: normal;\">\n                    £${dataModel[active].retailers[index + 1].price}\n                </div>\n                <div class=\"cs-modal__retailer-cta\">\n                    <div style=\"background: #CD0006; color: #ffffff;padding: 10px 0px 10px 0px;border-radius: 3px;font-weight: normal;width: 100%; font-size:15px\">BUY NOW</div>\n                </div>\n            </div>\n        </a>\n        `);\n  });\n};\n$(document).ready(function () {\n  let chevronRotation = 0;\n  $(document).on(\"click\", \".cs-modal__menu\", function () {\n    chevronRotation += 180;\n    if ($(this).hasClass(\"expanded\")) {\n      $(this).toggleClass(\"expanded\");\n      gsap.to(\".cs-modal__menu\", 0.5, {\n        height: 50,\n      });\n      gsap.to(\".cs-modal__img--chevron\", 0.25, {\n        rotate: chevronRotation,\n      });\n      chevronRotation = 0;\n    } else {\n      $(this).toggleClass(\"expanded\");\n      gsap.to(\".cs-modal__menu\", 0.5, {\n        height: 50 * (Object.keys(dataModel).length - 1),\n        top: 0,\n      });\n      gsap.to(\".cs-modal__img--chevron\", 0.25, {\n        rotate: chevronRotation,\n      });\n      chevronRotation = -180;\n    }\n  });\n  $(document).on(\"click\", \".cs-modal__product-wrapper\", function () {\n    activeProduct = $(this).attr(\"data-id\");\n    populateRetailers(activeProduct);\n  });\n  $(document).on(\"click\", \".carousel__button\", function () {\n    //show the modal\n    $(\".cs-modal\").css({\n      display: \"flex\",\n    });\n    activeProduct = $(this).attr(\"data-id\");\n    populateRetailers(activeProduct);\n  });\n  $(document).on(\"click\", \".cs-modal__close\", function () {\n    gsap.to(\".cs-modal__bg\", 0.25, {\n      opacity: 0,\n      onComplete: () => {\n        gsap.set(\".cs-modal__bg\", {\n          opacity: 1,\n          delay: 0.5,\n        });\n      },\n    });\n    gsap.to(\".cs-modal\", 0.5, {\n      opacity: 0,\n      delay: 0.25,\n      onComplete: () => {\n        gsap.set(\".cs-modal\", {\n          opacity: 1,\n          display: \"none\",\n        });\n      },\n    });\n  });\n  populateRetailers(activeProduct);\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.cs-modal {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  background: #000000;\n  display: none;\n  height: 100%;\n  left: 0px;\n  position: fixed;\n  top: 0px;\n  width: 100%;\n  z-index: 10000;\n}\n.cs-modal__bg {\n  background: #ffffff;\n  border-radius: 20px;\n  height: 500px;\n  max-width: 668px;\n  max-height: 500px;\n  width: 100%;\n  @media screen and(max-width: 650px) {\n    height: 100%;\n    max-height: none;\n    border-radius: 0px;\n  }\n}\n.cs-modal__padding {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  @include flex-direction(column);\n  height: 100%;\n  padding: 30px;\n  width: 100%;\n  @media screen and(max-width: 650px) {\n    padding: 20px 20px 0px 20px;\n  }\n}\n.cs-modal__row {\n  @include flexbox();\n  @include align-items(flex-start);\n  @include justify-content(center);\n  width: 100%;\n  @media screen and(max-width: 650px) {\n    @include flex-direction(column);\n    @include align-items(center);\n    width: 150% !important;\n    @media screen and(max-width: 420px) {\n      width: 100% !important;\n    }\n  }\n}\n.cs-modal__col--6-6 {\n  position: relative;\n  width: 50%;\n  @media screen and(max-width: 650px) {\n    width: 100%;\n  }\n}\n.cs-modal__row--1 {\n  @media screen and(max-width: 650px) {\n    @include flex-direction(row-reverse);\n  }\n  & .cs-modal__col--6-6 {\n    @include flexbox();\n    @include align-items(center);\n    @include justify-content(flex-start);\n    @media screen and(max-width: 650px) {\n      @include justify-content(center);\n    }\n    &:first-child {\n      @media screen and(max-width: 650px) {\n        width: 50px;\n      }\n    }\n    &:last-child {\n      height: 50px;\n    }\n    & img {\n      display: block;\n      margin-right: 10px;\n      top: 18px;\n      width: 50px;\n    }\n  }\n}\n.cs-modal__close {\n  &:hover {\n    cursor: pointer;\n  }\n  @media screen and(max-width: 650px) {\n    margin-left: 10px;\n  }\n  & > span {\n    @media screen and(max-width: 650px) {\n      display: none;\n    }\n  }\n  & > img {\n    height: 50px;\n    width: 50px;\n    @media screen and(max-width: 650px) {\n      margin-right: 0px !important;\n    }\n  }\n}\n.cs-modal__row--2 {\n  height: calc(100% - 50px);\n  & .cs-modal__col--6-6 {\n    height: 100%;\n    &:first-child {\n      @include flexbox();\n      @include align-items(center);\n      @include justify-content(center);\n      padding-right: 30px;\n      @media screen and(max-width: 650px) {\n        padding-right: 0px;\n        padding-top: 30px;\n        padding-bottom: 30px;\n        height: auto;\n      }\n    }\n    &:last-child {\n      @media screen and(max-width: 650px) {\n        overflow: scroll;\n      }\n    }\n  }\n}\n.cs-modal__menu {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(flex-start);\n  @include flex-direction(column);\n  border-radius: 5px;\n  height: 50px;\n  position: absolute;\n  overflow: hidden;\n  width: 100%;\n  z-index: 100;\n  &:hover {\n    cursor: pointer;\n  }\n  & .cs-modal__img--chevron {\n    position: absolute;\n    right: 0px;\n    max-width: 20px;\n    width: 20px;\n  }\n}\n.cs-modal__menu-options {\n  position: absolute;\n}\n.cs-modal__product-wrapper {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  font-size: 12px;\n  height: 50px;\n  min-height: 50px;\n  padding-left: 15px;\n  padding-right: 40px;\n  text-align: left;\n}\n.cs-modal__product {\n  color: #ffffff;\n  font-size: 18px !important;\n  font-weight: normal !important;\n  line-height: 18px !important;\n  text-align: left;\n  width: 100%;\n}\n.cs-modal__img--product {\n  width: 80px;\n  @media screen and(max-width: 650px) {\n    width: 50px;\n  }\n}\n.cs-modal__retailers {\n  height: 100%;\n  max-height: 100%;\n  overflow: scroll;\n}\n.cs-modal__retailer {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  border-bottom: 1px solid #f0f0f0;\n  height: 70px;\n}\n.cs-modal__retailer-logo {\n  width: 70px;\n}\n.cs-modal__retailer-price {\n  font-size: 17px !important;\n  font-weight: normal;\n  @include flex(1);\n}\n.cs-modal__retailer-cta {\n  font-size: 15px;\n  width: 80px;\n}\n.cs-modal__img--retailer-logo {\n  display: block;\n  width: 74px;\n}\n.cs-modal__a--retailer {\n  color: #000000;\n  text-decoration: none;\n  &:hover {\n    color: #000000;\n    cursor: pointer;\n    & div {\n      color: #000000;\n    }\n  }\n}\n\n.expanded {\n  overflow: scroll;\n}\n</style>\n","import script from \"./csModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./csModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./csModal.vue?vue&type=style&index=0&id=d384e866&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./intro.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./intro.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./intro.vue?vue&type=style&index=0&id=86a8db3a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-86a8db3a\"]])\n\nexport default __exports__","import script from \"./arrowAnim.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./arrowAnim.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./arrowAnim.vue?vue&type=style&index=0&id=f216860a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f216860a\"]])\n\nexport default __exports__","<template>\n  <div class=\"bar\" style=\"margin-top: -30px;position: relative;width: 100%;z-index: 100;\">\n    <img :src=\"`${pre}hero/yellow.png`\" class=\"gold-border-1\" />\n  </div>\n  <div class=\"intro2\">\n    <div class=\"intro-wrapper\">\n      <div class=\"intro2__wrapper\">\n        <div class=\"left\">\n          \n          <img class=\"left__img left__img--sign\" :src=\"`${pre}sign-board.png`\" />\n          <img class=\"left__img left__img--chains\" :src=\"`${pre}sign-chains.png`\" />\n        </div>\n        <div class=\"right\">\n          <div class=\"paragraph-1\">\n            CAPTAIN MORGAN ORIGINAL SPICED GOLD IS BLENDED USING<br />\n            THE FINEST CARIBBEAN RUMS.\n          </div>\n          <div class=\"paragraph-2\">\n            MADE USING REAL VANILLA AND MATURED IN BOURBON BARRELS <br />YOU’LL\n            GET A RICH, SWEET FLAVOUR WITH A SMOOTH FINISH.\n          </div>\n          <div>\n            <span class=\"intro-title\" style=\"font-size: 20px\"\n              >WHY NOT EMBARK ON <br />YOUR OWN ADVENTURE?</span\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport gsap from \"gsap\";\n$(document).ready(function () {\n  gsap.set(\".left__img--sign\", {\n    rotate: -5,\n    y: -10,\n    rotationY: -20,\n    rotationX: -10,\n    x: 30,\n  });\n  var tl_1 = gsap.timeline({ repeat: -1 });\n  tl_1\n    .to(\".left__img--sign\", {\n      rotate: 5,\n      duration: 2.5,\n      ease: \"Power2.easeInOut\",\n      transformOrigin: \"60% 50%\",\n      rotationY: -30,\n      rotationX: 10,\n      x: 0,\n      x: -30,\n    })\n    .to(\".left__img--sign\", {\n      rotate: -5,\n      duration: 2.5,\n      ease: \"Power2.easeInOut\",\n      transformOrigin: \"60% 50%\",\n      rotationY: -20,\n      rotationX: -10,\n      x: 30,\n    });\n  gsap.set(\".left__img--chains\", {\n    rotate: -10,\n    y: -10,\n  });\n  var tl_2 = gsap.timeline({ repeat: -1 });\n  tl_2\n    .to(\".left__img--chains\", {\n      rotate: 10,\n      duration: 2.5,\n      ease: \"Power2.easeInOut\",\n      transformOrigin: \"50% 0%\",\n    })\n    .to(\".left__img--chains\", {\n      rotate: -10,\n      duration: 2.5,\n      ease: \"Power2.easeInOut\",\n    });\n});\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  },\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.gold-border-1 {\n  width: 40%;\n  height: 30px;\n  opacity: 1;\n  position: absolute;\n  left: 0px;\n  top: -15px; \n  @media (max-width: 750px) {\n    height: 20px;\n    width: calc(100% - 10px);\n    top: -10px;\n  }\n}\n.intro2 {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  overflow: hidden;\n  width: 100%;\n  margin-top: -30px;\n  \n}\n.intro2__wrapper {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  max-width: 1280px;\n  width: 100%;\n}\n\n.left {\n  @include align-self(flex-start);\n  position: relative;\n\n}\n.left__img--chains {\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  z-index: 1;\n}\n.left__img--sign {\n  position: relative;\n  z-index: 2;\n}\n.left__img {\n  max-width: 500px;\n  width: 100%;\n  margin-top: -10px;\n}\n.right {\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n  padding-top: 100px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n.paragraph-1,\n.paragraph-2 {\n  font-size: 35px;\n  line-height: 38px;\n  margin-bottom: 35px;\n}\n.intro-title {\n  font-size: 45px !important;\n  line-height: 50px;\n  font-family: CaptainRefined, sans-serif !important;\n  font-weight: 400;\n}\n@media (max-width: 770px) {\n.right {\n    padding: 50px 30px 0px 30px !important;\n  }\n}\n@media (max-width: 750px) {\n  .intro2__wrapper {\n    flex-direction: column !important;\n  }\n  .left {\n    align-self: center !important;\n    width: 100%;\n  }\n  .right {\n    padding-top: 50px !important;\n  }\n  .left__img {\n    margin-top: 0px !important;\n  }\n  .paragraph-1,\n  .paragraph-2 {\n    font-size: 25px;\n    line-height: 28px;\n    margin-bottom: 25px;\n    padding-left: 50px;\n    padding-right: 50px;\n  }\n  .intro-title {\n    font-size: 43px !important;\n    line-height: 48px;\n    font-family: CaptainRefined, sans-serif !important;\n    font-weight: 400;\n    padding-left: 1.5px;\n  }\n}\n\n@media (max-width: 460px) {\n  .left {\n    align-self: center !important;\n    width: 100%;\n    max-width: 200px;\n  }\n  .paragraph-1,\n  .paragraph-2 {\n    font-size: 28px !important;\n    line-height: 31px !important;\n    margin-bottom: 28px !important;\n  }\n  .intro-title {\n    font-size: 47px !important;\n    line-height: 48px;\n    font-family: CaptainRefined, sans-serif !important;\n    font-weight: 400;\n    padding-left: 1.5px;\n  }\n}\n@media (max-width: 414px) {\n  .intro-title {\n    font-size: 43px !important;\n  }\n}\n</style>\n","import script from \"./intro2.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./intro2.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./intro2.vue?vue&type=style&index=0&id=da011910&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-da011910\"]])\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"logo-wrapper\">\n      <img class=\"bg-img\" :src=\"`${pre}hero/bg-strip.png`\" alt=\"\" />\n    </div>\n    <div class=\"navbar\">\n      <div style=\"z-index: 10; position: absolute; right: 20px; top: 30px\">\n        <img class=\"legal\" :src=\"`${pre}hero/DRINKAWARE.png`\" width=\"200\" />\n      </div>\n      <img class=\"navbar__img\" :src=\"`${pre}hero/CM_logo.png`\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }\n});\n$(document).ready(function () {});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.navbar {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  position: relative;\n}\n.bg-img {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 135px;\n  z-index: 1;\n}\n.navbar__img {\n  z-index: 2;\n}\n.navbar__img {\n  display: block;\n  position: absolute;\n  left: 30px;\n  top: 10px;\n  padding: 15px 0px;\n  width: 200px;\n}\n@media (max-width: 650px) {\n  .navbar__img {\n    left: 25% !important;\n    z-index: 2;\n    width: 200px;\n  }\n  .navbar__img {\n    display: block;\n    position: initial;\n    margin-bottom: -120px;\n  }\n  .bg-img, .navbar {\n    z-index: 10;\n  }\n  .legal {\n    z-index: 10;\n    position: absolute;\n    right: -20px;\n    top: 0px;\n  }\n}\n@media (max-width: 390px) {\n  .bg-img {\n    height: 120px !important;\n  }\n  .navbar__img {\n    margin-bottom: -90px !important;\n  }\n}\n@media (max-width: 375px) {\n  .bg-img {\n    height: 90px !important;\n  }\n  .navbar__img {\n    margin-bottom: -30px !important;\n  }\n  img.navbar__img {\n    margin-bottom: -60px !important;\n    width: 120px !important;\n  }\n}\n\n</style>\n","import script from \"./logoBar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./logoBar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./logoBar.vue?vue&type=style&index=0&id=5ca10612&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5ca10612\"]])\n\nexport default __exports__","<template>\n  <div class=\"api__bg rounded d-inline-block\">\n    <img :src=\"`${pre}top-shadow.png`\" class=\"top-shadow\" />\n    <img :src=\"`${pre}top-shadow-2.png`\" class=\"top-shadow-mob\" />\n    <div style=\"display: flex; justify-content: center\">\n      <div>\n        <div class=\"buy-now-btn__wrapper\">\n          <button\n            class=\"carousel__button\"\n            data-action=\"csWidgetOpen\"\n            :data-id=\"props.active == 1 ? 2 : props.active == 2 ? 1 : 3\"\n            tabindex=\"0\"\n          >\n            <img\n              :src=\"`${pre}buy-now-top.png`\"\n              class=\"buy-btn-top\"\n              style=\"width: 120px\"\n            />\n          </button>\n        </div>\n        <div class=\"buy-now__arrow\"></div>\n      </div>\n    </div>\n    <div class=\"tab-content\">\n      <div\n        v-for=\"(item, index_2) in dataModel\"\n        :key=\"item\"\n        class=\"tab-pane\"\n        :class=\"index_2 == props.active ? 'active' : ''\"\n        :id=\"'retailer-' + index_2\"\n      >\n        <div\n          v-if=\"props.active == 2\"\n          :class=\"\n            index_2 == 2\n              ? 'api-2 p-2 d-flex justify-content-center align-items-center'\n              : 'api p-2 d-flex justify-content-center align-items-center'\n          \"\n        >\n          <div\n            v-for=\"item in dataModel[1].retailers\"\n            :key=\"item\"\n            class=\"api__retailer\"\n          >\n            <div>\n              <a :href=\"item.url\" class=\"api__a d-block\" target=\"_blank\">\n                <div\n                  class=\"api__img-wrapper rounded-top p-1 temp__center bg-white\"\n                >\n                  <img :src=\"item.logo\" class=\"api__img--logo d-block w-100\" />\n                </div>\n                <div\n                  class=\"api__price p-1 text-white text-center rounded-bottom\"\n                  :style=\"{ 'background-color': '#CD0006' }\"\n                >\n                  £{{ item.price }}\n                </div>\n              </a>\n            </div>\n          </div>\n        </div>\n        <div\n          v-if=\"props.active == 1\"\n          :class=\"\n            index_2 == 2\n              ? 'api-2 p-2 d-flex justify-content-center align-items-center'\n              : 'api p-2 d-flex justify-content-center align-items-center'\n          \"\n        >\n          <div\n            v-for=\"item in dataModel[2].retailers\"\n            :key=\"item\"\n            class=\"api__retailer\"\n          >\n            <div>\n              <a :href=\"item.url\" class=\"api__a d-block\" target=\"_blank\">\n                <div\n                  class=\"api__img-wrapper rounded-top p-1 temp__center bg-white\"\n                >\n                  <img :src=\"item.logo\" class=\"api__img--logo d-block w-100\" />\n                </div>\n                <div\n                  class=\"api__price p-1 text-white text-center rounded-bottom\"\n                  :style=\"{ 'background-color': '#CD0006' }\"\n                >\n                  £{{ item.price }}\n                </div>\n              </a>\n            </div>\n          </div>\n        </div>\n        <div\n          v-if=\"props.active > 2\"\n          :class=\"\n            index_2 == 3\n              ? 'api-3 p-2 d-flex justify-content-center align-items-center'\n              : 'api p-2 d-flex justify-content-center align-items-center'\n          \"\n        >\n          <div\n            v-for=\"item in dataModel[props.active].retailers\"\n            :key=\"item\"\n            class=\"api__retailer\"\n          >\n            <div>\n              <a :href=\"item.url\" class=\"api__a d-block\" target=\"_blank\">\n                <div\n                  class=\"api__img-wrapper rounded-top p-1 temp__center bg-white\"\n                >\n                  <img :src=\"item.logo\" class=\"api__img--logo d-block w-100\" />\n                </div>\n                <div\n                  class=\"api__price text-white text-center rounded-bottom\"\n                  :style=\"{ 'background-color': '#CD0006' }\"\n                >\n                  £{{ item.price }}\n                </div>\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      active: this.newIndex,\n    };\n  },\n};\n</script>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nconst props = defineProps({\n  //index of active product\n  active: {\n    type: Number,\n    default: 1,\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  },\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.buy-btn-1 {\n  @media screen and (max-width: 640px) {\n    display: none;\n  }\n}\n.api,\n.api-2,\n.api-3 {\n  margin-top: 20px;\n}\n.top-shadow {\n  position: absolute;\n  left: 0;\n  z-index: -10;\n  width: 100%;\n  height: 150px;\n}\n.top-shadow-mob {\n  display: none;\n}\n\ndiv.inline-nav__text--1 {\n  margin-top: 10px !important;\n  margin-left: 70px !important;\n  font-size: 12px !important;\n  font-weight: 900 !important;\n}\n.inline-nav__text--2 {\n  margin-top: 10px !important;\n}\n.inline-nav__text--3 {\n  margin-top: 17px !important;\n}\n.nav-tabs .nav-link {\n  margin-left: -80px;\n  min-height: 65px;\n  border: 0.5px solid #a27726;\n  background-color: #ffffff;\n  color: #a27726;\n  padding-top: 8px !important;\n  border-radius: 75px 75px;\n}\n\n.nav-link.active {\n  color: #ffffff !important;\n  background-color: #cd0006 !important;\n  border-color: #a27726 !important;\n  font-weight: 900 !important;\n  margin-left: -50px;\n}\n.rounded-top {\n  border-top-left-radius: 10px !important;\n  border-top-right-radius: 10px !important;\n}\n.rounded-bottom {\n  border-bottom-left-radius: 10px !important;\n  border-bottom-right-radius: 10px !important;\n}\n.api__price {\n  padding: 0.25rem;\n}\n.buy-now-btn__wrapper {\n  margin-top: -49.5px;\n}\n.pe--none {\n  pointer-events: none;\n}\n.api__bg {\n  z-index: 10;\n  position: relative;\n  width: 100%;\n  background-repeat: repeat;\n  background-size: 100% auto;\n  // margin-top: -11px;\n\n  @media screen and (max-width: 640px) {\n    position: fixed;\n    bottom: 0px !important;\n    left: 0px !important;\n    margin-right: 10px;\n    width: 100% !important;\n    z-index: 150 !important;\n    .api {\n      justify-content: start !important;\n\n      min-width: 820px;\n      min-height: 100px;\n    }\n    .api-2 {\n      justify-content: start !important;\n      min-width: 550px;\n      min-height: 100px;\n    }\n    .api-3 {\n      justify-content: start !important;\n      min-width: 640px;\n      min-height: 100px;\n    }\n    .buy-btn-top {\n      margin-top: -65px;\n    }\n    .nav {\n      top: -35vh;\n      z-index: 100;\n    }\n    .tab-content {\n      margin-top: -60px;\n    }\n    .top-shadow {\n      display: none;\n    }\n    .top-shadow-mob {\n      display: block !important;\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      z-index: -10;\n      width: 100%;\n      height: 110px;\n    }\n  }\n}\n@media screen and (max-width: 400px) {\n  .tab-content {\n    margin-top: -40px;\n  }\n}\n@media screen and (max-width: 370px) {\n  .api__price {\n    padding: 0px !important;\n  }\n  .api__a {\n    max-width: 57px !important;\n  }\n  .api__bg .api-3 {\n    min-width: 475px !important;\n  }\n  .api__bg .api-2 {\n    min-width: 410px !important;\n  }\n  .api__bg .api {\n    min-width: 610px !important;\n  }\n}\n@media screen and (max-width: 640px) {\n  .gold-border-retailers {\n    display: none !important;\n  }\n  .buy-btn-top {\n    display: none;\n  }\n}\n\n.api-2 {\n  min-width: 790px;\n}\n.pseudo-active:after {\n  opacity: 1;\n}\n.api[data-id=\"1\"] {\n  min-width: 816px !important;\n}\n.nav {\n  flex-wrap: nowrap;\n  flex-direction: column;\n  top: -42vh;\n  left: 0;\n  position: absolute;\n}\n.nav-tabs {\n  overflow: auto;\n}\n.nav-tabs li {\n  min-width: 160px;\n}\n.carousel__bg {\n  height: 100%;\n  width: 100%;\n}\n.nav-link {\n  font-size: 12px;\n}\nul {\n  list-style: none;\n}\n.tab-content {\n  overflow: auto;\n}\n.api__retailer {\n  &:not(:last-child) {\n    margin-right: 10px;\n  }\n  &:last-child:after {\n    content: \"\";\n    height: 100%;\n    right: -10px;\n    top: 0;\n    background: none;\n    width: 20px;\n  }\n}\n.api__img-wrapper {\n  border: 1px solid #f0f0f0;\n}\n.api__img-wrapper img {\n  height: 85%;\n}\n.api__a {\n  max-width: 80px;\n  color: #333333;\n  text-decoration: none;\n}\n.api__price {\n  font-size: 15px;\n  font-weight: 100;\n  letter-spacing: 0.5px;\n}\n.dragging {\n  pointer-events: none;\n}\n.nav-link {\n  line-height: 13px;\n  padding-top: 10px;\n}\n</style>\n","import script from \"./retailers.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./retailers.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./retailers.vue?vue&type=style&index=0&id=0c419522&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0c419522\"]])\n\nexport default __exports__","<template>\n  <div :class=\"`component__carousel--${props.iteration}`\">\n    <img class=\"right\" :src=\"`${pre}side-gradient.svg`\" />\n    <img class=\"left\" :src=\"`${pre}side-gradient.svg`\" />\n    <div class=\"carousel__bg\">\n      <div class=\"carousel__wrapper\">\n        <div :class=\"carouselIteration\">\n          <div\n            class=\"carousel__product\"\n            v-for=\"(item, key) in carousel[props.iteration]\"\n            :key=\"item\"\n          >\n            <div style=\"margin-top: 40px\">\n              <img class=\"carousel__img--product opacity--0\" :src=\"pre + item.img\" />\n            </div>\n            <div class=\"carousel__h1 px--20\">\n              <div class=\"first\" v-html=\"item.title + item.title2\"></div>\n              <div class=\"abv\">{{ item.abv }}</div>\n            </div>\n            <button\n              class=\"carousel__button\"\n              data-action=\"csWidgetOpen\"\n              :data-id=\"key\"\n              @click=\"showModal($event)\"\n            >\n              <img :src=\"`${pre}buy.png`\" style=\"max-width: 200px; margin-top: 35px\" />\n            </button>\n          </div>\n        </div>\n      </div>\n      <img :src=\"`${pre}table.jpg`\" class=\"carousel__surface\" />\n      <img :src=\"`${pre}hero/Gold_border.jpg`\" class=\"gold-border\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nimport gsap from \"gsap\";\nconst props = defineProps({\n  iteration: {\n    type: String,\n    default: \"1\",\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }, \n});\nvar carouselIteration = \"carousel--\" + props.iteration;\nvar carousel = {\n  1: {\n    1: {\n      title: \"Captain Morgan sLICED APPLE Rum \",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-3.png\",\n      url: \"\",\n      abv: \"70cl, 25% ABV\",\n    },\n    2: {\n      title: \"Captain Morgan Original \",\n      title2: \"Spiced Gold Rum Flavoured&nbsp;Spirit\",\n      img: \"products/prod-1.png\",\n      url: \"\",\n      abv: \"70cl, 35% ABV\",\n    },\n    3: {\n      title: \"Captain Morgan TIKI \",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-2.png\",\n      url: \"\",\n      abv: \"70cl, 25% ABV\",\n    },\n    4: {\n      title: \"Captain Morgan Original \",\n      title2: \"Spiced Gold Rum Flavoured&nbsp;Spirit\",\n      img: \"products/prod-4.png\",\n      url: \"\",\n      abv: \"1l, 35% ABV\",\n    },\n    5: {\n      title: \"Captain Morgan dark rum\",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-5.png\",\n      url: \"\",\n      abv: \"1l, 35% ABV\",\n    },\n    6: {\n      title: \"Captain Morgan dark rum\",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-6.png\",\n      url: \"\",\n      abv: \"70cl, 35% ABV\",\n    },\n    7: {\n      title: \"Captain Morgan white rum\",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-7.png\",\n      url: \"\",\n      abv: \"1l, 35% ABV\",\n    },\n    8: {\n      title: \"Captain Morgan white rum\",\n      title2: \"Flavoured&nbsp;Spirit\",\n      img: \"products/prod-8.png\",\n      url: \"\",\n      abv: \"70cl, 35% ABV\",\n    },\n    9: {\n      title: \"Captain Morgan \",\n      title2: \"original spiced gold &&nbsp;cola\",\n      img: \"products/prod-9.png\",\n      url: \"\",\n      abv: \"250ml, 5% ABV\",\n    },\n    10: {\n      title: \"Captain Morgan\",\n      title2: \"original spiced gold &&nbsp;cola\",\n      img: \"products/prod-10.png\",\n      url: \"\",\n      abv: \"330ml, 10% ABV\",\n    },\n  },\n};\n$(document).ready(function () {\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .prepend(\n      `<div class=\"carousel__previous--${props.iteration}\"><img class=\"carousel__previous--${props.iteration}\" src=\"${props.pre}prev.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;left: 20px; font-family:CaptainRefined, sans-serif;\"><span style=\"position: absolute;\n  left: 20px;\n  top: 51%;\n  font-family: CaptainRefined, sans-serif;\n  color: white;\n  font-weight: 100;\n  font-size: 14px;\" id=\"prev-txt\">PREV</span></div>`\n    );\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .append(\n      `<div class=\"carousel__previous--${props.iteration}\" id=\"prev\"><img class=\"carousel__next--${props.iteration}\" id=\"next\" src=\"${props.pre}next.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;right: 20px;font-family:CaptainRefined, sans-serif;\"><span style=\"position: absolute;\n  right: 20px;\n  top: 51%;\n  font-family: CaptainRefined, sans-serif;\n  color: white;\n  font-weight: 100;\n  font-size: 14px;\" id=\"next-txt\">NEXT</span></div>`\n    );\n\n  $(\".\" + carouselIteration).slick({\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 3,\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: 3,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1650,\n        settings: {\n          slidesToShow: 3,\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: 3,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 900,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\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          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\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.right {\n  position: absolute;\n  right: 0;\n  // top: 0;\n  height: 0px;\n  z-index: 10;\n}\n.left {\n  position: absolute;\n  left: 0;\n  // top: 0;\n  height: 0px;\n  z-index: 10;\n  -webkit-transform: scaleX(-1);\n  transform: scaleX(-1);\n}\n.carousel__next--1 {\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.carousel__previous--1 {\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.next-txt {\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.prev-txt {\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n\n.component__carousel--1 {\n  *:focus {\n    outline: 0 !important;\n  }\n  .carousel__bg {\n    height: 800px;\n    position: relative;\n\n    @media screen and(max-width: 321px) {\n      background-size: 350%;\n    }\n  }\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__h1 {\n    color: #ffffff;\n    font-size: 22px;\n    font-weight: 100;\n    height: 70px;\n    letter-spacing: 0px;\n    line-height: 28px;\n    margin-top: -70px;\n    margin-bottom: 28px;\n    margin-top: -55px;\n  }\n  .first,\n  .second,\n  .abv {\n    font-weight: 100 !important;\n  }\n\n  .carousel__img--product {\n    margin: auto;\n    max-width: 150px;\n    width: 100%;\n  }\n  .carousel__surface {\n    background-size: cover;\n    left: 0;\n    bottom: 0px;\n    height: 350px;\n    position: absolute;\n    width: 102%;\n    margin-left: -5px;\n  }\n}\n@media screen and(max-width: 640px) {\n  .right {\n    height: 930px !important;\n    bottom: 435px !important;\n    z-index: 10 !important;\n    z-index: 10 !important;\n  }\n  .left {\n    height: 930px;\n    bottom: 435px;\n    z-index: 10;\n    z-index: 10;\n  }\n}\n@media screen and(max-width: 600px) {\n  .carousel__bg {\n    background-size: 320%;\n    height: 660px;\n  }\n  .carousel__img--product {\n    max-width: 120px;\n  }\n\n  .carousel__img--product {\n    max-width: 120px;\n  }\n  .carousel__wrapper {\n    padding-top: 20px !important;\n  }\n}\n\n@-webkit-keyframes pulse {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.2);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n</style>\n","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=3980900c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3980900c\"]])\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=483fffa7&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/cs-captain-morgan-1022/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-483fffa7\"]])\n\nexport default __exports__","<template>\n  <div\n    v-if=\"dataModel[props.brandExperience].carouselFull\"\n    class=\"carousel-full\"\n    :class=\"`carousel-full--${props.iteration}`\"\n  >\n    <div class=\"carousel-full__width\">\n      <div\n        class=\"carousel-full__slide\"\n        v-for=\"(item, key) in dataModel[props.brandExperience].recipes\"\n        :key=\"item\"\n      >\n        <div class=\"slide-wrapper\">\n          <div class=\"left-side\">\n            <img\n              :src=\"pre + 'serves/serve-' + key + '-splash.png'\"\n              :class=\"'serve-img serve-img-' + key\"\n            />\n          </div>\n          <div class=\"right-side\">\n            <img\n              :src=\"pre + 'serves/serve-text-' + key + '.png'\"\n              :class=\"'serve-text-img serve-text-img-' + key\"\n            />\n            <div class=\"btns-wrapper\">\n              <button\n                class=\"carousel__button2\"\n                data-action=\"csWidgetOpen\"\n                :data-id=\"key\"\n                @click=\"getIndex(key)\"\n              >\n                <img\n                  :src=\"`${pre}serves/make-it.png`\"\n                  style=\"width: 250px\"\n                  class=\"recipe-btn\"\n                />\n              </button>\n              <button\n                class=\"carousel__button\"\n                data-action=\"csWidgetOpen\"\n                :data-id=\"2\"\n              >\n                <img :src=\"`${pre}buy.png`\" class=\"buy-btn\" />\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <img :src=\"`${pre}hero/Gold_border.jpg`\" class=\"gold-border\" style=\"z-index: 10\" />\n\n    <div>\n      <img\n        id=\"next-arrow\"\n        :class=\"`carousel-full__next--${props.iteration}`\"\n        :src=\"`${pre}next.svg`\"\n      />\n\n      <span class=\"next\">NEXT</span>\n    </div>\n    <div>\n      <img\n        id=\"prev-arrow\"\n        :class=\"`carousel-full__previous--${props.iteration}`\"\n        :src=\"`${pre}prev.svg`\"\n      />\n      <span class=\"prev\">PREV</span>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      indx: 0,\n    };\n  },\n  methods: {\n    //emit clicked product index\n    getIndex(index) {\n      this.$emit(\"activeRecipe\", index);\n      if (index == 0) {\n        this.indx = 1;\n      } else if (index == 4) {\n        this.indx = 3;\n      } else if (index == 5) {\n        this.indx = 2;\n      }\n    },\n  },\n};\n</script>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n  active: {\n    type: Number,\n    default: 1,\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }, \n});\nvar carouselIteration = \"carousel-full--\" + props.iteration;\n$(document).ready(function () {\n  $(\".\" + carouselIteration).prepend();\n  $(\".carousel-full__width\").on(\n    \"beforeChange\",\n    function (event, slick, currentSlide, nextSlide) {\n      var CurrentSlideDom = $(slick.$slides.get(currentSlide));\n      var NextSlideDom = $(slick.$slides.get(nextSlide));\n      var t = props.active;\n      console.log(CurrentSlideDom);\n      console.log(props.active);\n    }\n  );\n\n  $(\".carousel-full__width\").slick({\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    prevArrow: $(\".carousel-full__previous--\" + props.iteration),\n    nextArrow: $(\".carousel-full__next--\" + props.iteration),\n    responsive: [\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.carousel-full {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  position: relative;\n  width: 100%;\n  width: 100vw;\n  min-height: 650px;\n  max-width: 100vw;\n  overflow: hidden;\n  margin-top: -70px;\n}\n.gold {\n  position: absolute;\n  // top: 0;\n  left: 0;\n  width: 100vw;\n  z-index: 2;\n}\n.next {\n  position: absolute;\n  right: 25px;\n  top: bottom;\n  font-family: CaptainRefined, sans-serif;\n  margin-top: 25px;\n  color: white;\n  font-weight: 100;\n  font-size: 14px;\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.prev {\n  position: absolute;\n  left: 25px;\n  top: bottom;\n  font-family: CaptainRefined, sans-serif;\n  margin-top: 25px;\n  color: white;\n  font-weight: 100;\n  font-size: 14px;\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.left-side {\n  width: 38%;\n  @media (max-width: 950px) {\n    width: 42%;\n  }\n}\n.carousel__button2 {\n  margin-bottom: 10px;\n}\n.gold-bg-1 {\n  width: 325px;\n}\n.gold-bg-2 {\n  width: 335px;\n}\n.gold-bg-3 {\n  top: 15px;\n  width: 320px;\n}\n.gold-bg-4 {\n  top: 10px;\n  width: 315px;\n}\n.serve-text-img-1 {\n  width: 220px;\n}\n.serve-text-img-2 {\n  width: 250px;\n  margin-top: 105px;\n}\n.serve-text-img-3 {\n  margin-top: 100px;\n  width: 210px;\n}\n.serve-text-img-4 {\n  width: 265px;\n  margin-top: 140px;\n}\n.serve-text-img-5 {\n  width: 200px;\n}\n.serve-text-img-6 {\n  width: 220px;\n  margin-bottom: -35px;\n}\n.serve-img {\n  width: 380px;\n  margin-top: 120px;\n}\n.carousel-full__width {\n  max-width: 1124px;\n  padding: 0px 50px;\n  position: relative;\n  width: 100%;\n  @media (max-width: $width--s) {\n    padding: 0px;\n  }\n}\n.gold-bg {\n  position: absolute;\n  z-index: -1;\n}\n.serve-text-img-3 {\n  width: 210px;\n}\n.recipe-btn {\n  width: 200px !important;\n}\n.buy-btn {\n  width: 200px !important;\n}\n.right-side {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.serve-text-img {\n  //   width: 265px;\n  margin-top: 90px;\n}\n.btns-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-top: 30px;\n}\n.slide-wrapper {\n  display: flex;\n  color: white;\n  justify-content: center;\n  align-items: center;\n  overflow: auto;\n}\n#next-arrow {\n  width: 40px;\n  height: 43.73px;\n}\n#prev-arrow {\n  width: 40px;\n  height: 43.73px;\n  position: relative;\n  z-index: 1000;\n}\n.carousel-full__column {\n  &--1 {\n    @include flexbox();\n    @include align-items(flex-start);\n    @include justify-content(flex-start);\n    @include flex-direction(column);\n    width: 60%;\n  }\n  &--2 {\n    @include flexbox();\n    @include align-items(flex-start);\n    @include justify-content(center);\n    width: 30%;\n    padding-bottom: 50px;\n  }\n  @media (max-width: 995px) {\n    padding-bottom: 0px;\n    width: 100%;\n  }\n}\n.carousel-full__copy-column--1,\n.carousel-full__copy-column--2 {\n  @media (max-width: $width--xs) {\n    width: 100%;\n  }\n}\n.carousel-full__copy-columns {\n  @include flexbox();\n  @include align-items(flex-start);\n  @include justify-content(flex-start);\n  margin-top: 40px;\n  @media (max-width: 995px) {\n    @include flex-direction(column);\n    width: 100%;\n  }\n}\n.img-1 {\n  width: 300px !important;\n  top: 210px !important;\n}\n.img-2 {\n  width: 300px !important;\n  top: 210px !important;\n}\n.carousel-full__img--serve {\n  z-index: 100;\n\n  @media (max-width: 995px) {\n    position: relative !important;\n    top: 0 !important;\n    max-width: 100px;\n    .next-arrow {\n      top: 300px !important;\n      height: 100px !important;\n    }\n  }\n}\n.carousel-full__h1 {\n  font-family: termina, sans-serif;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 32px;\n  padding-bottom: 25px;\n  margin-top: 50px;\n  text-align: center;\n  width: 100%;\n  @media (max-width: 995px) {\n    padding: 0px 25px 50px 25px;\n  }\n}\n.carousel-full__h2 {\n  font-family: termina, sans-serif;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 20px;\n  text-align: left;\n  width: 220px;\n  @media (max-width: 995px) {\n    margin-bottom: 20px;\n    width: 100%;\n  }\n  @media (max-width: $width--xs) {\n    text-align: center !important;\n    width: 100%;\n  }\n}\n.carousel-full__p {\n  font-size: 12px;\n  letter-spacing: 1px;\n  line-height: 18px;\n  &:not(:first-child) {\n    margin-top: 5px;\n  }\n  @media (max-width: 995px) {\n    text-align: center !important;\n    width: 100%;\n  }\n}\n.carousel-full__p--additional {\n  margin-top: 40px !important;\n}\n.carousel-full__units {\n  font-size: 10px;\n  line-height: 14px;\n  margin-top: 40px;\n  padding-bottom: 150px;\n  @media (max-width: $width--xs) {\n    text-align: center !important;\n    width: 100%;\n  }\n}\n.carousel-full__bottomBorder {\n  bottom: 0px;\n  z-index: -1;\n  position: absolute;\n}\n\n@media screen and(max-width: 670px) {\n  .right-side {\n    margin-top: 75px;\n  }\n  .gold-bg {\n    margin-left: -20px;\n\n    width: 290px;\n    top: 70px !important;\n  }\n  .gold-bg-2 {\n    margin-left: 0px !important;\n  }\n  .slick-slide img {\n    display: initial !important;\n  }\n  .slide-wrapper {\n    flex-direction: column !important;\n    margin-bottom: 50px;\n  }\n  .carousel-full {\n    min-height: 400px !important;\n  }\n  .serve-img {\n    width: 290px !important;\n    //margin-top: 150px !important;\n  }\n  .serve-text-img {\n    position: absolute;\n    z-index: 100;\n    top: 210px;\n    width: 165px !important;\n    margin-top: 25px !important;\n  }\n  .serve-text-img-6 {\n    top: 230px !important;\n    width: 190px !important;\n  }\n  .serve-img-1 {\n    margin-left: 10px !important;\n  }\n  .serve-img-2 {\n    margin-left: 10px !important;\n  }\n  .serve-img-3 {\n    margin-left: 15px !important;\n  }\n  .serve-text-img-1 {\n    top: 230px !important;\n  }\n  .serve-text-img-2 {\n    top: 250px !important;\n  }\n  .serve-text-img-3 {\n    top: 225px !important;\n    width: 180px !important;\n  }\n  .serve-text-img-4 {\n    top: 250px !important;\n    width: 245px !important;\n  }\n  .recipe-btn {\n    width: 200px !important;\n  }\n  .buy-btn {\n    width: 200px !important;\n  }\n  .left-side {\n    height: 370px !important;\n    width: 100% !important;\n    background-size: 35% auto !important;\n    background-position-y: 50px !important;\n    background-position-x: 195px !important;\n  }\n  .right-side {\n    width: 195px !important;\n  }\n}\n\n#next-arrow {\n  position: absolute;\n  right: 25px;\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n#prev-arrow {\n  position: absolute;\n  left: 25px;\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n.width--100p {\n  width: 100%;\n}\n.slick-slider {\n  margin-bottom: 0px;\n}\n@-webkit-keyframes pulse {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.2);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n</style>\n","import script from \"./carouselFull.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./carouselFull.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./carouselFull.vue?vue&type=style&index=0&id=09834ab8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"cs-modal-recipe\">\n    <div class=\"cs-modal-recipe__bg\">\n      <div class=\"cs-modal__padding-recipe\">\n        <div class=\"cs-modal__row-recipe cs-modal__row-1\">\n          <div\n            class=\"cs-modal__col--6-6 cs-modal__close-recipe\"\n            style=\"position: absolute; top: 30px; left: 30px\"\n          >\n            <img :src=\"`${pre}back.png`\" class=\"back-img\" />\n          </div>\n          <div class=\"cs-modal__col--6-6-recipe\">\n            <img\n              :src=\"`${pre}photo-recipe-` + props.activeRecipe + `.png`\"\n              alt=\"\"\n              :class=\"`photo-recipe photo-recipe-` + props.activeRecipe\"\n              style=\"width: 40vw\"\n            />\n          </div>\n          <div class=\"cs-modal__col--6-6-recipe-2 w-100\" width=\"100%\">\n            <div :class=\"`img--wrapper-` + props.activeRecipe\">\n              <img\n                :src=\"`${pre}title-recipe-` + props.activeRecipe + `.png`\"\n                style=\"margin-top: 50px\"\n                :class=\"`title-recipe title-recipe-` + props.activeRecipe\"\n              />\n            </div>\n            <div :class=\"`title title-${props.activeRecipe}`\">Ingredients</div>\n            <div>\n              <div\n                class=\"ingredients\"\n                v-html=\"recipe[props.activeRecipe].ingredients\"\n              ></div>\n            </div>\n\n            <div class=\"title\">Method</div>\n            <div\n              :class=\"`method method--${props.activeRecipe}`\"\n              v-html=\"recipe[props.activeRecipe].method\"\n            ></div>\n            <button\n              class=\"carousel__button\"\n              data-action=\"csWidgetOpen\"\n              :data-id=\"\n                props.activeRecipe == 1\n                  ? 2\n                  : props.activeRecipe == 2\n                  ? 2\n                  : props.activeRecipe == 3\n                  ? 2\n                  : props.activeRecipe == 4\n                  ? 2\n                  : props.activeRecipe == 5\n                  ? 3\n                  : props.activeRecipe == 6\n                  ? 1\n                  : 2\n              \"\n            >\n              <img :src=\"`${pre}buy.png`\" class=\"buy-btn\" />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport gsap from \"gsap\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n  // index of active product\n  activeRecipe: {\n    type: Number,\n    default: 1,\n  }, \n  pre: {\n    type: String,\n    default: \"1\",\n  }, \n});\n\nvar recipe = {\n  1: {\n    ingredients:\n      \"50ml Captain Morgan Original Spiced Gold<br>30ml strawberry jam <br>lime juice<br>syrup<br> 1 cup of ice <br>(1.75 Units)\",\n    method:\n      \"Blend 50ml Captain Morgan Original Spiced Gold, strawberry jam, lime juice, syrup and ice together until smooth. Then pour into a fancy cocktail glass and garnish with a dollop of jam for good measure. Best enjoyed with your&nbsp;crew.\",\n  },\n  2: {\n    ingredients:\n      \"50ml Captain Morgan Original Spiced Gold<br>125ml cola <br>1 wedge of lime<br>cubed ice<br>(1.75 Units)\",\n    method:\n      \"Fill a tankard (or any tall glass) with plenty of ice. Measure 50ml Captain Morgan Original Spiced Gold and top with crisp cola. Stir and garnish with a fresh wedge of zingy lime. Best enjoyed with your&nbsp;crew.\",\n  },\n  3: {\n    ingredients:\n      \"50ml Captain Morgan Original Spiced Gold<br> 150ml lemonade <br>1 wedge of lemon  <br>cubed ice<br>(1.75 Units)\",\n    method:\n      \"Fill a tankard (or any tall glass) with plenty of ice. Pour 50ml Captain Morgan Original Spiced Gold and top with sparkling lemonade. Stir and garnish with a fresh wedge of sour lemon. Best enjoyed with your&nbsp;crew.\",\n  },\n  4: {\n    ingredients:\n      \"50ml Captain Morgan Original Spiced Gold <br>125ml cola<br>1 scoop of vanilla ice cream <br>cubed ice<br>(1.75 Units)\",\n    method:\n      \"Take the ice cream out of the freezer to soften for five minutes. Pour 50ml Captain Morgan Original Spiced Gold into a long glass over ice and fill ¾ with cola. Stir well, then top with a large scoop of ice cream for a smooth and sweet treat. Best enjoyed with your&nbsp;crew.\",\n  },\n  5: {\n    ingredients:\n      \"25ml Captain Morgan Tiki <br>200ml lemonade<br>cubed ice<br>(0.63 Units)\",\n    method:\n      \"Fill a tankard (or any tall glass) with plenty of ice. Pour 25ml Captain Morgan Tiki and top with sparkling lemonade for fizzy, fruity flavour. Best enjoyed with your&nbsp;crew.\",\n  },\n  6: {\n    ingredients:\n      \"50ml Captain Morgan Sliced Apple <br>50ml apple juice<br>100-150ml boiling water <br>lemon wedge <br>seasonal spices (i.e. cinnamon stick)<br>(1.25 Units)\",\n    method:\n      \"Mix 50ml Captain Morgan Sliced Apple  with apple juice in a heatproof glass or  mug. Top with boiling water and garnish with a lemon wedge or seasonal spices. Best enjoyed with your&nbsp;crew.\",\n  },\n};\n$(document).ready(function () {\n  let chevronRotation = 0;\n  $(document).on(\"click\", \".carousel__button2\", function () {\n    //show the modal\n    $(\".cs-modal-recipe\").css({\n      display: \"flex\",\n    });\n  });\n  $(document).on(\"click\", \".cs-modal__close-recipe\", function () {\n    gsap.to(\".cs-modal__bg\", 0.25, {\n      opacity: 0,\n      onComplete: () => {\n        gsap.set(\".cs-modal__bg\", {\n          opacity: 1,\n          delay: 0.5,\n        });\n      },\n    });\n    gsap.to(\".cs-modal-recipe\", {\n      opacity: 0,\n      delay: 0.25,\n      duration: 0.5,\n      onComplete: () => {\n        gsap.set(\".cs-modal-recipe\", {\n          opacity: 1,\n          display: \"none\",\n        });\n      },\n    });\n  });\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n.title {\n  font-family: CaptainRoughTexture, sans-serif !important;\n  font-size: 40px;\n  font-weight: 100 !important;\n  color: #cd0006;\n  margin-bottom: 15px;\n}\n.ingredients {\n  font-family: TradeGothic, sans-serif;\n  font-size: 20px;\n  font-weight: 100;\n  margin-bottom: 25px;\n  text-transform: none !important;\n  padding-left: 200px;\n  padding-right: 200px;\n}\n.method {\n  font-family: TradeGothic, sans-serif;\n  font-size: 20px;\n  font-weight: 100;\n  padding-left: 200px;\n  padding-right: 200px;\n  padding-bottom: 25px;\n  text-transform: none !important;\n  span {\n    font-family: TradeGothic, sans-serif;\n    text-transform: none;\n  }\n}\n.carousel__button {\n  padding-bottom: 25px !important;\n}\n.cs-modal-recipe {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  background: #000000;\n  display: none;\n  height: 100%;\n  left: 0px;\n  position: fixed;\n  top: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n.cs-modal-recipe__bg {\n  background: url(/public/recipe-bg.jpg);\n  z-index: 1000000;\n  overflow: scroll;\n  background-repeat: repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  @media screen and(max-width: $width--xs) {\n    height: 100%;\n    max-height: none;\n    border-radius: 0px;\n  }\n}\n.cs-modal__padding-recipe {\n  @include flexbox();\n  @include align-items(flex-start);\n  @include justify-content(flex-start);\n  @include flex-direction(column);\n  height: 100%;\n  width: 100%;\n  @media screen and(max-width: $width--xs) {\n    padding: 20px 20px 0px 20px;\n  }\n}\n.cs-modal__row-recipe {\n  @include flexbox();\n  @include align-items(flex-start);\n  @include justify-content(flex-start);\n  width: 100%;\n  @media screen and(max-width: $width--xs) {\n    @include flex-direction(column);\n  }\n}\n.cs-modal__col--6-6 {\n  position: relative;\n  width: 50%;\n  @media screen and(max-width: $width--xs) {\n    width: 100%;\n  }\n}\n.cs-modal__row-1 {\n  @media screen and(max-width: $width--xs) {\n    @include flex-direction(row-reverse);\n  }\n  & .cs-modal__col--6-6 {\n    @include flexbox();\n    @include align-items(center);\n    @include justify-content(flex-start);\n    @media screen and(max-width: $width--xs) {\n      @include justify-content(center);\n    }\n    &:first-child {\n      @media screen and(max-width: $width--xs) {\n        width: 50px;\n      }\n    }\n    &:last-child {\n      height: 50px;\n    }\n    & img {\n      display: block;\n      margin-right: 10px;\n      top: 18px;\n      width: 50px;\n    }\n  }\n}\n.cs-modal__close-recipe {\n  position: absolute;\n  top: 30px;\n  &:hover {\n    cursor: pointer;\n  }\n  @media screen and(max-width: $width--xs) {\n    margin-left: 10px;\n  }\n  & > span {\n    @media screen and(max-width: $width--xs) {\n      display: none;\n    }\n  }\n  & > img {\n    @media screen and(max-width: $width--xs) {\n      margin-right: 0px !important;\n    }\n  }\n}\n.cs-modal__row-2 {\n  overflow: scroll;\n  height: calc(100% - 50px);\n  & .cs-modal__col--6-6 {\n    overflow: scroll;\n    height: 100%;\n    &:first-child {\n      @include flexbox();\n      @include align-items(center);\n      @include justify-content(center);\n      padding-right: 30px;\n      @media screen and(max-width: $width--xs) {\n        padding-right: 0px;\n        padding-top: 30px;\n        padding-bottom: 30px;\n        height: auto;\n      }\n    }\n    &:last-child {\n      @media screen and(max-width: $width--xs) {\n        overflow: scroll;\n      }\n    }\n  }\n}\n.cs-modal__row-1 .cs-modal__col--6-6 img {\n  display: block;\n  max-width: 105px;\n  min-width: 90px;\n}\n.cs-modal__menu-recipe {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(flex-start);\n  @include flex-direction(column);\n  border-radius: 5px;\n  height: 50px;\n  position: absolute;\n  overflow: hidden;\n  width: 100%;\n  z-index: 100;\n  &:hover {\n    cursor: pointer;\n  }\n  & .cs-modal__img--chevron {\n    position: absolute;\n    right: 0px;\n    max-width: 20px;\n    width: 20px;\n  }\n}\n.cs-modal__menu-options {\n  position: absolute;\n}\n.cs-modal__product-wrapper {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  font-size: 12px;\n  height: 50px;\n  min-height: 50px;\n  padding-left: 15px;\n  padding-right: 40px;\n  text-align: left;\n}\n.cs-modal__product {\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 13px;\n  text-align: left;\n  width: 100%;\n}\n.cs-modal__img--product {\n  width: 80px;\n  @media screen and(max-width: $width--xs) {\n    width: 50px;\n  }\n}\n@media screen and(max-width: 1230px) {\n  .method, .ingredients {\n    padding-left: 70px !important;\n    padding-right: 70px !important;\n  }\n}\n@media screen and(max-width: 700px) {\n  .cs-modal-recipe__bg {\n    background: url(/public/recipe-bg-mob.jpg);\n  }\n  .cs-modal__col--6-6-recipe-2 {\n    margin-top: -43%;\n  }\n  .photo-recipe {\n    width: 100vw !important;\n  }\n  .title-recipe {\n    margin-top: 0px;\n    margin-bottom: 0px !important;\n    width: 250px;\n  }\n  .title-recipe-3 {\n    margin-top: 50px !important;\n    margin-bottom: 20px !important;\n  }\n  .title-recipe-4 {\n    margin-top: 70px !important;\n  }\n  .img--wrapper-5 {\n    margin-top: 130px !important;\n  }\n  .img--wrapper-6 {\n    margin-top: 85px !important;\n  }\n  .title-recipe.title-recipe-6 {\n    width: 200px !important;\n  }\n  .title-6 {\n    margin-top: 0px !important;\n  }\n  .serve-text-img-5 {\n    width: 190px !important;\n  }\n\n  .cs-modal__row-1 {\n    flex-direction: column !important;\n    overflow: scroll !important;\n  }\n  .title {\n    font-family: TradeGothic, sans-serif;\n    font-weight: 400;\n    font-style: normal;\n    text-transform: uppercase;\n    font-size: 30px !important;\n    font-weight: 900;\n    color: #cd0006;\n  }\n  .ingredients {\n    font-family: TradeGothic, sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 100;\n    padding: 65px;\n    padding-top: 0 !important;\n    padding-bottom: 25px;\n  }\n  .method {\n    font-family: TradeGothic, sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 100;\n    padding: 65px;\n    padding-top: 0 !important;\n    padding-bottom: 25px;\n  }\n  \n  .method--6 {\n    padding-left: 49px !important;\n    padding-right: 49px !important;\n  }\n  .method--5 {\n    padding-left: 38px !important;\n    padding-right: 38px !important;\n  }\n\n  .cs-modal__padding-recipe {\n    padding: 0 !important;\n  }\n}\n.cs-modal__retailers {\n  height: 100%;\n  max-height: 100%;\n  overflow: scroll;\n}\n.cs-modal__retailer {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  border-bottom: 1px solid #f0f0f0;\n  height: 70px;\n}\n.cs-modal__retailer-logo {\n  width: 70px;\n}\n.cs-modal__retailer-price {\n  font-size: 13px;\n  font-weight: 700;\n  @include flex(1);\n}\n.cs-modal__retailer-cta {\n  font-size: 10px;\n  width: 80px;\n}\n.cs-modal__img--retailer-logo {\n  display: block;\n  width: 74px;\n}\n.cs-modal__a--retailer {\n  color: #000000;\n  text-decoration: none;\n  &:hover {\n    color: #000000;\n    cursor: pointer;\n    & div {\n      color: #000000;\n    }\n  }\n}\n.expanded {\n  overflow: scroll;\n}\n.back-img {\n  -webkit-animation: pulse 3s linear infinite;\n  animation: pulse 3s linear infinite;\n}\n@-webkit-keyframes pulse {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n</style>\n","import script from \"./recipeModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./recipeModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./recipeModal.vue?vue&type=style&index=0&id=ca100462&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div>\n    <logoBar :pre=\"prependSrc\" :brandExperience=\"brandContext\" />\n    <hero :pre=\"prependSrc\" :brandExperience=\"brandContext\" @active=\"getActive($event)\" />\n    <div class=\"wrapper-bg\">\n      <retailers :pre=\"prependSrc\" :active=\"active\" />\n      <arrowAnim :pre=\"prependSrc\" />\n      <intro2 :pre=\"prependSrc\" />\n      <carouselFull :pre=\"prependSrc\"\n        @activeRecipe=\"getActiveRecipe($event)\"\n        :brandExperience=\"brandContext\"\n      />\n      <!--pass a variation value to determine the style of component-->\n      <intro :pre=\"prependSrc\" />\n      <carousel :pre=\"prependSrc\" :iteration=\"'1'\" :brandExperience=\"brandContext\" />\n      <csModal :pre=\"prependSrc\" :brandExperience=\"brandContext\" />\n\n      <recipeModal :pre=\"prependSrc\"\n        :brandExperience=\"brandContext\"\n        :activeRecipe=\"activeRecipe\"\n      />\n      <terms />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport channelsightWidget from \"./js/channelsight-widget.js\";\nimport dataModel from \"./js/model.js\";\nimport hero from \"./components/hero.vue\";\nimport csModal from \"./components/csModal.vue\";\nimport intro from \"./components/intro.vue\";\nimport arrowAnim from \"./components/arrowAnim.vue\";\nimport intro2 from \"./components/intro2.vue\";\nimport logoBar from \"./components/logoBar.vue\";\nimport retailers from \"./components/retailers.vue\";\nimport carousel from \"./components/carousel.vue\";\nimport terms from \"./components/terms.vue\";\nimport carouselFull from \"./components/carouselFull.vue\";\nimport recipeModal from \"./components/recipeModal.vue\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"bootstrap/dist/js/bootstrap.bundle\";\n//invoke the channelsight widget, if needed\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\nvar prependSrc = '/captainmorgan/'\n</script>\n<script>\nexport default {\n  data() {\n    return {\n      active: 1,\n      activeRecipe: 1,\n    };\n  },\n  methods: {\n    getActive(data) {\n      this.active = data;\n    },\n    getActiveRecipe(data) {\n      this.activeRecipe = data;\n    },\n  },\n};\n</script>\n\n<style>\nbody {\n  margin: 0;\n}\n.wrapper-bg {\n  position: relative;\n  background: url(\"/public/hero/Red_bg_desktop.jpg\");\n  z-index: 10;\n  background-repeat: repeat;\n  background-size: 100% auto;\n}\n#app {\n  width: 100vw;\n  overflow: hidden;\n}\n.noselect {\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */\n  -khtml-user-select: none; /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */\n  -ms-user-select: none; /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently\n                                  supported by Chrome, Edge, Opera and Firefox */\n}\n::-webkit-scrollbar {\n  display: none;\n}\n</style>\n","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=426ea50a&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    }\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\nvar checkCount = 0;\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 && checkCount < 8) {\n        console.log('Data is still loading...');\n        checkCount++;\n        setTimeout(function() {\n            checkData();\n        }, 500)\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();","// 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].call(module.exports, 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__(430); })\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","apiEndpoint","prodName","prodImg","navBgColor","navLogoSrc","abv","active","classes","dataProductSku","retailers","carousel","carouselFull","carouselData","title","img","dataAssetId","hero","video","bgColor","gradLeft","gradRight","bgImg","maxWidth","serve_1","serve_2","recipes","ui","endpoint","data","priceColor","isVisible","this","next","bgActiveSlot","init","methods","getIndex","index","$emit","apiRefresh","dragScroll","slider","querySelector","startX","scrollLeft","mouseDown","startDragging","pageX","offsetLeft","stopDragging","event","addEventListener","preventDefault","x","scroll","bottles","dId","currentTarget","getAttribute","$","css","pointerEvents","gsap","y","duration","onComplete","opacity","bgAnimation","ref","background","backgroundPosition","innerWidth","backgroundSize","mounted","__exports__","activeProduct","populateRetailers","html","attr","prependTo","Object","keys","forEach","key","append","logo","price","ready","chevronRotation","on","hasClass","toggleClass","height","rotate","top","display","delay","rotationY","rotationX","tl_1","repeat","to","ease","transformOrigin","tl_2","newIndex","carouselIteration","props","iteration","title2","closest","prepend","pre","slick","dots","infinite","speed","slidesToShow","slidesToScroll","prevArrow","nextArrow","responsive","breakpoint","settings","indx","currentSlide","nextSlide","CurrentSlideDom","$slides","get","console","log","recipe","ingredients","method","activeRecipe","getActive","getActiveRecipe","params","URLSearchParams","location","search","brandContextParam","brandContext","prependSrc","apiCounter","csApiCall","api_obj","async","getapi","fetch","then","res","json","RetailerProducts","k","parseInt","retailer","RetailerName","ClickThruUrl","Price","toFixed","RetailerLogoUrl","name","RetailerProductName","apiCall","checkCount","checkData","createApp","App","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","splice","d","definition","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}