{"version":3,"sources":["webpack:///./src/components/SvgComponent.vue?cc24","webpack:///src/components/SvgComponent.vue","webpack:///./src/components/SvgComponent.vue?00b7","webpack:///./src/components/SvgComponent.vue","webpack:///./src/components/Jalousie.vue?9056","webpack:///./src/components/Jalousie.vue?c51b","webpack:///src/components/Jalousie.vue","webpack:///./src/components/Jalousie.vue?f35f","webpack:///./src/components/Jalousie.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","name","attrs","staticRenderFns","component","staticClass","_m","on","$event","scrollMeTo","_v","params","for","query","location","ref"],"mappings":"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","file":"js/chunk-4eaded29.ef299d19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:(\"svg-\" + _vm.name)},[_c('use',{attrs:{\"xlink:href\":(\"#svg-\" + _vm.name)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nsvg(:class='`svg-${name}`'): use(:xlink:href='`#svg-${name}`')\n</template>\n\n<script>\n  export default {\n    props: {\n      name: String,\n    },\n  };\n</script>\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!./SvgComponent.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!./SvgComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SvgComponent.vue?vue&type=template&id=39bb85e9&lang=pug&\"\nimport script from \"./SvgComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./SvgComponent.vue?vue&type=script&lang=js&\"\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/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!./Jalousie.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"jalousie\"},[_vm._m(0),_c('div',{staticClass:\"jalousie__item\"},[_c('div',{staticClass:\"jalousie__item-content\"},[_c('div',{staticClass:\"jalousie__title _an _1\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.scrollMeTo(\"#about\")}}},[_vm._v(\"About\")])])]),_c('div',{staticClass:\"jalousie__item\"},[_c('div',{staticClass:\"jalousie__item-content\"},[_c('router-link',{staticClass:\"jalousie__title _an _2\",attrs:{\"to\":{ name: \"ListingsPage\" }}},[_vm._v(\"Listings\")]),_c('router-link',{staticClass:\"jalousie__link _an _4\",attrs:{\"to\":{ name: \"ListingsPage\", params: { for: \"for_sale\" } }}},[_vm._v(\"For sale\")]),_c('router-link',{staticClass:\"jalousie__link _an _5\",attrs:{\"to\":{ name: \"SoldPage\" }}},[_vm._v(\"Sold listings\")])],1)]),_c('div',{staticClass:\"jalousie__item\"},[_c('div',{staticClass:\"jalousie__item-content\"},[_c('router-link',{staticClass:\"jalousie__title _an _6\",attrs:{\"to\":{ name: \"MapPage\", query: { location: 3 } }}},[_vm._v(\"Map view\")]),_c('router-link',{staticClass:\"jalousie__link _an _10\",attrs:{\"to\":{ name: \"MapPage\", query: { location: 3 } }}},[_vm._v(\"Turks & Caicos\")]),_c('router-link',{staticClass:\"jalousie__link _an _13\",attrs:{\"to\":{ name: \"MapPage\", query: { location: 7 } }}},[_vm._v(\"Dominican Republic\")])],1)]),_c('div',{staticClass:\"jalousie__item _last\"},[_c('div',{staticClass:\"jalousie__item-content\"},[_c('div',{staticClass:\"jalousie__title _an _14\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.scrollMeTo(\"#contact\")}}},[_vm._v(\"Contact\")])])]),_c('SvgComponent',{ref:\"jalousieСlose\",staticClass:\"jalousie__close\",attrs:{\"name\":\"close\",\"tabindex\":\"0\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"jalousie__item _precont\"},[_c('div',{staticClass:\"jalousie__item-content\"})])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.jalousie\n  .jalousie__item._precont: .jalousie__item-content\n  .jalousie__item: .jalousie__item-content\n    .jalousie__title._an._1(@click='scrollMeTo(\"#about\")', tabindex='0') About\n  .jalousie__item: .jalousie__item-content \n    router-link.jalousie__title._an._2(:to='{ name: \"ListingsPage\" }') Listings\n    //- router-link.jalousie__link._an._3(:to='{ name: \"ListingsPage\", params: { for: \"for_rent\" } }') For rent\n    router-link.jalousie__link._an._4(:to='{ name: \"ListingsPage\", params: { for: \"for_sale\" } }') For sale\n    router-link.jalousie__link._an._5(:to='{ name: \"SoldPage\" }') Sold listings\n  .jalousie__item: .jalousie__item-content \n    router-link.jalousie__title._an._6(:to='{ name: \"MapPage\", query: { location: 3 } }') Map view\n    //- router-link.jalousie__link._an._7(:to='{ name: \"MapPage\", query: { location: 1 } }') USA\n    //- router-link.jalousie__link._an._8(:to='{ name: \"MapPage\" }') Caribbean\n    //- router-link.jalousie__sublink._an._9(:to='{ name: \"MapPage\", query: { location: 2 } }') Bahams\n    router-link.jalousie__link._an._10(:to='{ name: \"MapPage\", query: { location: 3 } }') Turks & Caicos\n    //- router-link.jalousie__sublink._an._11(:to='{ name: \"MapPage\", query: { location: 4 } }') Anguilla\n    //- router-link.jalousie__sublink._an._12(:to='{ name: \"MapPage\", query: { location: 5 } }') Antigua\n    //- router-link.jalousie__sublink._an._13(:to='{ name: \"MapPage\", query: { location: 6 } }') St. Lucia\n    router-link.jalousie__link._an._13(:to='{ name: \"MapPage\", query: { location: 7 } }') Dominican Republic\n  .jalousie__item._last: .jalousie__item-content\n    .jalousie__title._an._14(@click='scrollMeTo(\"#contact\")', tabindex='0') Contact\n  SvgComponent.jalousie__close(name='close', tabindex='0', ref='jalousieСlose')\n</template>\n\n<script>\n  import SvgComponent from '@/components/SvgComponent.vue';\n  export default {\n    components: {\n      SvgComponent,\n    },\n    methods: {\n      scrollMeTo(refName) {\n        var element = document.querySelector(refName);\n\n        function scroll() {\n          setTimeout(() => {\n            var element = document.querySelector(refName);\n            var top = element.offsetTop;\n            window.scrollTo(0, top);\n          }, 100);\n        }\n\n        if (element) {\n          scroll();\n        } else {\n          this.$router.push({ name: 'HomePage' }, scroll, scroll);\n        }\n      },\n    },\n    mounted() {\n      const desktop = window.matchMedia('(min-width: 769px)').matches;\n      var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\n\n      var menubutton = document.querySelector('.burger');\n      var jalousie = document.querySelector('.jalousie');\n      let tempKludgeValue =\n        document.querySelector('.tempKludgeJalousie').getBoundingClientRect().width + 'px';\n\n      document.querySelector('._precont').style.maxWidth = window.matchMedia('(max-width: 1800px)')\n        .matches\n        ? tempKludgeValue\n        : '100px';\n      if (!iOS) {\n        document.querySelector('.jalousie__close').style.right = window.matchMedia(\n          '(max-width: 1800px)',\n        ).matches\n          ? tempKludgeValue\n          : '100px';\n      }\n\n      let scrollbarWidth = null;\n      menubutton.onfocus = function () {\n        // scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;\n        // if (scrollbarWidth && desktop) {\n        //   document.querySelector('.headerContainer').style.position = 'relative';\n        //   document.querySelector('.headerContainer').style.right = '7.5px';\n        //   jalousie.style.marginRight = '15px';\n        // }\n        document.querySelector('#app').style.overflowY = 'hidden';\n        document.body.style.overflowY = 'hidden';\n\n        jalousie.classList.add('_open');\n        setTimeout(\n          () => {\n            jalousie.classList.add('_open2');\n          },\n          desktop ? 500 : 0,\n        );\n        setTimeout(\n          () => {\n            jalousie.classList.add('_open3');\n          },\n          desktop ? 1000 : 0,\n        );\n      };\n      menubutton.onblur = function () {\n        // document.querySelector('.headerContainer').style.right = 0;\n        // jalousie.style.marginRight = 0;\n        document.querySelector('#app').style.overflowY = 'visible';\n        document.body.style.overflowY = 'visible';\n        jalousie.classList.remove('_open3');\n\n        setTimeout(\n          () => {\n            jalousie.classList.remove('_open2');\n          },\n          desktop ? 200 : 500,\n        );\n        setTimeout(\n          () => {\n            jalousie.classList.remove('_open');\n          },\n          desktop ? 700 : 500,\n        );\n\n        jalousie.classList.add('_closean');\n        setTimeout(() => {\n          jalousie.classList.remove('_closean');\n        }, 500);\n      };\n    },\n  };\n</script>\n\n<style lang=\"scss\">\n  .tempKludgeJalousie {\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .jalousie {\n    z-index: -10;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    @include tablet {\n      will-change: background-color;\n      transition: background-color 0.2s;\n      flex-direction: column;\n      justify-content: flex-start;\n      padding: 32px 80px;\n    }\n    &__item {\n      flex-grow: 1;\n      transition: 0.5s transform;\n      height: 100%;\n      transform-origin: top left;\n      position: relative;\n      &:first-child {\n        &:after {\n          background: transparent;\n        }\n      }\n      &:not(:last-of-type) {\n        @include tablet {\n          will-change: transform;\n          transition: 0.2s border-bottom;\n          border-bottom: 2px solid transparent;\n        }\n      }\n      &:after {\n        content: '';\n        background: #ededed;\n        width: 2px;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        transform: scaleY(0);\n        transition: 0.5s transform;\n        transform-origin: top left;\n        z-index: 1;\n        @include tablet {\n          display: none;\n        }\n      }\n      &-content {\n        background: white;\n        @include tablet {\n          background: transparent;\n        }\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        transform: scaleX(0);\n        transition-duration: 0.5s, 0.2s;\n        transition-property: transform, color;\n        transform-origin: top left;\n        display: flex;\n        flex-direction: column;\n        padding-top: 200px;\n        color: white;\n        visibility: hidden;\n        @include gap(30px, col);\n\n        @include tablet {\n          // visibility: visible;\n          padding-top: 0;\n          color: black !important;\n          position: static;\n          transform: scale(1);\n          // transition-property: color, opacity;\n        }\n        @include phone {\n          // visibility: visible;\n          @include gap(16px, col);\n        }\n      }\n      &._precont {\n        @include tablet {\n          display: none;\n        }\n      }\n      @include tablet {\n        height: auto;\n        width: 100%;\n        flex-grow: 0;\n        padding: 40px 0;\n      }\n\n      @include phone {\n        padding: 16px 0;\n      }\n      &._last {\n        // background: red!important;\n        margin-right: -15px;\n      }\n    }\n    &__title {\n      font-size: 36px;\n      text-transform: uppercase;\n      font-weight: 600;\n      left: 0;\n      position: relative;\n      margin-left: 2px;\n      cursor: pointer;\n      @include tablet {\n        font-size: 28px;\n        line-height: 34px;\n      }\n      @include phone {\n        font-size: 18px;\n        line-height: 22px;\n      }\n    }\n    &__link {\n      font-weight: 600;\n      font-size: 24px;\n      line-height: 29px;\n      padding-left: 30px;\n      position: relative;\n      @include tablet {\n        font-size: 18px;\n        line-height: 22px;\n      }\n      @include phone {\n        font-size: 16px;\n        line-height: 19px;\n      }\n    }\n    &__sublink {\n      font-size: 24px;\n      line-height: 29px;\n      padding-left: 70px;\n\n      @include tablet {\n        font-size: 16px;\n        line-height: 19px;\n      }\n    }\n    &._open {\n      @include tablet {\n        background: white;\n      }\n      visibility: visible;\n      .jalousie__item-content {\n        visibility: visible;\n      }\n      z-index: 4;\n      .jalousie__item:after {\n        transform: scaleY(1);\n      }\n    }\n    @include tablet {\n      ._an {\n        opacity: 0;\n        transition-property: opacity, transform;\n        transition-duration: 0.3s;\n        transform: translateX(100px);\n        animation-fill-mode: forwards;\n      }\n\n      &._closean {\n        transition: 0.5s;\n        transform: translate(100%);\n        ._an {\n          // opacity: 0;\n        }\n      }\n    }\n\n    &._open2 {\n      ._an {\n        opacity: 1;\n        @include tablet {\n          @for $i from 1 through 14 {\n            &._#{$i} {\n              transition-delay: #{$i * 35}ms;\n            }\n          }\n        }\n        transform: none;\n      }\n      .jalousie__item-content {\n        visibility: visible;\n\n        transform: scaleX(1);\n      }\n    }\n    &._open3 {\n      @include tablet {\n        .jalousie__item:not(:last-of-type) {\n          border-bottom: 2px solid #ededed;\n        }\n      }\n      .jalousie__item-content {\n        color: black;\n        &:hover .jalousie__title,\n        .jalousie__sublink:hover,\n        .jalousie__link:hover {\n          color: $red;\n        }\n      }\n      .jalousie__close {\n        color: black;\n      }\n    }\n\n    &__close {\n      color: transparent;\n      transition: 0.2s color;\n      right: 30px;\n      top: 45px;\n      z-index: 1111;\n      position: absolute;\n      cursor: pointer;\n      @include tablet {\n        top: 28px;\n        transform-origin: right top;\n        transform: scale(0.8);\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!./Jalousie.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!./Jalousie.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Jalousie.vue?vue&type=template&id=2c5aa983&lang=pug&\"\nimport script from \"./Jalousie.vue?vue&type=script&lang=js&\"\nexport * from \"./Jalousie.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Jalousie.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":""}