{"version":3,"file":"js/app.046cb175.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/logoBar.vue","webpack://cs-gordons/./src/components/logoBar.vue?158c","webpack://cs-gordons/./src/js/context/animation.js","webpack://cs-gordons/./src/components/hero.vue","webpack://cs-gordons/./src/components/hero.vue?5a9c","webpack://cs-gordons/./src/components/slots/hero/heroCopy.vue","webpack://cs-gordons/./src/components/widget.vue","webpack://cs-gordons/./src/components/widget.vue?6dc1","webpack://cs-gordons/./src/components/intro.vue","webpack://cs-gordons/./src/components/slots/intro/introCopy.vue","webpack://cs-gordons/./src/components/carousel.vue","webpack://cs-gordons/./src/components/carousel.vue?5130","webpack://cs-gordons/./src/components/carouselFull.vue","webpack://cs-gordons/./src/components/carouselFull.vue?0b97","webpack://cs-gordons/./src/components/csModal.vue","webpack://cs-gordons/./src/components/csModal.vue?5cd6","webpack://cs-gordons/./src/components/terms.vue","webpack://cs-gordons/./src/App.vue","webpack://cs-gordons/./src/App.vue?7ccd","webpack://cs-gordons/./src/js/methods.js","webpack://cs-gordons/./src/main.js","webpack://cs-gordons/webpack/bootstrap","webpack://cs-gordons/webpack/runtime/chunk loaded","webpack://cs-gordons/webpack/runtime/define property getters","webpack://cs-gordons/webpack/runtime/global","webpack://cs-gordons/webpack/runtime/hasOwnProperty shorthand","webpack://cs-gordons/webpack/runtime/jsonp chunk loading","webpack://cs-gordons/webpack/startup"],"sourcesContent":["var channelsightWidget = function() {!function(){\"use strict\";!function(){window.appInsightsSDK=\"channelsightTelemetry\";var e=window.appInsightsSDK,t=window[e]||function(e){function t(e){n[e]=function(){var t=arguments;n.queue.push((function(){n[e].apply(n,t)}))}}var n={config:e,initialize:!0},i=document,a=window;setTimeout((function(){var t=i.createElement(\"script\");t.src=e.url||\"https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js\",i.getElementsByTagName(\"script\")[0].parentNode.appendChild(t)}));try{n.cookie=i.cookie}catch(e){}n.queue=[],n.version=2;for(var r=[\"Event\",\"PageView\",\"Exception\",\"Trace\",\"DependencyData\",\"Metric\",\"PageViewPerformance\"];r.length;)t(\"track\"+r.pop());t(\"startTrackPage\"),t(\"stopTrackPage\");var c=\"Track\"+r[0];if(t(\"start\"+c),t(\"stop\"+c),t(\"addTelemetryInitializer\"),t(\"setAuthenticatedUserContext\"),t(\"clearAuthenticatedUserContext\"),t(\"flush\"),!(!0===e.disableExceptionTracking||e.extensionConfig&&e.extensionConfig.ApplicationInsightsAnalytics&&!0===e.extensionConfig.ApplicationInsightsAnalytics.disableExceptionTracking)){t(\"_\"+(r=\"onerror\"));var s=a[r];a[r]=function(e,t,i,a,c){var o=s&&s(e,t,i,a,c);return!0!==o&&n[\"_\"+r]({message:e,url:t,lineNumber:i,columnNumber:a,error:c}),o},e.autoExceptionInstrumented=!0}return n}({instrumentationKey:\"64e0819b-102f-4031-bafb-5ccc8ddafd22\",disableExceptionTracking:!0,enableDebug:!1,disableAjaxTracking:!0,disableFetchTracking:!0,disableCorrelationHeaders:!0,isCookieUseDisabled:!0,disableCookiesUsage:!0,enableSessionStorageBuffer:!1,namePrefix:\"channelsight\"});window[e]=t,t.queue&&0===t.queue.length&&t.trackPageView({})}(),function(){if(!document.getElementById(\"cswidgetjs\")){var e=document.createElement(\"script\");e.src=\"https://cdn.channelsight.com/widget/scripts/cswidget.js\",e.id=\"cswidgetjs\",document.body.appendChild(e)}}()}()};\n\nexport default channelsightWidget;","var dataModel = {\n  '1': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2282',\n    'prodName': 'Gordon’s Tropical Passionfruit Gin 70cl',\n    'prodImg': './widget/product--1.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {},\n    'carousel': true,\n    'carouselFull': true,\n    'carouselData': {\n      1: {\n        2: {\n          'title': \"Gordon’s Special Dry London Gin 70cl, 37.5%&nbsp;ABV\",\n          'img': \"./products/prod--2.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        3: {\n          'title': \"Gordon’s Sicilian Lemon Gin 70cl, 37.5%&nbsp;ABV\",\n          'img': \"./products/prod--3.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        4: {\n          'title': \"Gordon's Premium Pink Distilled Gin 70cl, 37.5%&nbsp;ABV\",\n          'img': \"./products/prod--4.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        /*5: {\n          title: \"Gordon's MORELLO cherry Gin 70cl, 26%&nbsp;ABV\",\n          img: \"./products/prod--5.png\",\n          url: \"\",\n          dataAssetId: \"2236\"\n        },*/\n        6: {\n          'title': \"Gordon’s White Peach Distilled Gin 70cl, 37.5%&nbsp;ABV\",\n          'img': \"./products/prod--6.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        7: {\n          'title': \"Gordon’s \u0003Mediterranean Orange Distilled Gin 70cl, 37.5%&nbsp;ABV\",\n          'img': \"./products/prod--7.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        8: {\n          'title': \"Gordon’s Sloe Gin 70cl, 26%&nbsp;ABV\",\n          'img': \"./products/prod--8.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        9: {\n          'title': \"Gordon’s Premium Pink 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--9.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        10: {\n          'title': \"Gordon’s 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--10.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        }\n      }\n    },\n    'ui': {\n      'primaryColor': '#912b88'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#58bbd0',\n        'gradLeft': 'linear-gradient(90deg, rgba(88,107,208,1) 0%, rgba(88,107,208,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(88,107,208,1) 0%, rga(88,107,208,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': 'linear-gradient(90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(67,154,175,1) 0%, rgba(67,154,175,0) 100%)',\n        'maxWidth': '1400px'\n      },\n      'serve_1': true,\n      'serve_2': true\n    },\n    'recipes': {\n      1: {\n        'title': 'HOW TO MAKE A GORDON’S PASSIONFRUIT GIN & TONIC',\n        'image': \"./serves/carouselFull__serve--2.png\",\n        'units': \"1.9 UK Units\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"50ML\",\n              'ingredient': \"GORDON's PASSIONFRUIT\",\n            },\n            2: {\n              'measure': \"150-200ml\",\n              'ingredient': \"TONIC\",\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\",\n          },\n          'method': [\n            \"ADD ALL THE INGREDIENTS TO A COPA&nbsp;GLASS\",\n            \"FILL WITH ICE\"\n          ],\n        }\n      },\n      2: {\n        'title': 'HOW TO MAKE A GORDON’S PASSIONFRUIT & PINEAPPLE MARTINI',\n        'image': './serves/carouselFull__serve--1.png',\n        'units': '1.875 UK Units',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': '50ML',\n              'ingredient': 'GORDON\\'s PASSIONFRUIT'\n            },\n            2: {\n              'measure': '100ML',\n              'ingredient': 'PINEAPPLE JUICE'\n            },\n            3: {\n              'measure': '12.5ML',\n              'ingredient': 'LIME JUICE'\n            },\n            4: {\n              'measure': '12.5ML',\n              'ingredient': 'VANILLA SYRUP'\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\"\n          },\n          'method': [\n            'ADD ALL THE INGREDIENTS TO A COCKTAIL SHAKER',\n            'FILL WITH ICE',\n            'SHAKE TO MIX ',\n            'FINE-STRAIN INTO A CHILLED',\n            'MARTINI GLASS OR COUPE'\n          ]\n        }\n      },\n\n\n    }\n\n  },\n  '2': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2238',\n    'prodName': 'Gordon’s Special Dry London Gin 70cl',\n    'prodImg': './widget/product--2.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'carousel': true,\n    'carouselFull': true,\n    'ui': {\n      'primaryColor': '#00933b'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#29d9e9',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"1.9 UK Units\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"WRONG\",\n              'ingredient': \"WRONG\",\n            },\n            2: {\n              'measure': \"150-200ml\",\n              'ingredient': \"TONIC\",\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\",\n          },\n          'method': [\n            \"ADD ALL THE INGREDIENTS TO A COPA GLASS\",\n            \"FILL WITH ICE\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': '1.875 UK Units',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': '50ML',\n              'ingredient': 'GORDON\\'s PASSIONFRUIT'\n            },\n            2: {\n              'measure': '100ML',\n              'ingredient': 'PINEAPPLE JUICE'\n            },\n            3: {\n              'measure': '12.5ML',\n              'ingredient': 'LIME JUICE'\n            },\n            4: {\n              'measure': '12.5ML',\n              'ingredient': 'VANILLA SYRUP'\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\"\n          },\n          'method': [\n            'ADD ALL THE INGREDIENTS TO A COCKTAIL SHAKER',\n            'FILL WITH ICE',\n            'SHAKE TO MIX ',\n            'FINE-STRAIN INTO A CHILLED',\n            'MARTINI GLASS OR COUPE'\n          ]\n        }\n      }\n\n    }\n  },\n  '3': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2276',\n    'prodName': 'Gordon’s Sicilian Lemon Gin 70cl',\n    'prodImg': './widget/product--3.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n  '4': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2277',\n    'prodName': 'Gordon’s Premium Pink Gin 70cl',\n    'prodImg': './widget/product--4.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n  '5': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2278',\n    'prodName': 'Gordon’s Morello Cherry Gin 70cl',\n    'prodImg': './widget/product--5.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n\n  '6': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2279',\n    'prodName': 'Gordon’s White Peach Gin 70cl',\n    'prodImg': './widget/product--6.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n  '7': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2280',\n    'prodName': 'Gordon’s Mediterranean Orange Gin 70cl',\n    'prodImg': './widget/product--7.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n  '8': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.44/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2281',\n    'prodName': 'Gordon’s Sloe Gin 70cl',\n    'prodImg': './widget/product--8.png',\n    'navBgColor': '#912b88',\n    'navLogoSrc': './navbar/logo--white.svg',\n    'retailers': {\n\n    },\n    'ui': {\n      'primaryColor': '#000000'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#000000',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#000000',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': false\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"PLACEHOLDER\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            },\n            2: {\n              'measure': \"PLACEHOLDER\",\n              'ingredient': \"PLACEHOLDER\",\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\",\n          },\n          'method': [\n            \"PLACEHOLDER\",\n            \"PLACEHOLDER\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': 'PLACEHOLDER',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            2: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            3: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            },\n            4: {\n              'measure': 'PLACEHOLDER',\n              'ingredient': 'PLACEHOLDER'\n            }\n          },\n          'garnish': {\n            1: \"PLACEHOLDER\"\n          },\n          'method': [\n            'PLACEHOLDER'\n          ]\n        }\n      }\n\n    }\n  },\n  '9': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.46/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2408',\n    'prodName': 'Gordon\\'s Premium Pink 0.0% Alcohol Free Spirit 70cl',\n    'prodImg': './widget/product--9.png',\n    'navBgColor': '#ffffff',\n    'navLogoSrc': './navbar/logo--00-dark.svg',\n    'retailers': {\n    },\n    'carousel': true,\n    'carouselFull': false,\n    'carouselData': {\n      1: {\n        9: {\n          'title': \"Gordon’s Premium Pink 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--9.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        10: {\n          'title': \"Gordon’s 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--10.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        }\n      }\n    },\n    'ui': {\n      'primaryColor': '#1c449c'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#29d9e9',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': true\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"1.9 UK Units\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"WRONG\",\n              'ingredient': \"WRONG\",\n            },\n            2: {\n              'measure': \"150-200ml\",\n              'ingredient': \"TONIC\",\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\",\n          },\n          'method': [\n            \"ADD ALL THE INGREDIENTS TO A COPA GLASS\",\n            \"FILL WITH ICE\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': '1.875 UK Units',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': '50ML',\n              'ingredient': 'GORDON\\'s PASSIONFRUIT'\n            },\n            2: {\n              'measure': '100ML',\n              'ingredient': 'PINEAPPLE JUICE'\n            },\n            3: {\n              'measure': '12.5ML',\n              'ingredient': 'LIME JUICE'\n            },\n            4: {\n              'measure': '12.5ML',\n              'ingredient': 'VANILLA SYRUP'\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\"\n          },\n          'method': [\n            'ADD ALL THE INGREDIENTS TO A COCKTAIL SHAKER',\n            'FILL WITH ICE',\n            'SHAKE TO MIX ',\n            'FINE-STRAIN INTO A CHILLED',\n            'MARTINI GLASS OR COUPE'\n          ]\n        }\n      }\n\n    }\n  },\n  '10': {\n    'apiEndpoint': 'https://api.channelsight.com/api/1.46/feed?key=b0d332b1-2100-40ad-89e1-c696c042a3c4&assetId=2416',\n    'prodName': 'Gordon’s 0.0% Alcohol Free Spirit 70cl',\n    'prodImg': './widget/product--10.png',\n    'retailers': {\n    },\n    'carousel': true,\n    'carouselFull': false,\n    'carouselData': {\n      1: {\n        9: {\n          'title': \"Gordon\\'s Premium Pink 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--9.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        },\n        10: {\n          'title': \"Gordon\\'s 0.0% Alcohol Free Spirit&nbsp;70cl\",\n          'img': \"./products/prod--10.png\",\n          'url': \"\",\n          'dataAssetId': \"2236\"\n        }\n      }\n    },\n    'ui': {\n      'primaryColor': '#1c449c'\n    },\n    'hero': {\n      'video': {\n        'active': false,\n        'bgColor': '#29d9e9',\n        'gradLeft': 'linear-gradient(90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)',\n        'gradRight': 'linear-gradient(-90deg, rgba(41,217,233,1) 0%, rgba(41,217,233,0) 100%)'\n      },\n      'bgImg': {\n        'bgColor': '#439aaf',\n        'gradLeft': '',\n        'gradRight': '',\n        'maxWidth': 'none'\n      },\n      'product': '',\n      'serve_1': true,\n      'serve_2': true\n    },\n    'recipes': {\n      1: {\n        'image': \"./serves/carouselFull__serve--1.png\",\n        'units': \"1.9 UK Units\",\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': \"WRONG\",\n              'ingredient': \"WRONG\",\n            },\n            2: {\n              'measure': \"150-200ml\",\n              'ingredient': \"TONIC\",\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\",\n          },\n          'method': [\n            \"ADD ALL THE INGREDIENTS TO A COPA GLASS\",\n            \"FILL WITH ICE\"\n          ],\n        }\n      },\n      2: {\n        'image': './serves/carouselFull__serve--1.png',\n        'units': '1.875 UK Units',\n        'copy': {\n          'ingredients': {\n            1: {\n              'measure': '50ML',\n              'ingredient': 'GORDON\\'s PASSIONFRUIT'\n            },\n            2: {\n              'measure': '100ML',\n              'ingredient': 'PINEAPPLE JUICE'\n            },\n            3: {\n              'measure': '12.5ML',\n              'ingredient': 'LIME JUICE'\n            },\n            4: {\n              'measure': '12.5ML',\n              'ingredient': 'VANILLA SYRUP'\n            }\n          },\n          'garnish': {\n            1: \"WEDGE OF PASSION FRUIT\"\n          },\n          'method': [\n            'ADD ALL THE INGREDIENTS TO A COCKTAIL SHAKER',\n            'FILL WITH ICE',\n            'SHAKE TO MIX ',\n            'FINE-STRAIN INTO A CHILLED',\n            'MARTINI GLASS OR COUPE'\n          ]\n        }\n      }\n\n    }\n  }\n}\n\n\nexport { dataModel as default };","<template>\n  <div class=\"navbar\">\n    <div style=\"z-index: 105;position: absolute; left: 20px;\">\n      <img src=\"hero/drinkaware.svg\" width=\"100\">\n    </div>\n    <img class=\"navbar__img\" :src=\"dataModel[brandExperience].navLogoSrc\">\n  </div>\n</template>\n\n<script setup>\n\nimport dataModel from '../js/model.js';\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\"\n  },\n});\n$(document).ready(function() {\n  $('.navbar').css({\n    backgroundColor: dataModel[props.brandExperience].navBgColor\n  });\n  \n})\n\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  width: 100%;\n}\n.navbar__img {\n  display: block;\n  padding: 15px 0px;\n  width: 100px;\n}\n</style>","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=c7978972&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c7978972\"]])\n\nexport default __exports__","import dataModel from '../.././js/model.js';\n\nlet contextAnimations = () => {\n\n    //grab URL parameter to determine experience\n    let params = new URLSearchParams(document.location.search);\n    let brandContextParam = params.get(\"brandContext\");\n\n    if(brandContextParam == 9) {\n        $('.hero').prepend(`\n            <div class=\"hero__tag temp__flexbox temp__ai--c temp__jc--c\">NEW</div>\n        `)\n    }\n}\n\nexport { contextAnimations as default };","<template>\n  <div\n    class=\"hero\"\n    :class=\"`hero--${props.brandExperience}`\"\n    :style=\"[\n      dataModel[props.brandExperience].hero.video.active\n        ? { background: dataModel[props.brandExperience].hero.video.bgColor }\n        : { background: dataModel[props.brandExperience].hero.bgImg.bgColor },\n    ]\"\n  >\n    <div\n      class=\"hero__width\"\n      :style=\"[\n        dataModel[props.brandExperience].hero.video.active\n          ? {\n              maxWidth: '1280px',\n              background: dataModel[props.brandExperience].hero.video.bgColor,\n            }\n          : {\n              maxWidth: dataModel[props.brandExperience].hero.bgImg.maxWidth,\n              background: `url(./hero/hero-${props.brandExperience}/background.jpg)`,\n            },\n      ]\"\n    >\n      <!-----------------------\n      -- BACKGROUND VIDEO START\n      ------------------------>\n      <video\n        v-if=\"dataModel[props.brandExperience].hero.video.active\"\n        id=\"hero-video\"\n        width=\"100%\"\n        playsinline\n        autoplay=\"true\"\n        muted\n        loop\n        poster=\"\"\n        controls=\"false\"\n        preload=\"auto\"\n      >\n        <source\n          id=\"hero-video-source\"\n          :src=\"`./hero/hero-${props.brandExperience}/video.mp4`\"\n          type=\"video/mp4\"\n        />\n        Your browser does not support HTML video.\n      </video>\n      <!-----------------------\n      -- BACKGROUND END START\n      ------------------------>\n      <!-----------------------\n      -- BACKGROUND IMG START\n      ------------------------>\n      <div v-else class=\"hero__background\"></div>\n      <!-----------------------\n      -- BACKGROUND IMG END\n      ------------------------>\n\n      <slot></slot>\n      <div\n        :style=\"[\n          dataModel[props.brandExperience].hero.video.active\n            ? {\n                background:\n                  dataModel[props.brandExperience].hero.video.gradLeft,\n              }\n            : {\n                background:\n                  dataModel[props.brandExperience].hero.bgImg.gradLeft,\n              },\n        ]\"\n        class=\"grad--left\"\n      ></div>\n      <div\n        :style=\"[\n          dataModel[props.brandExperience].hero.video.active\n            ? {\n                background:\n                  dataModel[props.brandExperience].hero.video.gradRight,\n              }\n            : {\n                background:\n                  dataModel[props.brandExperience].hero.bgImg.gradRight,\n              },\n        ]\"\n        class=\"grad--right\"\n      ></div>\n    </div>\n    <div\n      class=\"hero__surface\"\n      v-bind:style=\"{\n        background: `url(./hero/hero-${props.brandExperience}/surface.png)`,\n      }\"\n    ></div>\n    <!-----------------------\n      -- SERVES START\n      ------------------------>\n    <img\n      :src=\"`hero/hero-${props.brandExperience}/product.png`\"\n      class=\"hero__product\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.serve_1\"\n      :src=\"`./hero/hero-${props.brandExperience}/serve-1.png`\"\n      class=\"hero__serve hero__serve--1\"\n    />\n    <img\n      v-if=\"dataModel[props.brandExperience].hero.serve_2\"\n      :src=\"`./hero/hero-${props.brandExperience}/serve-2.png`\"\n      class=\"hero__serve hero__serve--2\"\n    />\n    <!-----------------------\n    -- SERVES END\n    ------------------------>\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nimport tagAnimation from \"../js/context/animation.js\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n});\n$(document).ready(function() {\n  tagAnimation();\n});\n\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\">\n\n.hero {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n.hero__tag {\n  background-color: #1c449c; \n  color: #ffffff;\n  font-size: 30px; \n  font-weight: bold; \n  height: 60px;\n  position: absolute; \n  left: 50px; \n  top:0px; \n  width: 140px;\n  z-index: 105;\n\n  @media (max-width: 600px) {\n    bottom: 30px;\n    background-color: #1c449c; \n    color: #ffffff;\n    font-size: 30px; \n    font-weight: bold; \n    height: 60px;\n    position: absolute; \n    left: 0px; \n    top:auto; \n    width: 140px;\n    z-index: 105;\n  }\n}\n.hero__width {\n  @include flexbox();\n  @include justify-content(center);\n  @include align-items(center);\n  height: 560px;\n  max-width: 1280px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  @media (max-width: $width--s) {\n    height: 520px;\n  }\n  & .grad--left {\n    content: \"\";\n    height: 100%;\n    left: 0px;\n    position: absolute;\n    width: 200px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      opacity: 0;\n    }\n  }\n  & .grad--right {\n    content: \"\";\n    height: 100%;\n    right: 0px;\n    position: absolute;\n    width: 200px;\n    z-index: 100;\n    @media (max-width: $width--xs) {\n      opacity: 0;\n    }\n  }\n}\n#hero-video {\n  height: 660px;\n  position: absolute;\n  top: 0;\n  width: auto;\n\n  @media (max-width: $width--s) {\n    height: 100%;\n  }\n}\n.hero__background {\n  background-size: cover;\n  height: 660px;\n  position: absolute;\n  width: 100%;\n}\n.hero__surface {\n  background-size: cover;\n  bottom: 0px;\n  height: 50%;\n  position: absolute;\n  width: 100%;\n  z-index: 101;\n  @media (max-width: $width--s) {\n    height: 40%;\n  }\n}\n.hero__product {\n  bottom: 0px;\n  height: auto;\n  left: 70%;\n  position: absolute;\n  width: 200px;\n  z-index: 150;\n  @media (max-width: $width--xs) {\n    left: auto;\n    right: 20px;\n    width: 120px;\n  }\n}\n.hero__serve {\n  height: auto;\n  position: absolute;\n  width: 450px;\n  z-index: 102;\n  &--1 {\n    left: 3%;\n    bottom: 20px;\n    z-index: 103;\n    @media (max-width: 1600px) {\n      left: -8%;\n    }\n    @media (max-width: 1300px) {\n      left: -20%;\n    }\n    @media (max-width: $width--m) {\n      bottom: -20px;\n      left: -250px;\n    }\n    @media (max-width: $width--s) {\n      bottom: -60px;\n      left: -100px;\n      width: 350px;\n    }\n    @media (max-width: $width--xxs) {\n      bottom: -80px;\n      left: -160px;\n      width: 400px;\n    }\n  }\n  &--2 {\n    left: 13%;\n    bottom: 80px;\n    z-index: 102;\n    @media (max-width: 1600px) {\n      left: 3%;\n    }\n    @media (max-width: 1300px) {\n      left: -5%;\n    }\n    @media (max-width: $width--m) {\n      left: -140px;\n    }\n    @media (max-width: $width--s) {\n      display: none;\n    }\n  }\n}\n.hero--2 {\n  & .hero__width {\n    @media (max-width: $width--s) {\n      height: 550px;\n    }\n  }\n  & .hero__serve {\n    bottom: -150px;\n    left: 0%;\n    width: 650px;\n    @media (max-width: $width--s) {\n      bottom: -100px;\n      left: -100px;\n      width: 400px;\n    }\n  }\n}\n.hero--9 {\n  & .hero__surface {\n    background-size: auto 100% !important;\n    height: 40%;\n  }\n  & .hero__product {\n    @media (max-width: $width--m) {\n      left: auto;\n      right: 50px;\n      width: 160px;\n    }\n    \n    @media (max-width: $width--s) {\n      left: auto;\n      right: 50px;\n      width: 140px;\n    }\n    @media (max-width: $width--xs) {\n      left: auto;\n      right: 20px;\n      width: 140px;\n    }\n    @media (max-width: $width--xxs) {\n      left: auto;\n      right: 20px;\n      width: 130px;\n    }\n    @media (max-width: $width--xxxs) {\n      left: auto;\n      right: 20px;\n      width: 120px;\n    }\n  }\n  & .hero__serve {\n    height: auto;\n    position: absolute;\n    width: 450px;\n    z-index: 102;\n    &--1 {\n      left: 0%;\n      bottom: 0px;\n      z-index: 103;\n      @media (max-width: 1600px) {\n        left: -12%;\n      }\n      @media (max-width: 1300px) {\n        left: -20%;\n      }\n    \n      @media (max-width: $width--m) {\n        bottom: -20px;\n        left: -220px;\n        width: 400px;\n      }\n      @media (max-width: $width--s) {\n        bottom: -160px;\n        left: -200px;\n        width: 450px;\n      }\n      @media (max-width: $width--xs) {\n        bottom: 20px;\n        display: block;\n        left: -120px;\n        width: 270px;\n      }\n   \n    }\n    &--2 {\n      left: 10%;\n      bottom: -100px;\n      width: 400px;\n      z-index: 103;\n      @media (max-width: 1600px) {\n        left: 0%;\n      }\n      @media (max-width: 1300px) {\n        left: -5%;\n      }\n      @media (max-width: $width--m) {\n        display: none;\n      }\n \n      @media (max-width: $width--xs) {\n        bottom: -50px;\n        display: block;\n        left: -20px;\n        width: 250px;\n      }\n      @media (max-width: $width--xxs) {\n        left: -50px;\n        bottom: -50px;\n        display: block;\n      }\n      @media (max-width: $width--xxxs) {\n        width: 240px;\n        left: -80px;\n        bottom: -120px;\n        display: none;\n      }\n    }\n  }\n}\n</style>","import script from \"./hero.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./hero.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./hero.vue?vue&type=style&index=0&id=4318398a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./heroCopy.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./heroCopy.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./heroCopy.vue?vue&type=style&index=0&id=bb8f48a2&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-bb8f48a2\"]])\n\nexport default __exports__","<template>\n  <div class=\"api-pretext\">BUY NOW</div>\n  <div class=\"api__bg\" v-if=\"Object.keys(dataModel[props.brandExperience].retailers).length > 0\">\n    \n    <div class=\"api\">\n      <div\n        v-for=\"item in dataModel[props.brandExperience].retailers\"\n        :key=\"item.retailer\"\n        class=\"api__retailer\"\n      >\n        <a :href=\"item.url\" class=\"api__a\" target=\"_blank\" data-action=\"csClickToRetailer\">\n\n          <div class=\"api__img-wrapper temp__center\" data-action=\"csClickToRetailer\">\n            <img :src=\"item.logo\" class=\"api__img--logo\" data-action=\"csClickToRetailer\" />\n          </div>\n          <div class=\"api__price\" data-action=\"csClickToRetailer\">£{{ item.price }}</div>\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\n\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n});\n$(document).ready(function() {\n  $('.api__price').css({\n    backgroundColor: dataModel[props.brandExperience].ui.primaryColor\n  });\n  var widgetHeight = $('.api__bg').outerHeight();\n  $('.api__bg').css({\n    marginTop: -widgetHeight/2\n  })\n})\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.api-pretext {\n  color: #ffffff;\n  font-weight: 600;\n  font-size: 20px;\n  position: absolute;\n  margin: auto;\n  margin-top: -90px;\n  z-index: 1000;\n  width: 100%;\n  @media screen and (max-width: 767px) {\n    display: none;\n  }\n}\n.api__bg {\n  background: #ffffff;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);\n  border-radius: 10px;\n  display: inline-block;\n  max-width: 90%;\n  min-width: none;\n  overflow: scroll;\n  position: relative;\n  z-index: 150;\n  \n  @media screen and (max-width: 475px) {\n    border-radius: 0px;\n    bottom: 0px;\n    left: 0px;\n    margin-right: 10px;\n    max-width: none;\n    overflow: scroll;\n    position: fixed;\n    width: 100%;\n    z-index: 150;\n  }\n}\n.api {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(flex-start);\n  padding: 10px;\n  width: 100%;\n\n  @media screen and (max-width: 475px) {\n    @include justify-content(flex-start);\n  }\n}\n.api__retailer {\n  border: 1px solid #f0f0f0;\n  border-radius: 5px;\n  max-width: 100px;\n  min-width: 70px;\n  position: relative;\n  &:not(:last-child) {\n    margin-right: 10px;\n  }\n  &:last-child:after {\n    content: \"\";\n    position: absolute;\n    height: 100%;\n    right: -10px;\n    top: 0;\n    background: none;\n    width: 20px;\n  }  \n}\n.api__img-wrapper {\n  padding: 5px;\n}\n.api__img--logo {\n  display: block;\n  width: 100%;\n}\n.api__a {\n  color: #333333;\n  text-decoration: none;\n}\n.api__price {\n  border-radius: 0px 0px 5px 5px;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: bold;\n  padding: 5px 0px;\n  text-align: center;\n}\n</style>","import script from \"./widget.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./widget.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./widget.vue?vue&type=style&index=0&id=890cf3de&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-890cf3de\"]])\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=d0719446&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d0719446\"]])\n\nexport default __exports__","import script from \"./introCopy.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./introCopy.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./introCopy.vue?vue&type=style&index=0&id=5f758282&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5f758282\"]])\n\nexport default __exports__","<template>\n  <div v-if=\"dataModel[props.brandExperience].carousel\" :class=\"`component__carousel--${props.iteration}`\">\n  <div class=\"carousel__bg\">\n    <div class=\"carousel__wrapper\">\n      <div class=\"carousel__pattern\"></div>\n      <div :class=\"carouselIteration\">\n        <div\n          class=\"carousel__product\"\n          v-for=\"(item, key) in dataModel[props.brandExperience].carouselData[props.iteration]\"\n          :key=\"item\"\n        >\n            <div>\n              <img class=\"carousel__img--product opacity--0\" :src=\"item.img\" />\n            </div>\n            <div class=\"carousel__h1 px--20\" v-html=\"item.title\"></div>\n            <button class=\"carousel__button\" :data-id=\"key\" data-action=\"csWidgetOpen\">Buy now</button>\n        </div>\n      </div>\n    </div>\n    <div class=\"carousel__surface\"></div>\n  </div>\n  </div>\n</template>\n<script setup>\nimport dataModel from '../js/model.js';\nconst props = defineProps({\n  iteration: {\n    type: String,\n    default: \"1\",\n  },\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  }\n});\nvar carouselIteration = \"carousel--\" + props.iteration;\n\n$(document).ready(function () {\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .prepend(\n      `<img class=\"carousel__previous--${props.iteration}\" src=\"./arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;left: 20px;transform:rotate(180deg)\">`\n    );\n  $(\".\" + carouselIteration)\n    .closest(\".carousel__wrapper\")\n    .append(\n      `<img class=\"carousel__next--${props.iteration}\" src=\"./arrow-circle.svg\" width=\"40\" style=\"position: absolute;top: calc(50% - 18px);z-index: 1150;right: 20px;\">`\n    );\n\n  $(\".\" + carouselIteration).slick({\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 5,\n    slidesToScroll: 1,\n    prevArrow: $(\".carousel__previous--\" + props.iteration),\n    nextArrow: $(\".carousel__next--\" + props.iteration),\n    responsive: [\n      {\n        breakpoint: 2000,\n        settings: {\n          slidesToShow: 4,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 1650,\n        settings: {\n          slidesToShow: 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: 2,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: false,\n        },\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\n        },\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n        },\n      },\n      // You can unslick at a given breakpoint now by adding:\n      // settings: \"unslick\"\n      // instead of a settings object\n    ],\n  });\n});\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n.component__carousel--1 {\n  .carousel__bg {\n    background: rgb(0, 157, 222);\n    background: linear-gradient(\n      180deg,\n      rgba(0, 157, 222, 1) 0%,\n      rgba(114, 202, 244, 1) 50%\n    );\n    height: 850px;\n    position: relative;\n\n    @media screen and(max-width: 600px) {\n      background-size: 320%;\n      height: 700px;\n    }\n    @media screen and(max-width: 321px) {\n      background-size: 350%;\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    @media screen and(max-width: $width--xs) {\n      padding-top: 30px;\n    }\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: 18px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    line-height: 22px;\n    height: 90px;\n    max-width: 700px;\n    @media screen and(max-width: 1400px) {\n      height: 110px;\n    }\n\n    @media screen and(max-width: $width--xs) {\n      font-size: 15px;\n      height: auto;\n      margin-bottom: 20px;\n      line-height: 19px;\n      font-weight: 900;\n    }\n  }\n\n  .carousel__button {\n    background: #ffffff;\n    border: 2px solid #ffffff;\n    color: $color--green;\n    font-weight: 900;\n    padding: 15px;\n    text-transform: uppercase;\n    transition: ease all 0.2s;\n\n    &:hover {\n      color: #ffffff;\n      cursor: pointer;\n      background: none;\n    }\n  }\n  .carousel__img--product {\n    margin: auto;\n    max-width: 300px;\n    width: 100%;\n    @media screen and(max-width: $width--xs) {\n      max-width: 200px;\n    }\n  }\n  .carousel__surface {\n    background: rgb(90, 182, 7);\n    background: linear-gradient(\n      180deg,\n      rgba(194, 206, 77, 1) 0%,\n      rgba(126, 186, 76, 1) 100%\n    );\n    background-size: cover;\n    bottom: 0px;\n    height: 400px;\n    position: absolute;\n    width: 100%;\n    @media screen and(max-width: $width--xs) {\n      height: 350px;\n    }\n  }\n  .carousel__pattern {\n    background: url(\"/public/carousel-pattern.png\");\n    height: 100px;\n    position: absolute;\n    top: 350px;\n    width: 100%;\n    @media screen and(max-width: $width--xs) {\n      top: 250px;\n    }\n  }\n}\n\n</style>","import script from \"./carousel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./carousel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./carousel.vue?vue&type=style&index=0&id=3a9dd3b9&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3a9dd3b9\"]])\n\nexport default __exports__","<template>\n  <div v-if=\"dataModel[props.brandExperience].carouselFull\" class=\"carousel-full pb--50\" :class=\"`carousel-full--${props.iteration}`\">\n    <div class=\"carousel-full__width\">\n      <div\n        class=\"carousel-full__slide\"\n        v-for=\"(item, index) in dataModel[props.brandExperience].recipes\"\n        :key=\"item\"\n      >\n        <div class=\"carousel-full__h1\"\n        :style=\"{\n          color: dataModel[props.brandExperience].ui.primaryColor,\n        }\"> \n          {{dataModel[props.brandExperience].recipes[index].title}}\n        </div>\n        <div class=\"carousel-full__flexbox\">\n          <div\n            class=\"carousel-full__column carousel-full__column--1\"\n            :data-id=\"index\"\n          >\n            <div\n              class=\"carousel-full__copy-columns\"\n              v-for=\"(item, label, key) in dataModel[props.brandExperience].recipes[props.brandExperience].copy\"\n              :key=\"item\"\n              \n            >\n              <div class=\"carousel-full__copy-col carousel-full__copy-column--1\">\n                <div\n                  class=\"carousel-full__h2\"\n                  :style=\"{\n                    color: dataModel[props.brandExperience].ui.primaryColor,\n                  }\"\n                >\n                  {{ label }}:\n                </div>\n              </div>\n              <div class=\"carousel-full__copy-col carousel-full__copy-column--2\">\n                <div v-if=\"key + 1 === 1\" class=\"width--100p\">\n                  <div\n                    class=\"ta--left carousel-full__p width--100p\"\n                    v-for=\"item in dataModel[props.brandExperience].recipes[index].copy\n                      .ingredients\"\n                    :key=\"item\"\n                  >\n                    <span\n                      :style=\"{\n                        color: dataModel[props.brandExperience].ui.primaryColor,\n                        fontWeight: 700,\n                      }\"\n                      >{{ item.measure }}</span\n                    > <span>{{ item.ingredient }}</span>\n                  </div>\n                </div>\n                <div v-if=\"key + 1 === 2\" class=\"width--100p\">\n                  <div\n                    class=\"ta--left carousel-full__p\"\n                    v-for=\"item in dataModel[props.brandExperience].recipes[index].copy\n                      .garnish\"\n                    :key=\"item\"\n                  >\n                    <span v-html=\"item\"></span>\n                  </div>\n                </div>\n                <div v-if=\"key + 1 === 3\" class=\"width--100p\">\n                  <div\n                    class=\"ta--left carousel-full__p carousel-full__p--bullets\"\n                    v-for=\"item in dataModel[props.brandExperience].recipes[index].copy\n                      .method\"\n                    :key=\"item\"\n                  >\n                   <span v-html=\"item\"></span>\n                  </div>\n                  <div\n                    class=\"ta--left carousel-full__p carousel-full__p--additional\"\n                  >\n                    GARNISH AND SERVE\n                  </div>\n                  <div class=\"ta--left carousel-full__units\">\n                    1 serve =\n                    <span\n                      :style=\"{\n                        color: dataModel[props.brandExperience].ui.primaryColor,\n                        fontWeight: 700,\n                      }\"\n                      >{{\n                        dataModel[props.brandExperience].recipes[index].units\n                      }}</span\n                    >\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            class=\"carousel-full__column carousel-full__column--2\"\n            :data-id=\"index\"\n          >\n            <img\n              class=\"carousel-full__img--serve\"\n              :src=\"dataModel[props.brandExperience].recipes[index].image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <img\n      class=\"carousel-full__bottomBorder\"\n      :src=\"`./serves/carouselFull__bottomPattern--${props.brandExperience}.png`\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n  iteration: {\n    type: String,\n    default: \"1\",\n  },\n});\nvar carouselIteration = \"carousel-full--\" + props.iteration;\n\n$(document).ready(function () {\n  $(\".\" + carouselIteration)\n  .prepend();\n  $(\".\" + carouselIteration)\n  .append(\n    `<img class=\"carousel-full__next--${props.iteration}\" src=\"./serves/carouselFull__next--${props.brandExperience}.png\">`\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}\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.carousel-full__flexbox {\n  @include flexbox();\n  @include align-items(center);\n  @include justify-content(center);\n  width: 100%;\n  @media (max-width: $width--s) {\n    @include flex-direction(column-reverse);\n    padding: 0px 25px;\n  }\n}\n.carousel-full__slide {\n  width: 100%;\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: 70%;\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: $width--s) {\n    padding-bottom: 0px;\n    width: 100%;\n  }\n}\n.carousel-full__copy-column--1, .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: $width--s) {\n    @include flex-direction(column);\n  }\n  @media (max-width: $width--xs) {\n    width: 100%;\n  }\n}\n.carousel-full__img--serve {\n  width: 100%;\n  @media (max-width: $width--s) {\n    max-width: 100px;\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: 75px;\n  text-align: center;\n  width: 100%;\n  @media (max-width: $width--xs) {\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: $width--s) {\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\n  &:not(:first-child) {\n    margin-top: 5px;\n  }\n  @media (max-width: $width--xs) {\n    text-align: center !important;\n    width: 100%;\n  }\n\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: 50px;\n  @media (max-width: $width--xs) {\n    text-align: center !important;\n    width: 100%;\n  }\n}\n.carousel-full__bottomBorder {\n  bottom: 0px;\n  position: absolute;\n}\n.carousel-full__next--2 {\n  position: absolute;\n  right: 20px;\n  top: calc(50% - 18px);\n  width: 50px;\n  z-index: 120;\n  @media (max-width: $width--xs) {\n    top: 280px;\n  }\n}\n.width--100p {\n  width: 100%;\n}\n</style>","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=1b92285a&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=\"arrow-back.svg\"> <span>GO BACK</span>\n                </div>\n                <div class=\"cs-modal__col--6-6\">\n                    <div class=\"cs-modal__menu\" :style=\"{background: '#00933b'}\">\n                        <div class=\"cs-modal__menu-options\">\n                            <img class=\"cs-modal__img--chevron\" src=\"widget/chevron--down.png\">\n                            <div\n                                v-for=\"(item, key) in dataModel\"\n                                :key=\"item.retailer\"\n                                class=\"cs-modal__product-wrapper\" :data-id=\"key\"\n                            >\n                                <div class=\"cs-modal__product\">\n                                    {{item.prodName}}\n                                </div>\n                            </div>\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\">\n                        \n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport dataModel from \"../js/model.js\";\n\nconst props = defineProps({\n  brandExperience: {\n    type: String,\n    default: \"1\",\n  },\n});\n\nlet activeProduct = 1;\n\nvar populateRetailers = (active) => {\n\n    //empty the parent element\n    $('.cs-modal__retailers').html('');\n\n    $('.cs-modal__img--product').attr('src', dataModel[activeProduct].prodImg)\n\n    //move dropdown menu item to first position\n    $(\".cs-modal__product-wrapper[data-id=\"+activeProduct+\"]\").prependTo(\".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=\"${dataModel[active].retailers[index+1].url}\" target=\"_blank\" data-action=\"csClickToRetailer\">\n            <div class=\\\"cs-modal__retailer\\\" data-action=\"csClickToRetailer\">\n                <div class=\"cs-modal__retailer-logo\" data-action=\"csClickToRetailer\">\n                    <img class=\\\"cs-modal__img--retailer-logo\\\" src=\\\"${dataModel[active].retailers[index+1].logo}\\\" data-action=\"csClickToRetailer\">\n                </div>\n                <div class=\"cs-modal__retailer-price\" data-action=\"csClickToRetailer\">\n                    £${dataModel[active].retailers[index+1].price}\n                </div>\n                <div class=\"cs-modal__retailer-cta\" data-action=\"csClickToRetailer\">\n                    <div style=\"background: #00933b; color: #ffffff;padding: 12px 0px 10px 0px;border-radius: 3px;font-weight: 700;width: 100%;\" data-action=\"csClickToRetailer\">BUY NOW</div>\n                </div>\n            </div>\n        </a>\n        `)\n    })\n}\n\n$(document).ready(function() {\n\n    let chevronRotation = 0;\n\n    $(document).on('click', '.cs-modal__menu', function() {\n        \n        chevronRotation += 180;\n\n        if($(this).hasClass('expanded')) {\n\n            $(this).toggleClass(\"expanded\");\n\n            gsap.to('.cs-modal__menu', .5, {\n                height: 50\n            });\n            gsap.to('.cs-modal__img--chevron', .25, {\n                rotate: chevronRotation\n            });\n\n            chevronRotation = 0;\n\n        } else {\n\n            $(this).toggleClass(\"expanded\");\n\n            gsap.to('.cs-modal__menu', .5, {\n                height: 50 * (Object.keys(dataModel).length - 1),\n                top: 0\n            });\n\n            gsap.to('.cs-modal__img--chevron', .25, {\n                rotate: chevronRotation\n            });\n\n            chevronRotation = -180;\n        }\n\n    });\n\n    $(document).on('click', '.cs-modal__product-wrapper', function() {\n        activeProduct = $(this).attr('data-id');\n        populateRetailers(activeProduct);\n    });\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', .25, {\n            opacity: 0,\n            onComplete: () => {\n                gsap.set('.cs-modal__bg', {\n                    opacity: 1,\n                    delay: .5\n                })\n            }\n        })\n        gsap.to('.cs-modal', .5, {\n            opacity: 0,\n            delay: .25,\n            onComplete: () => {\n                gsap.set('.cs-modal', {\n                    opacity: 1,\n                    display: 'none'\n                })\n            }\n        })\n    });\n\n    \n\n    \n\n    populateRetailers(activeProduct);\n\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: 1000;\n    \n\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: $width--xs) {\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: $width--xs) {\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: $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\n        &:first-child {\n            @media screen and(max-width: $width--xs) {\n                width: 50px;\n            }\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    @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        height: 50px;\n        width: 50px;\n        @media screen and(max-width: $width--xs) {\n            margin-right: 0px !important;\n        }\n    }\n    \n}\n.cs-modal__row--2 {\n    height: calc(100% - 50px);\n\n    & .cs-modal__col--6-6 {\n        height: 100%;\n\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}\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    & .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.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}\n.cs-modal__product-wrapper[data-id=\"5\"] {\n    display: none;\n}\n.expanded {\n    overflow: scroll;\n}\n</style>","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=6241e612&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./terms.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./terms.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./terms.vue?vue&type=style&index=0&id=8fca8912&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jamiehall/Documents/GitHub/_cs-org/gordons-cs-gb/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8fca8912\"]])\n\nexport default __exports__","<script setup>\n\nimport channelsightWidget from './js/channelsight-widget.js';\nimport dataModel from './js/model.js';\nimport logoBar from './components/logoBar.vue';\nimport hero from './components/hero.vue';\nimport heroCopy from './components/slots/hero/heroCopy.vue';\nimport widget from './components/widget.vue';\nimport intro from './components/intro.vue';\nimport introCopy from './components/slots/intro/introCopy.vue';\nimport carousel from './components/carousel.vue';\nimport carouselFull from './components/carouselFull.vue';\nimport csModal from './components/csModal.vue';\nimport terms from './components/terms.vue';\n\n//invoke the channelsight widget\nchannelsightWidget();\n\n//grab URL parameter to determine experience\nlet params = new URLSearchParams(document.location.search);\nlet brandContextParam = params.get(\"brandContext\");\n\n//parse URL parameter ready to pass to component\nvar brandContext = (!brandContextParam == '' && brandContextParam <= Object.keys(dataModel).length) ? brandContext=brandContextParam : console.log('Generating experience ' + brandContextParam);\n\n</script>\n\n<template>\n  <logoBar :brandExperience=\"brandContext\" />\n  <hero :brandExperience=\"brandContext\">\n    <heroCopy :brandExperience=\"brandContext\" />\n  </hero>\n  <widget :brandExperience=\"brandContext\" />\n  <intro :brandExperience=\"brandContext\">\n    <introCopy :brandExperience=\"brandContext\" />\n  </intro>\n  <carouselFull :iteration=\"'2'\" :brandExperience=\"brandContext\"/>\n  <carousel :iteration=\"'1'\" :brandExperience=\"brandContext\"/>\n  <csModal :brandExperience=\"brandContext\" />\n  <terms :brandExperience=\"brandContext\" />\n</template>\n\n<style>\nbody, html {\n  height: 100%;\n  margin: 0;\n}\n#app {\n  text-align: center;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  position: relative;\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=58656905&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import dataModel from './model.js';\n\nvar apiCounter = 1;\nvar urlParams = new URLSearchParams(window.location.search);\n                    \nvar utm_source = urlParams.get('utm_source');\nvar utm_medium = urlParams.get('utm_medium');\nvar utm_campaign = urlParams.get('utm_campaign');\nvar utm_term = urlParams.get('utm_term');\nvar utm_content = urlParams.get('utm_content');\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 + '&csi_utm_source=' + utm_source + '&csi_utm_medium=' + utm_medium + '&csi_utm_campaign=' + utm_campaign + '&csi_utm_content=' + utm_content,\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    //iterate over dataModel and call each API endpoint\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/methods.js';\nimport dataModel from './js/model.js';\n\n//call the api to get data from channelsight\napiCall();\nvar checkCount = 1;\n//have to pass the length as the object length otherwise \n//it's patchy as to whether it picks up retailers\nvar objLength = Object.keys(dataModel).length\n//check the data has loaded, if not try again in 1 secon\nvar checkData = function() {\n    if(Object.keys(dataModel[objLength].retailers).length < 1 && checkCount < 100) {\n        console.log('Data is still loading...');\n        setTimeout(function() {\n            checkData();\n            checkCount ++\n        }, 250)\n        \n    } else {\n        console.log('Data is loaded: \\n');\n        console.log(dataModel);\n        setTimeout(function() {\n            createApp(App).mount('#app')\n        }, 250)\n    }\n}\ncheckData();\n\n\n\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkcs_gordons\"] = self[\"webpackChunkcs_gordons\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(285); })\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","$","ready","css","backgroundColor","props","brandExperience","navBgColor","__exports__","contextAnimations","params","URLSearchParams","location","search","brandContextParam","get","prepend","tagAnimation","ui","primaryColor","widgetHeight","outerHeight","marginTop","carouselIteration","iteration","closest","append","slick","dots","infinite","speed","slidesToShow","slidesToScroll","prevArrow","nextArrow","responsive","breakpoint","settings","activeProduct","populateRetailers","active","html","attr","prodImg","prependTo","Object","keys","retailers","forEach","key","index","logo","price","chevronRotation","on","this","hasClass","toggleClass","gsap","to","height","rotate","top","display","opacity","onComplete","set","delay","brandContext","console","log","apiCounter","urlParams","utm_source","utm_medium","utm_campaign","utm_content","csApiCall","api_obj","async","getapi","fetch","then","res","json","data","RetailerProducts","k","parseInt","retailer","RetailerName","ClickThruUrl","Price","toFixed","RetailerLogoUrl","name","RetailerProductName","apiEndpoint","apiCall","checkCount","objLength","checkData","createApp","App","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","splice","d","definition","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","call","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}