{"version":3,"sources":["webpack:///./components/SouthbayAmenities.vue?772a","webpack:///./components/SouthbayAmenities.vue?118a","webpack:///./components/SouthbayAmenities.vue?714d","webpack:///./components/SouthbayAmenities.vue?e29a","webpack:///./components/SouthbayAmenities.vue?9e6d","webpack:///components/SouthbayAmenities.vue","webpack:///./components/SouthbayAmenities.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","data","sliderText","sb_amenities_slickOptions","slidesToShow","arrows","dots","infinite","lazyLoad","vertical","verticalSwiping","asNavFor","autoplay","fade","autoplaySpeed","adaptiveHeight","slider","number","img","heading","subheading","desc","methods","goNextSlide","index","this","$refs","$el","slick","slickNext","goPrevSlide","slickPrev","component","_vm","_h","$createElement","_c","_self","staticClass","staticStyle","directives","name","rawName","value","origin","expression","ref","attrs","_l","slide","key","alt","_v","_s","on","$event"],"mappings":"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","file":"36d6c54.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./SouthbayAmenities.vue?vue&type=style&index=0&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"0e88eba2\", content, true, {\"sourceMap\":false});","export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./SouthbayAmenities.vue?vue&type=style&index=0&lang=scss&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".sb-amenities-slider-container{position:relative}.sb-amenities-slider-container .x-line{position:absolute;width:100%}@media screen and (max-width:567px){.sb-amenities-slider-container .x-line{display:none}}.sb-amenities-slider-container #sb-amenities-slider{padding:100px 0}.sb-amenities-slider-container #sb-amenities-slider .text-overlay{color:#fff;position:absolute;font-size:5rem;line-height:110%}@media screen and (max-width:991px){.sb-amenities-slider-container #sb-amenities-slider .text-overlay{position:relative;font-size:3rem;margin-top:2rem;margin-bottom:0}}@media screen and (max-width:567px){.sb-amenities-slider-container #sb-amenities-slider .text-overlay{font-size:1.75rem}}.sb-amenities-slider-container #sb-amenities-slider .slide-number{font-size:30px}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sb-amenities-slider-container\",staticStyle:{\"background-color\":\"#bed3d6\"}},[_c('client-only',[_c('slick',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal\",value:({ origin: 'bottom' }),expression:\"{ origin: 'bottom' }\"}],ref:\"sb_amenities_slider\",staticClass:\"slick-for\",attrs:{\"id\":\"sb-amenities-slider\",\"options\":_vm.sb_amenities_slickOptions}},_vm._l((_vm.slider),function(slide,i){return _c('b-container',{key:i,attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"max-w-800 mx-auto d-md-flex flex-column justify-content-center\"},[_c('div',{staticClass:\"position-relative d-flex flex-column justify-content-center align-items-center h-100\"},[_c('img',{staticClass:\"max-w-360 d-block mx-auto\",attrs:{\"src\":slide.img,\"alt\":slide.alt}}),_vm._v(\" \"),_c('p',{staticClass:\"text-overlay text-center freight-big-pro-book-italic large-text\"},[_vm._v(\"\\n              \"+_vm._s(slide.heading)+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4 text-blue\"},[_c('p',{staticClass:\"text-subheading freight-big-pro-medium sub-md-text\"},[_vm._v(\"\\n              \"+_vm._s(slide.subheading)+\"\\n            \")]),_vm._v(\" \"),_c('p',{staticClass:\"text-desc mt-3 max-w-480 mx-auto acumin-pro-wide-light sub-text\"},[_vm._v(\"\\n              \"+_vm._s(slide.desc)+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex align-items-center max-w-200 w-100 mx-auto mt-3\"},[_c('img',{staticClass:\"mt-2 max-w-40 max-h-20 d-inline-block mr-auto\",attrs:{\"src\":\"/img/sb-amenities/prev-arrow.png\",\"alt\":\"Previous\",\"role\":\"button\"},on:{\"click\":function($event){return _vm.goPrevSlide()}}}),_vm._v(\" \"),_c('div',{staticClass:\"text-blue slide-number freight-big-pro-medium\"},[_c('span',[_vm._v(\" \"+_vm._s(slide.number)+\"/5 \")])]),_vm._v(\" \"),_c('img',{staticClass:\"mt-2 max-w-40 max-h-20 d-inline-block ml-auto\",attrs:{\"src\":\"/img/sb-amenities/next-arrow.png\",\"alt\":\"Previous\",\"role\":\"button\"},on:{\"click\":function($event){return _vm.goNextSlide()}}})])])])}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./SouthbayAmenities.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./SouthbayAmenities.vue?vue&type=script&lang=js&\"","<template>\n  <div style=\"background-color: #bed3d6\" class=\"sb-amenities-slider-container\">\n    <client-only>\n      <slick\n        ref=\"sb_amenities_slider\"\n        id=\"sb-amenities-slider\"\n        :options=\"sb_amenities_slickOptions\"\n        class=\"slick-for\"\n        v-scroll-reveal=\"{ origin: 'bottom' }\"\n      >\n        <b-container fluid v-for=\"(slide, i) in slider\" :key=\"i\">\n          <div\n            class=\"max-w-800 mx-auto d-md-flex flex-column justify-content-center\"\n          >\n            <div\n              class=\"position-relative d-flex flex-column justify-content-center align-items-center h-100\"\n            >\n              <img\n                :src=\"slide.img\"\n                :alt=\"slide.alt\"\n                class=\"max-w-360 d-block mx-auto\"\n              />\n              <p\n                class=\"text-overlay text-center freight-big-pro-book-italic large-text\"\n              >\n                {{ slide.heading }}\n              </p>\n            </div>\n            <div class=\"text-center mt-4 text-blue\">\n              <p class=\"text-subheading freight-big-pro-medium sub-md-text\">\n                {{ slide.subheading }}\n              </p>\n              <p\n                class=\"text-desc mt-3 max-w-480 mx-auto acumin-pro-wide-light sub-text\"\n              >\n                {{ slide.desc }}\n              </p>\n            </div>\n            <div class=\"d-flex align-items-center max-w-200 w-100 mx-auto mt-3\">\n              <img\n                src=\"/img/sb-amenities/prev-arrow.png\"\n                alt=\"Previous\"\n                class=\"mt-2 max-w-40 max-h-20 d-inline-block mr-auto\"\n                role=\"button\"\n                @click=\"goPrevSlide()\"\n              />\n              <div class=\"text-blue slide-number freight-big-pro-medium\">\n                <span> {{ slide.number }}/5 </span>\n              </div>\n              <img\n                src=\"/img/sb-amenities/next-arrow.png\"\n                alt=\"Previous\"\n                class=\"mt-2 max-w-40 max-h-20 d-inline-block ml-auto\"\n                role=\"button\"\n                @click=\"goNextSlide()\"\n              />\n            </div>\n          </div>\n        </b-container>\n      </slick>\n    </client-only>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      sliderText: null,\n      sb_amenities_slickOptions: {\n        slidesToShow: 1,\n        arrows: false,\n        dots: false,\n        infinite: true,\n        lazyLoad: \"ondemand\",\n        vertical: false,\n        verticalSwiping: false,\n        asNavFor: null,\n        autoplay: true,\n        fade: true,\n        // appendArrows: null,\n        // appendDots: null,\n        autoplaySpeed: 4000,\n        adaptiveHeight: false,\n      },\n      slider: [\n        {\n          number: 1,\n          img: \"/img/sb-amenities/gallery-03.jpg\",\n          heading: \"NATURE\",\n          subheading: \"SET YOUR SIGHTS ON FOUR-SEASON LIVING\",\n          desc: \"Experience the serene waters of the Georgian Bay, hike the trails of the untouched forested landscape, stroll the banks of the Nottawasaga River, and feel at ease in nature’s ambience, that is entirely yours.\",\n        },\n        {\n          number: 2,\n          img: \"/img/sb-amenities/gallery-02.jpg\",\n          heading: \"LEISURE & ACTIVITY\",\n          subheading: \"SET YOUR SIGHTS ON WAYS TO RELAX AND UNWIND\",\n          desc: \"Swim at The Beaches – The world’s longest fresh water beach. Play a round at Marlwood Golf and Lamont Creek Tennis Club, try rafting at The Oxbow, or engage in wellness activities at the local YMCA.\",\n        },\n        {\n          number: 3,\n          img: \"/img/sb-amenities/gallery-04.jpg\",\n          heading: \"SHOPPING & DINING\",\n          subheading: \"SET YOUR SIGHTS ON DISTINCT SHOPPING & DINING\",\n          desc: \"Get tasty treats or embrace retail therapy along Mosley Street, at Stonebridge Town Centre or Mosley Centre – with a plethora of shopping and dining options. Get everyday essentials at Walmart Superstore or Foodland which boasts 24-hour service.\",\n        },\n        {\n          number: 4,\n          img: \"/img/sb-amenities/gallery-06.jpg\",\n          heading: \"SCHOOLS & ENTERTAINMENT\",\n          subheading: \"SET YOUR SIGHTS WHERE LEARNING MATTERS\",\n          desc: \"From Worsley Elementary to St. Noel Chabanel Catholic School to First Path Montessori Preschool and more, combined with excellent academics, sports and extracurricular activities to ensure your children's mental and physical development.\",\n        },\n        {\n          number: 5,\n          img: \"/img/sb-amenities/gallery-05.jpg\",\n          heading: \"HWYS & TRANSITS\",\n          subheading: \"SET YOUR SIGHTS ON CONVENIENCE & CONNECTIONS\",\n          desc: \"Everywhere you want to go and where you haven’t been. By GO Transit, Hwys 10, 26 & 400; explore Collingwood, Barrie, Orillia, Vaughan, and beyond.\",\n        },\n      ],\n    };\n  },\n  methods: {\n    goNextSlide(index) {\n      this.$refs[\"sb_amenities_slider\"].$el.slick.slickNext();\n      // this.sliderText = gsap.from('.slider-text', {\n      //     duration: 0.4,\n      //     ease: 'Power1.inOut',\n      //     y: 100,\n      //     opacity: 0,\n      //     delay: 0.25\n      // })\n    },\n    goPrevSlide(index) {\n      this.$refs[\"sb_amenities_slider\"].$el.slick.slickPrev();\n      // this.sliderText = gsap.from('.slider-text', {\n      //     duration: 0.4,\n      //     ease: 'Power1.inOut',\n      //     y: 100,\n      //     opacity: 0,\n      //     delay: 0.25\n      // })\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.sb-amenities-slider-container {\n    position: relative;\n  .x-line {\n    position: absolute;\n    width: 100%;\n    // height: 85vh;\n    @media screen and (max-width: 567px) {\n        display: none;\n      }\n  }\n  #sb-amenities-slider {\n    padding: 100px 0px 100px 0px;\n    .text-overlay {\n      color: #fff;\n      position: absolute;\n      font-size: 5rem;\n      line-height: 110%;\n      @media screen and (max-width: 991px) {\n        position: relative;\n        font-size: 3rem;\n        margin-top: 2rem;\n        margin-bottom: 0;\n      }\n      @media screen and (max-width: 567px) {\n        font-size: 1.75rem;\n      }\n    }\n    .slide-number {\n      font-size: 30px;\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./SouthbayAmenities.vue?vue&type=template&id=74fe3099&\"\nimport script from \"./SouthbayAmenities.vue?vue&type=script&lang=js&\"\nexport * from \"./SouthbayAmenities.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SouthbayAmenities.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"],"sourceRoot":""}