{"version":3,"sources":["webpack:///./components/AppNavbar.vue?96c6","webpack:///./components/AppNavbar.vue?01ec","webpack:///./components/AppNavbar.vue?9933","webpack:///./components/AppNavbar.vue?a48d","webpack:///./components/AppNavbar.vue?a1ca","webpack:///components/AppNavbar.vue","webpack:///./components/AppNavbar.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","data","fadeInElement_nav","testAnim","mounted","gsap","ScrollTrigger","this","initNavElReveal_homePage","jq","methods","handleScroll","anchorId","setTimeout","anchor","window","top","scrollTimeline","timeline","paused","set","opacity","to","duration","testAnimTrigger","create","trigger","start","end","animation","scrub","beforeDestroy","component","_vm","_h","$createElement","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","el","offset","expression","path","nativeOn","$event"],"mappings":"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","file":"cde8c68.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!./AppNavbar.vue?vue&type=style&index=0&id=6117de5e&lang=scss&scoped=true&\");\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(\"333665a5\", 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!./AppNavbar.vue?vue&type=style&index=0&id=6117de5e&lang=scss&scoped=true&\"","// 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, \".color-yellow[data-v-6117de5e]{color:#d0b400}.bg-yellow[data-v-6117de5e]{background-color:#d0b400}.bg-grey[data-v-6117de5e]{background-color:#eae8e4}.bg-nav[data-v-6117de5e]{background-color:#f4f3f1}.bg-cream[data-v-6117de5e]{background-color:#d6d1ca}.bg-blue[data-v-6117de5e]{background-color:#0b2340}.bg-light-blue[data-v-6117de5e]{background-color:#bed3d6}.bg-brown[data-v-6117de5e]{background-color:#d6d1ca}.bg-white[data-v-6117de5e]{background-color:#fff}.text-blue[data-v-6117de5e]{color:#0b2340}.text-white[data-v-6117de5e]{color:#fff}.text-brown[data-v-6117de5e]{color:#d6d1ca}.text-slate-grey[data-v-6117de5e]{color:grey}.nav-callout[data-v-6117de5e]{position:fixed;top:81px;width:100%;padding:15px 47px;z-index:2}@media screen and (max-width:850px){.nav-callout[data-v-6117de5e]{top:76px}}@media screen and (max-width:630px){.nav-callout[data-v-6117de5e]{top:62px}}#navbar[data-v-6117de5e]{padding:10px 0 10px 50px;opacity:0;z-index:1030;position:relative;position:fixed;width:100%;top:0;left:0;background-color:#f4f3f1;box-shadow:0 4px 9px 1px rgba(0,0,0,.36)}@media screen and (max-width:630px){#navbar[data-v-6117de5e]{padding:10px 0 10px 20px}}#navbar .links-container[data-v-6117de5e]{position:absolute;width:200px;left:100px;top:18px}#navbar .links-container p[data-v-6117de5e]{font-size:12px;padding-right:30px}#navbar .register-container[data-v-6117de5e]{background-color:#27576b;position:absolute;right:100px;top:33%;padding:0 20px}#navbar .register-container p[data-v-6117de5e]{margin:0;font-size:18px}#navbar .register-container #bar[data-v-6117de5e],#navbar .register-container #bar[data-v-6117de5e]:after,#navbar .register-container #bar[data-v-6117de5e]:before,#navbar .register-container .b-a[data-v-6117de5e]{transition:all .25s;content:\\\"\\\";position:absolute;right:0;height:3px;width:30px;background-color:#0b2340}#navbar .register-container .menu-collapsed[data-v-6117de5e]{transition:all .25s;position:fixed;top:20px;right:37px;height:36px;width:36px;z-index:999999;cursor:pointer}#navbar .register-container .menu-collapsed ul[data-v-6117de5e]{transition:all 0s;position:fixed;left:-9000px}#navbar .register-container #bar[data-v-6117de5e]{position:fixed;right:40px;top:37px}#navbar .register-container #bar[data-v-6117de5e]:before{top:-8px}#navbar .register-container #bar[data-v-6117de5e]:after{top:8px;height:3px}@media screen and (max-width:630px){#navbar .register-container #bar[data-v-6117de5e]{right:10px;top:30px}}#navbar .register-container .b-a-expanded[data-v-6117de5e],#navbar .register-container .menu-expanded #bar[data-v-6117de5e]:after,#navbar .register-container .menu-expanded #bar[data-v-6117de5e]:before{transition:all .25s;top:0}#navbar .register-container .menu-expanded[data-v-6117de5e]{transition:all .25s;text-align:right;line-height:75px;height:100%;width:100%;border-radius:0;top:0;left:0;background-color:#ebf1f2}#navbar .register-container .menu-expanded #fp-nav ul li[data-v-6117de5e]{display:none}#navbar .register-container .menu-expanded ul[data-v-6117de5e]{list-style-type:none;transition:all 0s;position:absolute;left:80px;top:20%;z-index:99999}@media only screen and (max-width:640px){#navbar .register-container .menu-expanded ul[data-v-6117de5e]{left:0}}#navbar .register-container .menu-expanded li[data-v-6117de5e]{transition:all .15s;text-decoration:none;font-size:7em;line-height:.8em;color:#0b2340;display:block}#navbar .register-container .menu-expanded li[data-v-6117de5e]:hover{font-style:italic}@media only screen and (max-width:640px){#navbar .register-container .menu-expanded li[data-v-6117de5e]{font-size:4rem;line-height:3.5rem}}#navbar .register-container .menu-expanded li a[data-v-6117de5e]{color:#0b2340}#navbar .register-container .menu-expanded #bar[data-v-6117de5e]{transition:all .25s;background-color:transparent}#navbar .register-container .menu-expanded #bar[data-v-6117de5e]:before{transform:rotate(45deg)}#navbar .register-container .menu-expanded #bar[data-v-6117de5e]:after{transform:rotate(-45deg)}#navbar .line[data-v-6117de5e]{position:absolute;padding:0;top:39px;border-bottom:1.5px solid #0b2340;width:100%}#navbar .logo-container[data-v-6117de5e]{width:250px;z-index:99999;position:relative;margin:0}#navbar .navbarLogo[data-v-6117de5e]{width:100%;max-width:200px;cursor:pointer}@media screen and (max-width:850px){#navbar .navbarLogo[data-v-6117de5e]{max-width:180px}#navbar .logo-container[data-v-6117de5e]{width:200px}#navbar .register-container[data-v-6117de5e]{right:50px}#navbar .links-container[data-v-6117de5e]{left:50px}}@media screen and (max-width:630px){#navbar .navbarLogo[data-v-6117de5e]{max-width:122px}#navbar .logo-container[data-v-6117de5e]{width:131px}#navbar .register-container[data-v-6117de5e]{right:50px;top:22px;padding:0 10px}#navbar .register-container p[data-v-6117de5e]{font-size:11.8px}#navbar .links-container[data-v-6117de5e]{left:10px;top:21px}#navbar .links-container p[data-v-6117de5e]{font-size:10.5px;padding-right:10px}}\", \"\"]);\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',[_c('div',{staticClass:\"w-100 navbar-container\",attrs:{\"id\":\"navbar\"}},[_c('div',{},[_c('b-navbar-brand',{staticClass:\"logo-container bg-nav\",attrs:{\"to\":\"/\",\"exact\":\"\"}},[_c('img',{staticClass:\"navbarLogo\",attrs:{\"src\":\"/img/SOUTHBAY_LOGO_BLUE.png\",\"alt\":\"Southbay at River's Edge Logo\",\"fluid\":\"\"}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"register-container\"},[_c('p',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:({ el: '#register', offset: -100 }),expression:\"{ el: '#register', offset: -100 }\"}],staticClass:\"freight-big-pro-book text-white register-link\",attrs:{\"role\":\"button\"}},[_c('nuxt-link',{staticClass:\"text-white text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('register')}}},[_vm._v(\"\\n          REGISTER NOW\\n        \")])],1),_vm._v(\" \"),_c('div',{staticClass:\"menu-collapsed\",attrs:{\"id\":\"menu-custom\"}},[_c('div',{attrs:{\"id\":\"bar\"}}),_vm._v(\" \"),_c('nav',[_c('ul',{staticClass:\"freight-big-pro-book text-uppercase text-left\"},[_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}}},[_vm._v(\"\\n                Home\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('nourished_section')}}},[_vm._v(\"\\n                Location\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('sights')}}},[_vm._v(\"\\n                Homes\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('wasaga')}}},[_vm._v(\"\\n                Amenities\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('heightened-perspective')}}},[_vm._v(\"\\n                Builder\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/blog'}}},[_vm._v(\"\\n                Blog\\n              \")])],1),_vm._v(\" \"),_c('li',[_c('nuxt-link',{staticClass:\"color-black text-decoration-none\",attrs:{\"to\":{ path: '/'}},nativeOn:{\"click\":function($event){return _vm.handleScroll('register')}}},[_vm._v(\"\\n                Register\\n              \")])],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!./AppNavbar.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!./AppNavbar.vue?vue&type=script&lang=js&\"","<template>\n  <div>\n    <div id=\"navbar\" class=\"w-100 navbar-container\">\n      <div class=\"\">\n        <b-navbar-brand to=\"/\" class=\"logo-container bg-nav\" exact>\n          <img\n            src=\"/img/SOUTHBAY_LOGO_BLUE.png\"\n            alt=\"Southbay at River's Edge Logo\"\n            fluid\n            class=\"navbarLogo\"\n          />\n        </b-navbar-brand>\n      </div>\n      <div class=\"register-container\">\n        <p\n          class=\"freight-big-pro-book text-white register-link\"\n          v-scroll-to=\"{ el: '#register', offset: -100 }\"\n          role=\"button\"\n        >\n          <nuxt-link :to=\"{ path: '/'}\" class=\"text-white text-decoration-none\" @click.native=\"handleScroll('register')\">\n            REGISTER NOW\n          </nuxt-link>\n        </p>\n        <div class=\"menu-collapsed\" id=\"menu-custom\">\n          <div id=\"bar\"></div>\n          <nav>\n            <ul class=\"freight-big-pro-book text-uppercase text-left\">\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\">\n                  Home\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\" @click.native=\"handleScroll('nourished_section')\">\n                  Location\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\" @click.native=\"handleScroll('sights')\">\n                  Homes\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\" @click.native=\"handleScroll('wasaga')\">\n                  Amenities\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\" @click.native=\"handleScroll('heightened-perspective')\">\n                  Builder\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/blog'}\" class=\"color-black text-decoration-none\">\n                  Blog\n                </nuxt-link>\n              </li>\n              <li>\n                <nuxt-link :to=\"{ path: '/'}\" class=\"color-black text-decoration-none\" @click.native=\"handleScroll('register')\">\n                  Register\n                </nuxt-link>\n              </li>\n            </ul>\n          </nav>\n          <!--  -->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport jq from \"jquery\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nexport default {\n  data() {\n    return {\n      fadeInElement_nav: null,\n      testAnim: null,\n    };\n  },\n  mounted() {\n    gsap.registerPlugin(ScrollTrigger);\n    ScrollTrigger.refresh();\n    this.initNavElReveal_homePage();\n    jq(\"#menu-custom\").click(function () {\n      jq(this).toggleClass(\"menu-expanded\");\n    });\n  },\n  methods: {\n    handleScroll(anchorId){\n      setTimeout(() => {\n        const anchor = document.querySelector(`#${anchorId}`)\n\n        // Check if the anchor has been found\n        if (anchor) {\n          window.scrollTo({\n            // Scroll so that the anchor is at the top of the view\n            top: anchor.getBoundingClientRect().top + window.pageYOffset\n          })\n        }\n      }, 750)\n    },\n    initNavElReveal_homePage() {\n      let testAnim = this.testAnim;\n      testAnim = gsap;\n      var scrollTimeline = testAnim\n        .timeline({ paused: true })\n        .set(\"#navbar\", {\n          opacity: 0,\n        })\n        .set(\".nav-callout\", {\n          opacity: 0,\n        })\n        .to(\"#navbar\", {\n          opacity: 1,\n          duration: 0.3,\n        })\n        .to(\".nav-callout\", {\n          opacity: 1,\n          duration: 0.3,\n        });\n      this.testAnimTrigger = ScrollTrigger.create({\n        trigger: \".nourished_section\",\n        start: \"top bottom\",\n        end: \"+=30%\",\n        animation: scrollTimeline,\n        scrub: 0.3,\n      });\n    },\n    beforeDestroy() {\n      setTimeout(() => {\n        ScrollTrigger.getAll().forEach((t) => t.kill());\n      }, 500);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/variables\";\n\n.nav-callout {\n  position: fixed;\n  top: 81px;\n  width: 100%;\n  padding: 15px 47px;\n  z-index: 2;\n\n  @media screen and (max-width: 850px) {\n    top: 76px;\n  }\n\n  @media screen and (max-width: 630px) {\n    top: 62px;\n  }\n}\n\n#navbar {\n  padding: 10px 0px 10px 50px;\n  opacity: 0;\n  z-index: 1030;\n  position: relative;\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background-color: #f4f3f1;\n  -webkit-box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.36);\n  -moz-box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.36);\n  box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.36);\n  @media screen and (max-width: 630px) {\n    padding: 10px 0px 10px 20px;\n  }\n  .links-container {\n    position: absolute;\n    width: 200px;\n    left: 100px;\n    top: 18px;\n    p {\n      font-size: 12px;\n      padding-right: 30px;\n    }\n  }\n  .register-container {\n    background-color: #27576b;\n    position: absolute;\n    right: 100px;\n    top: 33%;\n    padding: 0px 20px 0px 20px;\n    p {\n      margin: 0;\n      font-size: 18px;\n    }\n    .b-a {\n      transition: all 0.25s;\n      content: \"\";\n      position: absolute;\n      right: 0;\n      height: 3px;\n      width: 30px;\n      background-color: #0b2340;\n    }\n    .menu-collapsed {\n      transition: all 0.25s;\n      position: fixed;\n      top: 20px;\n      right: 37px;\n      height: 36px;\n      width: 36px;\n      z-index: 999999;\n      cursor: pointer;\n      ul {\n        transition: all 0s;\n        position: fixed;\n        left: -9000px;\n      }\n    }\n    #bar {\n      @extend .b-a;\n      position: fixed;\n      right: 40px;\n      top: 37px;\n      // display: none;\n      &:before {\n        @extend .b-a;\n        top: -8px;\n        // width: 20px;\n      }\n      &:after {\n        @extend .b-a;\n        top: 8px;\n        // width: 20px;\n        height: 3px;\n      }\n      @media screen and (max-width: 630px) {\n        right: 10px;\n        top: 30px;\n      }\n    }\n    .b-a-expanded {\n      transition: all 0.25s;\n      top: -0px;\n    }\n    .menu-expanded {\n      transition: all 0.25s;\n      text-align: right;\n      line-height: 75px;\n      height: 100%;\n      width: 100%;\n      border-radius: 0px;\n      top: 0;\n      left: 0;\n      background-color: #ebf1f2;\n      #fp-nav ul li {\n        display: none;\n      }\n      ul {\n        list-style-type: none;\n        transition: all 0s;\n        position: absolute;\n        left: 80px;\n        top: 20%;\n        z-index: 99999;\n        @media only screen and (max-width: 640px) {\n          left: 0px;\n        }\n      }\n      li {\n        transition: all 0.15s;\n        text-decoration: none;\n        font-size: 7em;\n        line-height: 0.8em;\n        color: #0b2340;\n        display: block;\n        &:hover {\n          font-style: italic;\n        }\n        @media only screen and (max-width: 640px) {\n          font-size: 4rem;\n          line-height: 3.5rem;\n        }\n\n        a {\n          color: #0b2340;\n        }\n      }\n      #bar {\n        transition: all 0.25s;\n        background-color: transparent;\n        &:before {\n          @extend .b-a-expanded;\n          transform: rotate(45deg);\n        }\n        &:after {\n          @extend .b-a-expanded;\n          transform: rotate(-45deg);\n        }\n      }\n    }\n  }\n\n  .line {\n    position: absolute;\n    padding: 0;\n    top: 39px;\n    border-bottom: 1.5px solid $m-blue;\n    width: 100%;\n  }\n  .logo-container {\n    width: 250px;\n    z-index: 99999;\n    position: relative;\n    margin: 0;\n  }\n  .navbarLogo {\n    width: 100%;\n    max-width: 200px;\n    cursor: pointer;\n  }\n  @media screen and (max-width: 850px) {\n    .navbarLogo {\n      max-width: 180px;\n    }\n    .logo-container {\n      width: 200px;\n    }\n    .register-container {\n      right: 50px;\n    }\n    .links-container {\n      left: 50px;\n    }\n  }\n  @media screen and (max-width: 630px) {\n    .navbarLogo {\n      max-width: 122px;\n    }\n    .logo-container {\n      width: 131px;\n    }\n    .register-container {\n      right: 50px;\n      top: 22px;\n      padding: 0px 10px 0px 10px;\n      p {\n        font-size: 11.8px;\n      }\n    }\n    .links-container {\n      left: 10px;\n      top: 21px;\n      p {\n        font-size: 10.5px;\n        padding-right: 10px;\n      }\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./AppNavbar.vue?vue&type=template&id=6117de5e&scoped=true&\"\nimport script from \"./AppNavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./AppNavbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppNavbar.vue?vue&type=style&index=0&id=6117de5e&lang=scss&scoped=true&\"\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  \"6117de5e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}