{"version":3,"sources":["webpack:///./src/views/Collection.vue?55d3","webpack:///./src/components/CollectionHero.vue?dd7d","webpack:///src/components/CollectionHero.vue","webpack:///./src/components/CollectionHero.vue?0f16","webpack:///./src/components/CollectionHero.vue","webpack:///src/views/Collection.vue","webpack:///./src/views/Collection.vue?4a44","webpack:///./src/views/Collection.vue","webpack:///./src/components/CollectionHero.vue?d7d0","webpack:///./node_modules/vue-masonry-css/dist/vue-masonry.es2015.js","webpack:///./src/views/Collection.vue?b827","webpack:///./src/components/WineryTile.vue?e69a","webpack:///src/components/WineryTile.vue","webpack:///./src/components/WineryTile.vue?2cfa","webpack:///./src/components/WineryTile.vue","webpack:///./src/components/WineryTile.vue?641d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","collection","attrs","_v","_s","$route","params","products","_m","_e","default","1023","767","400","_l","product","key","system","id","wineries","winery","staticRenderFns","elements","name","value","image","url","domProps","description","long_description","length","on","$event","preventDefault","showOverlay","components","props","type","Object","data","methods","showPopup","component","metaInfo","page__main_image","meta","push","page__page_type","title","page__page_title","collectionContent","computed","w","mounted","$auth","isAuthenticated","$store","dispatch","setTimeout","componentName","tag","String","cols","Number","gutter","css","Boolean","columnTag","columnClass","Array","columnAttr","breakpointValue","mixed","windowWidth","valueAsNum","parseInt","matchedBreakpoint","Infinity","matchedValue","k","breakpoint","breakpointValRaw","breakpointVal","isNaN","isNewBreakpoint","displayColumns","displayGutter","this$1","$nextTick","reCalculate","window","addEventListener","updated","beforeDestroy","removeEventListener","previousWindowWidth","innerWidth","_reCalculateColumnCount","_reCalculateGutterSize","newColumns","Math","max","_getChildItemsInColumnsArray","columns","childItems","$slots","componentOptions","children","i","visibleItemI","columnIndex","createElement","columnsContainingChildren","isGutterSizeUnitless","gutterSizeWithUnit","columnStyle","boxSizing","backgroundClip","width","border","borderLeftWidth","map","index","style","containerStyle","display","marginLeft","Plugin","install","Vue","options","installed","use","toggleFavourite","favouriteLoading","isFavourite","slug","hero_image","state__zone__region","state","favouriteWineries","includes","winery_id"],"mappings":"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","file":"js/chunk-20c95d28.4115c30f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"loading flex flex-row items-center justify-center fixed left-0 top-20 md:top-40 lg:top-60 w-full bottom-0 z-100 bg-black transition-all duration-500\",class:[{'invisible opacity-0': _vm.collection}]},[_c('loading-spinner')],1),_c('div',{staticClass:\"page min-h-screen\"},[(_vm.collection)?_c('div',{staticClass:\"collection\"},[_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"breadcrumbs mt-12 text-grey-400 text-12 uppercase\"},[_c('router-link',{staticClass:\"hover:text-white transition-colors\",attrs:{\"to\":\"/discover\"}},[_vm._v(\"Discover\")]),_c('span',{staticClass:\"divider inline-block px-4\"},[_vm._v(\">\")]),_c('router-link',{staticClass:\"hover:text-white transition-colors\",attrs:{\"to\":\"/discover/collections\"}},[_vm._v(\"Collections\")]),_c('span',{staticClass:\"divider inline-block px-4\"},[_vm._v(\">\")]),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$route.params.collection))])],1),_c('div',{staticClass:\"mt-16\"},[_c('collection-hero',{attrs:{\"collection\":_vm.collection}})],1)])]),_c('div',[(_vm.products.length)?_c('div',{staticClass:\"heading border-b border-grey-100 py-4 mt-16 md:mt-24\"},[_vm._m(0)]):_vm._e(),_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"masonry mt-12\"},[_c('masonry',{attrs:{\"cols\":{default: 4, 1023: 3, 767:2, 400:1},\"gutter\":{default: '30px'}}},_vm._l((_vm.products),function(product){return _c('product-tile',{key:'product' + product.system.id,staticClass:\"mt-12\",attrs:{\"product\":product}})}),1)],1)])]),(_vm.wineries.length)?_c('div',{staticClass:\"heading border-b border-grey-100 py-4 mt-16 md:mt-24\"},[_vm._m(1)]):_vm._e(),_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"masonry mt-12\"},[_c('masonry',{attrs:{\"cols\":{default: 3, 1023: 2, 767: 1},\"gutter\":{default: '30px'}}},_vm._l((_vm.wineries),function(winery){return _c('winery-tile',{key:'winery' + winery.system.id,staticClass:\"mt-12\",attrs:{\"winery\":winery}})}),1)],1)])])])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"section-heading\"},[_vm._v(\"Wine Collection —\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"section-heading\"},[_vm._v(\"Winery Collection —\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.collection)?_c('div',{staticClass:\"collection-hero\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"subheading\"},[_vm._v(\"Collection —\")]),_c('div',{staticClass:\"heading\"},[_vm._v(_vm._s(_vm.collection.elements.name.value))]),_c('bleed-container',{attrs:{\"bleed\":\"left\"}},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.collection.elements.image.value[0].url,\"alt\":_vm.collection.elements.name.value}})])])],1),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"text space-y-8\",domProps:{\"innerHTML\":_vm._s(_vm.collection.elements.description.value)}}),(_vm.collection.elements.long_description.value.length > 20)?_c('div',{staticClass:\"text mt-8\"},[_c('button',{staticClass:\"focus:outline-none hover:underline\",on:{\"click\":function($event){$event.preventDefault();_vm.showOverlay = !_vm.showOverlay}}},[_vm._v(\"Read \"),(!_vm.showOverlay)?_c('span',[_vm._v(\"more\")]):_vm._e(),(_vm.showOverlay)?_c('span',[_vm._v(\"less\")]):_vm._e(),_vm._v(\" >\")])]):_vm._e()])]),(_vm.showOverlay)?_c('div',{staticClass:\"overlay space-y-8 mt-16\",domProps:{\"innerHTML\":_vm._s(_vm.collection.elements.long_description.value)}}):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"collection-hero\" v-if=\"collection\">\n    <div class=\"inner\">\n      <div class=\"top\">\n        <div class=\"subheading\">Collection —</div>\n        <div class=\"heading\">{{collection.elements.name.value}}</div>\n        <bleed-container bleed=\"left\">\n          <div class=\"image\">\n            <img :src=\"collection.elements.image.value[0].url\" :alt=\"collection.elements.name.value\">\n          </div>\n        </bleed-container>\n      </div>\n      <div class=\"bottom\">\n        <div class=\"text space-y-8\" v-html=\"collection.elements.description.value\"></div>\n        <div class=\"text mt-8\" v-if=\"collection.elements.long_description.value.length > 20\"><button class=\"focus:outline-none hover:underline\" @click.prevent=\"showOverlay = !showOverlay\">Read <span v-if=\"!showOverlay\">more</span><span v-if=\"showOverlay\">less</span> &gt;</button></div>\n      </div>\n    </div>\n    <div v-if=\"showOverlay\" class=\"overlay space-y-8 mt-16\" v-html=\"collection.elements.long_description.value\"></div>\n  </div>\n</template>\n\n<script>\nimport BleedContainer from \"@/components/BleedContainer\";\nimport Bus from '@/events/EventBus';\nexport default {\n  name: 'CollectionHero',\n  components: {BleedContainer},\n  props: {\n    collection: {\n      type: Object,\n      default () {\n        return null\n      }\n    }\n  },\n  data () {\n    return {\n      showOverlay: false\n    }\n  },\n  methods: {\n    showPopup() {\n      Bus.$emit('show-register-popup')\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.alpaca-link {\n  margin-top: 20px;\n  font-weight: normal;\n}\n\n.collection-hero .inner {\n  @media(min-width: 768px)\n  {\n    box: horizontal bottom;\n  }\n}\n.subheading {\n  font-size: 18px;\n  font-weight: bold;\n  @media(min-width: 768px)\n  {\n    font-size: 36px;\n  }\n}\n.heading {\n  font-size: 36px;\n  font-weight: bold;\n  text-transform: uppercase;\n  line-height: 1;\n  @media(min-width: 768px)\n  {\n    font-size: 68px;\n  }\n  position: relative;\n  z-index: 2;\n}\n.image {\n  margin-top: -20px;\n  position: relative;\n  z-index: 1;\n\n  @media(min-width: 768px)\n  {\n    margin-top: -60px;\n    height: 300px;\n\n    img {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  @media(min-width: 1200px)\n  {\n    height: 400px;\n  }\n}\n.top {\n  @media(min-width: 768px)\n  {\n    width: 100%;\n  }\n}\n.bottom {\n  margin-top: 40px;\n  font-size: 14px;\n  font-weight: bold;\n  button {\n    font-size: 14px;\n    font-weight: normal;\n  }\n  @media(min-width: 768px)\n  {\n    width: 30%;\n    margin-left: 30px;\n    flex-shrink:0;\n    max-width: 370px;\n  }\n\n  @media(min-width: 1024px)\n  {\n    width: 40%;\n    margin-left: 60px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionHero.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionHero.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectionHero.vue?vue&type=template&id=50e734f7&scoped=true&\"\nimport script from \"./CollectionHero.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectionHero.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectionHero.vue?vue&type=style&index=0&id=50e734f7&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"50e734f7\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <div class=\"loading flex flex-row items-center justify-center fixed left-0 top-20 md:top-40 lg:top-60 w-full bottom-0 z-100 bg-black transition-all duration-500\" :class=\"[{'invisible opacity-0': collection}]\">\n      <loading-spinner />\n    </div>\n    <div class=\"page min-h-screen\">\n      <div class=\"collection\" v-if=\"collection\">\n        <div class=\"outer-container\">\n          <div class=\"inner-container\">\n            <div class=\"breadcrumbs mt-12 text-grey-400 text-12 uppercase\">\n              <router-link to=\"/discover\" class=\"hover:text-white transition-colors\">Discover</router-link><span class=\"divider inline-block px-4\">&gt;</span><router-link to=\"/discover/collections\" class=\"hover:text-white transition-colors\">Collections</router-link><span class=\"divider inline-block px-4\">&gt;</span><span class=\"text-white\">{{ $route.params.collection }}</span>\n            </div>\n            <div class=\"mt-16\">\n              <collection-hero :collection=\"collection\" />\n            </div>\n          </div>\n        </div>\n\n        <div>\n          <div class=\"heading border-b border-grey-100 py-4 mt-16 md:mt-24\" v-if=\"products.length\">\n            <div class=\"outer-container\">\n              <div class=\"inner-container\">\n                <div class=\"section-heading\">Wine Collection —</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"outer-container\">\n            <div class=\"inner-container\">\n              <div class=\"masonry mt-12\">\n                <masonry\n                    :cols=\"{default: 4, 1023: 3, 767:2, 400:1}\"\n                    :gutter=\"{default: '30px'}\"\n                >\n                  <product-tile v-for=\"product in products\" :key=\"'product' + product.system.id\" :product=\"product\" class=\"mt-12\" />\n                </masonry>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"heading border-b border-grey-100 py-4 mt-16 md:mt-24\" v-if=\"wineries.length\">\n            <div class=\"outer-container\">\n              <div class=\"inner-container\">\n                <div class=\"section-heading\">Winery Collection —</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"outer-container\">\n            <div class=\"inner-container\">\n              <div class=\"masonry mt-12\">\n                <masonry\n                    :cols=\"{default: 3, 1023: 2, 767: 1}\"\n                    :gutter=\"{default: '30px'}\"\n                >\n                  <winery-tile v-for=\"winery in wineries\" :key=\"'winery' + winery.system.id\" :winery=\"winery\" class=\"mt-12\" />\n                </masonry>\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Analytics from '@/analytics'\nimport CollectionHero from \"@/components/CollectionHero\";\nimport Kontent from \"@/kontent\";\nimport Vue from 'vue'\nimport VueMasonry from 'vue-masonry-css'\nimport WineryTile from \"@/components/WineryTile\";\nimport ProductTile from \"@/components/ProductTile\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n// import LockedContent from \"@/components/LockedContent\";\nVue.use(VueMasonry);\nexport default {\n  name: 'DiscoverCollection',\n  metaInfo () {\n    if (!this.collection) {\n      return null\n    }\n\n    let meta = [\n      {property: 'og:site_name', content: 'CONNECT'},\n      {property: 'og:url', content: window.location.href},\n      {property: 'og:title', content: this.collection.elements.page__meta_title.value.length ? this.collection.elements.page__meta_title.value : this.collection.elements.page__page_title.value},\n      {property: 'og:description', content: this.collection.elements.page__page_description.value},\n      {name: 'title', content: this.collection.elements.page__meta_title.value.length ? this.collection.elements.page__meta_title.value : this.collection.elements.page__page_title.value},\n      {name: 'keywords', content: this.collection.elements.page__meta_keywords.value},\n      {name: 'description', content: this.collection.elements.page__meta_description.value.length ? this.collection.elements.page__meta_description.value : this.collection.elements.page__page_description.value},\n      {name: 'twitter:card', content: 'summary_large_image'},\n      {name: 'twitter:title', content: this.collection.elements.page__meta_title.value.length ? this.collection.elements.page__meta_title.value : this.collection.elements.page__page_title.value},\n      {name: 'twitter:description', content: this.collection.elements.page__meta_description.value.length ? this.collection.elements.page__meta_description.value : this.collection.elements.page__page_description.value}\n    ]\n\n    // if there's an image\n    if (this.collection.elements.page__main_image.value.length) {\n      meta.push({property: 'og:image', content: this.collection.elements.page__main_image.value[0].url})\n      meta.push({name: 'twitter:image', content: this.collection.elements.page__main_image.value[0].url})\n    }\n\n    // if there's a type\n    if (this.collection.elements.page__page_type.value.length) {\n      meta.push({property: 'og:type', content: this.collection.elements.page__page_type.value[0].name})\n    }\n\n    return {\n      title: this.collection.elements.page__page_title.value,\n      meta: meta\n    }\n  },\n  components: {LoadingSpinner, ProductTile, WineryTile, CollectionHero},\n  props: {},\n  data () {\n    return {\n      collection: null,\n      collectionContent: null\n    }\n  },\n  computed: {\n    wineries () {\n      let wineries = []\n      if (this.collection) {\n        for (let i = 0; i < this.collection.elements.wineries.value.length; i++) {\n          const w = this.collection.elements.wineries.value[i];\n          wineries.push(this.collectionContent[w])\n        }\n      }\n      return wineries\n    },\n    products () {\n      let products = []\n      if (this.collection) {\n        for (let i = 0; i < this.collection.elements.products.value.length; i++) {\n          const w = this.collection.elements.products.value[i];\n          products.push(this.collectionContent[w])\n        }\n      }\n      return products\n    }\n  },\n  mounted () {\n    Analytics.trackPage('Collection ' + this.$route.params.collection)\n    if (this.$auth.isAuthenticated) {\n      this.$store.dispatch(\"getFavouriteProducts\")\n      this.$store.dispatch(\"getFavouriteWineries\")\n    }\n\n    Kontent.getItem('collection', this.$route.params.collection, 1).then((res) => {\n      this.collection = res.data.items[0]\n      this.collectionContent = res.data.modular_content\n\n      setTimeout(function(){window.prerenderReady = true}, 1000)\n    })\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.section-heading {\n  font-weight: 600;\n  font-size: 24px;\n\n  @media(min-width: 768px)\n  {\n    font-size: 34px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collection.vue?vue&type=template&id=0acbb95c&scoped=true&\"\nimport script from \"./Collection.vue?vue&type=script&lang=js&\"\nexport * from \"./Collection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Collection.vue?vue&type=style&index=0&id=0acbb95c&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0acbb95c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionHero.vue?vue&type=style&index=0&id=50e734f7&scoped=true&lang=scss&\"","/*!\n * vue-masonry-css v1.0.3\n * https://github.com/paulcollett/vue-masonry-css\n * Released under the MIT License.\n */\n\n// the component name `<masonry />`\n// can be overridden with `Vue.use(Masonry, { name: 'the-masonry' });`\nvar componentName = 'masonry';\n\nvar props = {\n  tag: {\n    type: [String],\n    default: 'div'\n  },\n  cols: {\n    type: [Object, Number, String],\n    default: 2\n  },\n  gutter: {\n    type: [Object, Number, String],\n    default: 0\n  },\n  css: {\n    type: [Boolean],\n    default: true\n  },\n  columnTag: {\n    type: [String],\n    default: 'div'\n  },\n  columnClass: {\n    type: [String, Array, Object],\n    default: function () { return []; }\n  },\n  columnAttr: {\n    type: [Object],\n    default: function () { return ({}); }\n  }\n};\n\n// Get the resulting value from  `:col=` prop\n// based on the window width\nvar breakpointValue = function (mixed, windowWidth) {\n  var valueAsNum = parseInt(mixed);\n\n  if(valueAsNum > -1) {\n    return mixed;\n  }else if(typeof mixed !== 'object') {\n    return 0;\n  }\n\n  var matchedBreakpoint = Infinity;\n  var matchedValue = mixed.default || 0;\n\n  for(var k in mixed) {\n    var breakpoint = parseInt(k);\n    var breakpointValRaw = mixed[breakpoint];\n    var breakpointVal = parseInt(breakpointValRaw);\n\n    if(isNaN(breakpoint) || isNaN(breakpointVal)) {\n      continue;\n    }\n\n    var isNewBreakpoint = windowWidth <= breakpoint && breakpoint < matchedBreakpoint;\n\n    if(isNewBreakpoint) {\n      matchedBreakpoint = breakpoint;\n      matchedValue = breakpointValRaw;\n    }\n  }\n\n  return matchedValue;\n};\n\nvar component = {\n  props: props,\n\n  data: function data() {\n    return {\n      displayColumns: 2,\n      displayGutter: 0\n    }\n  },\n\n  mounted: function mounted() {\n    var this$1 = this;\n\n    this.$nextTick(function () {\n      this$1.reCalculate();\n    });\n\n    // Bind resize handler to page\n    if(window) {\n      window.addEventListener('resize', this.reCalculate);\n    }\n  },\n\n  updated: function updated() {\n    var this$1 = this;\n\n    this.$nextTick(function () {\n      this$1.reCalculate();\n    });\n  },\n\n  beforeDestroy: function beforeDestroy() {\n    if(window) {\n      window.removeEventListener('resize', this.reCalculate);\n    }\n  },\n\n  methods: {\n    // Recalculate how many columns to display based on window width\n    // and the value of the passed `:cols=` prop\n    reCalculate: function reCalculate() {\n      var previousWindowWidth = this.windowWidth;\n\n      this.windowWidth = (window ? window.innerWidth : null) || Infinity;\n\n      // Window resize events get triggered on page height\n      // change which when loading the page can result in multiple\n      // needless calculations. We prevent this here.\n      if(previousWindowWidth === this.windowWidth) {\n        return;\n      }\n\n      this._reCalculateColumnCount(this.windowWidth);\n\n      this._reCalculateGutterSize(this.windowWidth);\n    },\n\n    _reCalculateGutterSize: function _reCalculateGutterSize(windowWidth) {\n      this.displayGutter = breakpointValue(this.gutter, windowWidth);\n    },\n\n    _reCalculateColumnCount: function _reCalculateColumnCount(windowWidth) {\n      var newColumns = breakpointValue(this.cols, windowWidth);\n\n      // Make sure we can return a valid value\n      newColumns = Math.max(1, Number(newColumns) || 0);\n\n      this.displayColumns = newColumns;\n    },\n\n    _getChildItemsInColumnsArray: function _getChildItemsInColumnsArray() {\n      var this$1 = this;\n\n      var columns = [];\n      var childItems = this.$slots.default || [];\n\n      // This component does not work with a child <transition-group /> ..yet,\n      // so for now we think it may be helpful to ignore until we can find a way for support\n      if(childItems.length === 1 && childItems[0].componentOptions && childItems[0].componentOptions.tag == 'transition-group') {\n        childItems = childItems[0].componentOptions.children;\n      }\n\n      // Loop through child elements\n      for (var i = 0, visibleItemI = 0; i < childItems.length; i++, visibleItemI++) {\n        // skip Vue elements without tags, which includes\n        // whitespace elements and also plain text\n        if(!childItems[i].tag) {\n          visibleItemI--;\n\n          continue;\n        }\n\n        // Get the column index the child item will end up in\n        var columnIndex = visibleItemI % this$1.displayColumns;\n\n        if(!columns[columnIndex]) {\n          columns[columnIndex] = [];\n        }\n\n        columns[columnIndex].push(childItems[i]);\n      }\n\n      return columns;\n    }\n  },\n\n  render: function render(createElement) {\n    var this$1 = this;\n\n    var columnsContainingChildren = this._getChildItemsInColumnsArray();\n    var isGutterSizeUnitless = parseInt(this.displayGutter) === this.displayGutter * 1;\n    var gutterSizeWithUnit =  isGutterSizeUnitless ? ((this.displayGutter) + \"px\") : this.displayGutter;\n\n    var columnStyle = {\n      boxSizing: 'border-box',\n      backgroundClip: 'padding-box',\n      width: ((100 / this.displayColumns) + \"%\"),\n      border: '0 solid transparent',\n      borderLeftWidth: gutterSizeWithUnit\n    };\n\n    var columns = columnsContainingChildren.map(function (children, index) {\n      /// Create column element and inject the children\n      return createElement(this$1.columnTag, {\n        key: index + '-' + columnsContainingChildren.length,\n        style: this$1.css ? columnStyle : null,\n        class: this$1.columnClass,\n        attrs: this$1.columnAttr\n      }, children); // specify child items here\n    });\n\n    var containerStyle = {\n      display: ['-webkit-box', '-ms-flexbox', 'flex'],\n      marginLeft: (\"-\" + gutterSizeWithUnit)\n    };\n\n    // Return wrapper with columns\n    return createElement(\n      this.tag, // tag name\n      this.css ? { style: containerStyle } : null, // element options\n      columns // column vue elements\n    );\n  }\n};\n\nvar Plugin = function () {};\n\nPlugin.install = function (Vue, options) {\n  if (Plugin.installed) {\n    return;\n  }\n\n  if(options && options.name) {\n    Vue.component(options.name, component);\n  } else {\n    Vue.component(componentName, component);\n  }\n};\n\nif (typeof window !== 'undefined' && window.Vue) {\n  window.Vue.use(Plugin);\n}\n\nexport default Plugin;\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=style&index=0&id=0acbb95c&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"winery-tile relative\"},[_c('div',{staticClass:\"favourite absolute top-8 right-8 flex flex-row items-center cursor-pointer z-20 text-white\",on:{\"click\":_vm.toggleFavourite}},[(!_vm.favouriteLoading)?_c('span',[(_vm.isFavourite)?_c('span',{staticClass:\"text-primary-500\"},[_c('svg',{staticClass:\"svg-inline--fa fa-heart fa-w-16\",attrs:{\"width\":\"15\",\"height\":\"15\",\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fas\",\"data-icon\":\"heart\",\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z\"}})])]):_vm._e(),(!_vm.isFavourite)?_c('span',[_c('svg',{staticClass:\"svg-inline--fa fa-heart fa-w-16\",attrs:{\"width\":\"15\",\"height\":\"15\",\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"far\",\"data-icon\":\"heart\",\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z\"}})])]):_vm._e()]):_c('span',[_c('favourite-loading-spinner')],1)]),_c('router-link',{staticClass:\"relative z-10 block text-white winery-inner bg-grey-100 pl-12 pb-12 lg:pl-20 lg:pb-20\",attrs:{\"to\":(\"/expo/wineries/\" + (_vm.winery.elements.slug.value))}},[_c('div',{staticClass:\"image\"},[_c('div',{staticClass:\"image-container relative pb-9/16\"},[(_vm.winery.elements.hero_image.value.length)?_c('img',{staticClass:\"block absolute left-0 top-0 w-full h-full object-cover max-w-none\",attrs:{\"src\":((_vm.winery.elements.hero_image.value[0].url) + \"?w=400&auto=format\"),\"alt\":_vm.winery.elements.name.value}}):_vm._e()])]),_c('div',{staticClass:\"title mt-12 text-18 font-bold pr-8 leading-2\"},[_vm._v(_vm._s(_vm.winery.elements.name.value))]),_c('div',{staticClass:\"region mt-4 opacity-50 pr-8\"},[_vm._v(_vm._s(_vm.winery.elements.state__zone__region.value)+\" \")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"winery-tile relative\">\n    <div class=\"favourite absolute top-8 right-8 flex flex-row items-center cursor-pointer z-20 text-white\" @click=\"toggleFavourite\">\n      <span v-if=\"!favouriteLoading\">\n        <span v-if=\"isFavourite\" class=\"text-primary-500\">\n          <svg width=\"15\" height=\"15\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"heart\" class=\"svg-inline--fa fa-heart fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z\"></path></svg>\n        </span>\n        <span v-if=\"!isFavourite\">\n          <svg width=\"15\" height=\"15\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"heart\" class=\"svg-inline--fa fa-heart fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z\"></path></svg>\n        </span>\n      </span>\n      <span v-else>\n        <favourite-loading-spinner />\n      </span>\n    </div>\n    <router-link :to=\"`/expo/wineries/${winery.elements.slug.value}`\" class=\"relative z-10 block text-white winery-inner bg-grey-100 pl-12 pb-12 lg:pl-20 lg:pb-20\">\n      <div class=\"image\">\n        <div class=\"image-container relative pb-9/16\">\n          <img :src=\"`${winery.elements.hero_image.value[0].url}?w=400&auto=format`\" :alt=\"winery.elements.name.value\" class=\"block absolute left-0 top-0 w-full h-full object-cover max-w-none\" v-if=\"winery.elements.hero_image.value.length\">\n        </div>\n      </div>\n      <div class=\"title mt-12 text-18 font-bold pr-8 leading-2\">{{winery.elements.name.value}}</div>\n      <div class=\"region mt-4 opacity-50 pr-8\">{{winery.elements.state__zone__region.value}}\n<!--        , -->\n<!--        <span class=\"uppercase\">{{winery.elements.state.value}}</span>-->\n      </div>\n    </router-link>\n  </div>\n</template>\n\n<script>\nimport FavouriteLoadingSpinner from \"@/components/FavouriteLoadingSpinner\";\nimport Bus from \"@/events/EventBus\";\nexport default {\n  name: 'WineryTile',\n  components: {FavouriteLoadingSpinner},\n  props: {\n    winery: {\n      type: Object,\n      default () {\n        return {}\n      }\n    },\n    index: {\n      type: Number,\n      default: 0\n    }\n  },\n  methods: {\n    toggleFavourite () {\n        if (this.$auth.isAuthenticated) {\n            this.favouriteLoading = true\n            if (this.isFavourite) {\n                this.$store.dispatch('removeFavouriteWinery', this.winery.elements.winery_id.value ? this.winery.elements.winery_id.value : '0')\n            } else {\n                this.$store.dispatch('addFavouriteWinery', this.winery.elements.winery_id.value ? this.winery.elements.winery_id.value : '0')\n            }\n        } else {\n            this.showPopup()\n        }\n\n    },\n      showPopup() {\n          Bus.$emit('show-locked-content-popup')\n      }\n  },\n  computed: {\n    isFavourite () {\n      return this.$store.state.favouriteWineries.includes(this.winery.elements.winery_id.value ? this.winery.elements.winery_id.value : '0')\n    },\n    // favouriteLoading () {\n    //   // return this.$store.state.favouriteWineriesLoading\n    //   return false\n    // }\n  },\n  data () {\n    return {\n      favouriteLoading: false\n    }\n  },\n  mounted() {\n    Bus.$on('favourite-wineries', () => {\n      this.favouriteLoading = false\n    })\n  },\n  beforeDestroy() {\n    Bus.$off('favourite-wineries')\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.favourite {\n  svg {\n    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .7));\n    filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .7));\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WineryTile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WineryTile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WineryTile.vue?vue&type=template&id=0d94443e&scoped=true&\"\nimport script from \"./WineryTile.vue?vue&type=script&lang=js&\"\nexport * from \"./WineryTile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WineryTile.vue?vue&type=style&index=0&id=0d94443e&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0d94443e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WineryTile.vue?vue&type=style&index=0&id=0d94443e&scoped=true&lang=scss&\""],"sourceRoot":""}