{"version":3,"sources":["webpack:///./src/views/Exhibitor.vue?c6a7","webpack:///src/views/Exhibitor.vue","webpack:///./src/views/Exhibitor.vue?1f75","webpack:///./src/views/Exhibitor.vue","webpack:///./src/views/Exhibitor.vue?df09"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","domProps","_s","page","elements","page_intro_text","value","_l","faq_sections","section","key","modular_content","system","attrs","_v","heading","faq_items","item","on","toggleFaqItem","question","answer","_m","_e","staticRenderFns","name","metaInfo","page__main_image","length","meta","push","page__page_type","title","page__page_title","props","data","mounted","setTimeout","self","handleTocLinks","window","prerenderReady","methods","e","preventDefault","scrollTop","component"],"mappings":"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","file":"js/chunk-164879d6.76aed28f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.page)?_c('div',{staticClass:\"terms\"},[_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"terms-content\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.page.elements.page_intro_text.value)}}),_c('ol',{staticClass:\"toc\"},_vm._l((_vm.page.elements.faq_sections.value),function(section){return _c('li',{key:(\"toc-item_\" + (_vm.modular_content[section].system.id))},[_c('a',{attrs:{\"href\":(\"#faqs_\" + (_vm.modular_content[section].system.id))}},[_vm._v(_vm._s(_vm.modular_content[section].elements.heading.value))])])}),0),_c('div',{staticClass:\"layout\"},[_c('div',{staticClass:\"main\"},_vm._l((_vm.page.elements.faq_sections.value),function(section){return _c('div',{key:(\"section_\" + (_vm.modular_content[section].system.id)),staticClass:\"section\"},[_c('h4',{attrs:{\"id\":(\"faqs_\" + (_vm.modular_content[section].system.id))}},[_vm._v(_vm._s(_vm.modular_content[section].elements.heading.value))]),_vm._l((_vm.modular_content[section].elements.faq_items.value),function(item){return _c('div',{key:(\"item_\" + (_vm.modular_content[item].system.id)),staticClass:\"faq-item\"},[_c('h5',{staticClass:\"faq-question\",on:{\"click\":_vm.toggleFaqItem}},[_c('svg',{staticClass:\"absolute top-8 left-4 transition duration-300\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"22.386\",\"height\":\"12.202\",\"viewBox\":\"0 0 22.386 12.202\"}},[_c('g',{attrs:{\"id\":\"Action_Down_Arrow_Copy_2\",\"data-name\":\"Action_Down Arrow Copy 2\",\"transform\":\"translate(0.681 0.733)\"}},[_c('path',{attrs:{\"id\":\"Path_Copy_2\",\"data-name\":\"Path Copy 2\",\"d\":\"M0,0,10.85,10.083,21,0\",\"fill\":\"none\",\"stroke\":\"#E8490F\",\"stroke-miterlimit\":\"10\",\"stroke-width\":\"2\"}})])]),_vm._v(\" \"+_vm._s(_vm.modular_content[item].elements.question.value)+\" \")]),_c('div',{staticClass:\"faq-answer\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.modular_content[item].elements.answer.value)}})])])})],2)}),0),_vm._m(0)])])])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\"},[_c('div',{staticClass:\"panel\"},[_c('h2',{staticClass:\"h4\"},[_vm._v(\"Still need help?\")]),_c('p',[_vm._v(\"If you have any questions, please reach out to Australian Wine Connect team.\")]),_c('div',{staticClass:\"cta mt-12\"},[_c('a',{staticClass:\"btn-transparent\",attrs:{\"href\":\"https://app.smartsheet.com/b/form/0f566bc5273f45248c8ed20b7808dd3e\",\"target\":\"_blank\"}},[_vm._v(\"Contact Us\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"terms\" v-if=\"page\">\n    <div class=\"outer-container\">\n      <div class=\"inner-container\">\n        <div class=\"terms-content\">\n\n          <div v-html=\"page.elements.page_intro_text.value\"></div>\n\n          <ol class=\"toc\">\n            <li v-for=\"section in page.elements.faq_sections.value\"\n                :key=\"`toc-item_${modular_content[section].system.id}`\">\n              <a :href=\"`#faqs_${modular_content[section].system.id}`\">{{\n                  modular_content[section].elements.heading.value\n                }}</a>\n            </li>\n          </ol>\n\n          <div class=\"layout\">\n            <div class=\"main\">\n              <div class=\"section\" v-for=\"section in page.elements.faq_sections.value\"\n                   :key=\"`section_${modular_content[section].system.id}`\">\n                <h4 :id=\"`faqs_${modular_content[section].system.id}`\">{{\n                    modular_content[section].elements.heading.value\n                  }}</h4>\n                <div class=\"faq-item\" v-for=\"item in modular_content[section].elements.faq_items.value\"\n                     :key=\"`item_${modular_content[item].system.id}`\">\n                  <h5 class=\"faq-question\" @click=\"toggleFaqItem\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22.386\" height=\"12.202\" viewBox=\"0 0 22.386 12.202\"\n                         class=\"absolute top-8 left-4 transition duration-300\">\n                      <g id=\"Action_Down_Arrow_Copy_2\" data-name=\"Action_Down Arrow Copy 2\"\n                         transform=\"translate(0.681 0.733)\">\n                        <path id=\"Path_Copy_2\" data-name=\"Path Copy 2\" d=\"M0,0,10.85,10.083,21,0\" fill=\"none\"\n                              stroke=\"#E8490F\" stroke-miterlimit=\"10\" stroke-width=\"2\" />\n                      </g>\n                    </svg>\n                    {{ modular_content[item].elements.question.value }}\n                  </h5>\n                  <div class=\"faq-answer\">\n                    <div v-html=\"modular_content[item].elements.answer.value\"></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"sidebar\">\n              <div class=\"panel\">\n                <h2 class=\"h4\">Still need help?</h2>\n                <p>If you have any questions, please reach out to Australian Wine Connect team.</p>\n                <div class=\"cta mt-12\">\n                  <a href=\"https://app.smartsheet.com/b/form/0f566bc5273f45248c8ed20b7808dd3e\" target=\"_blank\"\n                     class=\"btn-transparent\">Contact Us</a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Analytics from '@/analytics'\nimport Kontent from \"@/kontent\";\nimport $ from 'jquery'\n\nexport default {\n  name: 'Exhibitor',\n  metaInfo() {\n    if (!this.page) {\n      return null\n    }\n\n    let meta = [\n      {property: 'og:site_name', content: 'CONNECT'},\n      {property: 'og:url', content: window.location.href},\n      {\n        property: 'og:title',\n        content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value\n      },\n      {property: 'og:description', content: this.page.elements.page__page_description.value},\n      {\n        name: 'title',\n        content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value\n      },\n      {name: 'keywords', content: this.page.elements.page__meta_keywords.value},\n      {\n        name: 'description',\n        content: this.page.elements.page__meta_description.value.length ? this.page.elements.page__meta_description.value : this.page.elements.page__page_description.value\n      },\n      {name: 'twitter:card', content: 'summary_large_image'},\n      {\n        name: 'twitter:title',\n        content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value\n      },\n      {\n        name: 'twitter:description',\n        content: this.page.elements.page__meta_description.value.length ? this.page.elements.page__meta_description.value : this.page.elements.page__page_description.value\n      }\n    ]\n\n    // if there's an image\n    if (this.page.elements.page__main_image.value.length) {\n      meta.push({property: 'og:image', content: this.page.elements.page__main_image.value[0].url})\n      meta.push({name: 'twitter:image', content: this.page.elements.page__main_image.value[0].url})\n    }\n\n    // if there's a type\n    if (this.page.elements.page__page_type.value.length) {\n      meta.push({property: 'og:type', content: this.page.elements.page__page_type.value[0].name})\n    }\n\n    return {\n      title: this.page.elements.page__page_title.value,\n      meta: meta\n    }\n  },\n  props: {},\n  data() {\n    return {\n      page: null,\n      modular_content: null\n    }\n  },\n  mounted() {\n    const self = this\n    Analytics.trackPage('Exhibitor')\n    Kontent.getItem('exhibitor_page', this.$route.params.slug, 3).then((res) => {\n      this.page = res.data.items[0]\n      this.modular_content = res.data.modular_content\n\n      setTimeout(function () {\n        self.handleTocLinks()\n      }, 100)\n\n      setTimeout(function () {\n        window.prerenderReady = true\n      }, 1000)\n    })\n  },\n  methods: {\n    handleTocLinks() {\n      $(this.$el).on('click', '.toc a', function (e) {\n        e.preventDefault();\n\n        let href = e.target.href\n        let hash = href.substring(href.indexOf('#'))\n        let scrollTarget = `.terms-content h4${hash}`\n\n        $('html, body').animate({\n          scrollTop: $(scrollTarget).offset().top - $('header .main').height() - 30\n        })\n      });\n    },\n\n    toggleFaqItem(e) {\n      if ($(e.target).parents('.faq-item').hasClass('active')) {\n        $(e.target).parents('.faq-item').removeClass('active')\n        $(e.target).parents('.faq-item').find('.faq-answer').stop().slideUp(400)\n      } else {\n        $(e.target).parents('.faq-item').addClass('active')\n        $(e.target).parents('.faq-item').find('.faq-answer').stop().slideDown(300)\n      }\n    }\n\n    // generateAnchors () {\n    //   const self = this\n    //\n    //   let tocHtml = '<div class=\"toc\"><div class=\"heading\">Table of contents</div><ul>';\n    //\n    //   $(self.$el).find('h4').each(function(i, el){\n    //     tocHtml += '<li><a href=\"#' + i + '\" data-index=\"' + i + '\">' + $(el).text() + '</a>';\n    //   });\n    //\n    //   tocHtml += '</ul></div>';\n    //\n    //   $(tocHtml).insertAfter($(self.$el).find('h3:first'));\n    //\n    //   $(self.$el).on('click', '.toc a', function(e){\n    //     e.preventDefault();\n    //     console.log('click')\n    //     const idx = parseInt($(this).attr('data-index'))\n    //     $('html, body').animate({scrollTop: $('.terms-content h4').eq(idx).offset().top - $('header .main').height() - 30})\n    //   });\n    // }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.terms-content {\n  margin-top: 30px;\n  margin-bottom: 50px;\n\n  h1, h2, h3, h4, h5 {\n    margin-bottom: 20px;\n    margin-top: 40px;\n    font-weight: bold;\n    text-transform: none;\n  }\n\n  ul {\n    margin: 1em 0;\n    padding-left: 15px;\n\n    > li {\n      list-style-type: disc;\n    }\n  }\n\n  ol {\n    margin: 1em 0;\n    padding-left: 15px;\n\n    > li {\n      list-style-type: decimal;\n    }\n  }\n\n  h1 {\n    font-size: 40px;\n    max-width: 800px;\n    margin-right: auto;\n\n    @media(min-width: 768px) {\n      font-size: 68px;\n    }\n  }\n\n  p {\n    margin-bottom: 1em;\n  }\n\n  @media(min-width: 768px) {\n    .layout {\n      display: grid;\n      grid-template-areas: \"main sidebar\";\n      grid-template-columns: minmax(auto, 800px) 280px;\n      gap: 60px;\n      justify-content: space-between;\n\n      .main {\n        grid-area: main;\n      }\n\n      .sidebar {\n        grid-area: sidebar;\n        align-self: start;\n        position: sticky;\n        top: 20rem;\n      }\n    }\n  }\n\n  .sidebar .panel {\n    padding: 30px;\n    background-color: #232323;\n\n    h2 {\n      margin-top: 0;\n    }\n  }\n\n  ol.toc {\n    overflow: hidden;\n    margin: 40px 0 80px;\n    padding: 0;\n\n    li {\n      position: relative;\n      margin-right: 31px;\n      margin-bottom: 10px;\n      list-style: none;\n\n      a {\n        color: #E8490F;\n        text-decoration: none;\n\n        &:hover,\n        &:focus {\n          text-decoration: underline;\n        }\n      }\n    }\n\n    @media(min-width: 768px) {\n      display: flex;\n      flex-wrap: wrap;\n\n      li {\n        &::before {\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          left: -16px;\n          content: \"\";\n          display: block;\n          height: 15px;\n          width: 1px;\n          background-color: #fff;\n        }\n      }\n    }\n  }\n\n  .section {\n    margin-bottom: 80px;\n\n    h4 {\n      margin: 0 0 20px;\n      color: #fff;\n      font-weight: normal;\n    }\n\n    .faq-item {\n      border-top: 1px solid #232323;\n      transition: background-color .4s;\n\n      h5.faq-question {\n        position: relative;\n        margin: 0;\n        padding: 15px 15px 15px 45px;\n        font-size: 16px;\n        color: #fff;\n        font-weight: normal;\n        cursor: pointer;\n        user-select: none;\n        transition: background-color .4s;\n\n        &:hover {\n          background-color: #232323;\n        }\n\n        svg {\n          transform: rotate(-90deg);\n        }\n      }\n\n      .faq-answer {\n        display: none; // collapsed by default\n        opacity: .2;\n        transition: opacity .4s;\n\n        > div {\n          padding: 15px 15px 30px 45px;\n\n          *:last-child {\n            margin-bottom: 0;\n          }\n        }\n\n        a {\n          color: #E8490F;\n          text-decoration: none;\n\n          &:hover,\n          &:focus {\n            text-decoration: underline;\n          }\n        }\n\n        ul li::marker {\n          color: #E8490F;\n        }\n      }\n\n      &.active {\n        background-color: #232323;\n\n        .faq-question {\n          svg {\n            transform: rotate(0deg);\n          }\n        }\n\n        .faq-answer {\n          opacity: 1;\n        }\n\n        + .active {\n          border-top-color: #000;\n        }\n      }\n    }\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!./Exhibitor.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!./Exhibitor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Exhibitor.vue?vue&type=template&id=40bf960d&\"\nimport script from \"./Exhibitor.vue?vue&type=script&lang=js&\"\nexport * from \"./Exhibitor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Exhibitor.vue?vue&type=style&index=0&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  null,\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!./Exhibitor.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}