{"version":3,"sources":["webpack:///./src/components/gallery/CarouselSsr.vue?5af3","webpack:///./src/components/gallery/Carousel.vue?4c3b","webpack:///./src/assets/img/src/icons/curved-arrow-left-circle.svg","webpack:///./src/components/ReadMoreBlock.vue?9dcf","webpack:///./src/components/cms_modules/CMSCuratedPageList.vue?03d4","webpack:///./src/assets/img/src/icons/arrow.svg","webpack:///./src/components/VillaCard.vue?b999","webpack:///src/components/VillaCard.vue","webpack:///./src/components/VillaCard.vue?2f7b","webpack:///./src/components/VillaCard.vue","webpack:///./src/components/gallery/Carousel.vue?0bdf","webpack:///src/components/gallery/Carousel.vue","webpack:///./src/components/gallery/Carousel.vue?94e5","webpack:///./src/components/gallery/Carousel.vue","webpack:///./src/constants/constants.js","webpack:///./src/components/cms_modules/CMSCollections.vue?7710","webpack:///./src/components/ReadMoreBlock.vue?2df4","webpack:///src/components/ReadMoreBlock.vue","webpack:///./src/components/ReadMoreBlock.vue?e925","webpack:///./src/components/ReadMoreBlock.vue","webpack:///./src/components/cms_modules/CMSCuratedPageList.vue?429f","webpack:///./src/components/gallery/CarouselSsr.vue?614b","webpack:///src/components/gallery/CarouselSsr.vue","webpack:///./src/components/gallery/CarouselSsr.vue?9685","webpack:///./src/components/gallery/CarouselSsr.vue","webpack:///src/components/cms_modules/CMSCuratedPageList.vue","webpack:///./src/components/cms_modules/CMSCuratedPageList.vue?a279","webpack:///./src/components/cms_modules/CMSCuratedPageList.vue","webpack:///./src/components/cms_modules/CMSCollections.vue?6f24","webpack:///src/components/cms_modules/CMSCollections.vue","webpack:///./src/components/cms_modules/CMSCollections.vue?e7e3","webpack:///./src/components/cms_modules/CMSCollections.vue","webpack:///./src/components/VillaCard.vue?3e04"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","class","getResponsiveClass","staticClass","attrs","getAppLinkByIDAndType","linkID","linkType","on","$event","trackClickEvent","style","imgURL","ref","title","_e","description","_v","_s","close","staticRenderFns","name","props","cardWidth","cardHeight","responsive","showCloseButton","aspectRatio","data","windowWidth","maxWidth","computed","componentWidth","parseInt","setCardStyles","width","screenWidth","height","setImageWidth","calculateImageHeight","imgWidth","titleStyle","marginTop","mounted","window","addEventListener","onScreenResize","methods","getAppLinkByID","$store","getters","pageID","url","pageType","dataLayer","push","event","isNaN","gotoPage","location","type","document","documentElement","clientWidth","$emit","component","directives","rawName","value","expression","arg","keyboardPressed","fadeSides","coverSides","_l","item","index","key","refInFor","dynamicComponent","tag","link","getNavStyles","slideCarousel","CAROUSEL_DIRECTION","RIGHT","LEFT","showMobileNav","showMobileControls","components","items","itemType","itemsInView","itemSpacing","showNav","navIconSize","navIconPosition","bleedEdges","fadeItemSides","coverItemSides","coverSidesColour","coverSidesOpacity","tweenTime","newItems","carouselItems","positions","mappedPositions","numberOfItems","totalItems","posIndex","itemWidth","repeatStartPosition","repeatEndPosition","visibleItems","spacing","showNavigation","sdelay","carouselContents","VillaCard","ReadMoreBlock","ExperienceBlock","UsefulLinksBlock","Collections","getMainWidth","convertNumberToPixel","container_width","getCarouselWidth","coverSize","backgroundColor","opacity","showNavButtons","getMaskStyle","overflow","TweenMax","defaultOverwrite","initCarousel","beforeUpdate","set","$refs","tttCarousel","carouselItemsHolder","length","concat","unshift","lastItem","firstItem","$nextTick","configureCarousel","Array","from","children","configureItemSpacing","delayedCall","setupCarousel","forEach","element","paddingLeft","paddingRight","offsetWidth","getPositionsArray","cbb","xl","checkCarouselItems","to","direction","checkPositonIndex","css","checkCarouselItemsPosition","onSlideComplete","maxPosIndex","itemx","leftx","rightx","itemsPos","fill","start","map","left","right","showAllItems","itemsCanFit","swipeHandler","e","DROPDOWN_CLASS","STYLE1","STYLE2","NONE","PAGE_TYPE","ENQUIRY","BROCHURE","PREORDERBROCHURE","SHORTLIST","COMPETITION","NEWSLETTER_SIGNUP","BLOG_ENQUIRY","NULLVALUES","INT","DATE","domProps","getBackground","backgroundImage","getBackgroundImage","divID","curatedPageList","templateType","cardType","getNewKey","villa","moduleId","cardsWidth","cardsHeight","slidesPerPage","paginateBySlide","gutter","peekLeft","peekRight","noDrag","Carousel","CarouselSsr","settings","required","split","join","curatedList","objCuratedList","i","String","nk","getHeadingText","text","replace","regex"],"mappings":"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","file":"js/chunk-60647c34.0e0eff51.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselSsr.vue?vue&type=style&index=0&id=25db21d4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselSsr.vue?vue&type=style&index=0&id=25db21d4&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=0&id=69df794a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=0&id=69df794a&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/curved-arrow-left-circle.bc5073c2.svg\";","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/postcss-loader/src/index.js??postcss-loader!../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReadMoreBlock.vue?vue&type=style&index=0&id=c5bbc558&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/postcss-loader/src/index.js??postcss-loader!../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReadMoreBlock.vue?vue&type=style&index=0&id=c5bbc558&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CMSCuratedPageList.vue?vue&type=style&index=0&id=97acf918&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CMSCuratedPageList.vue?vue&type=style&index=0&id=97acf918&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/arrow.6b0d52fc.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.getResponsiveClass},[_c('a',{staticClass:\"router-link\",attrs:{\"href\":_vm.getAppLinkByIDAndType(_vm.linkID, _vm.linkType)},on:{\"click\":function($event){return _vm.trackClickEvent(_vm.linkID, _vm.linkType)}}},[_c('div',{staticClass:\"villa-card\",style:(_vm.setCardStyles)},[(!!_vm.imgURL)?_c('div',{staticClass:\"villa-image-holder\",style:(_vm.setImageWidth)},[_c('img',{ref:\"villaimg\",staticClass:\"villa-card-image lazyload\",attrs:{\"data-src\":_vm.imgURL,\"alt\":_vm.title,\"title\":_vm.title}})]):_vm._e(),_c('span',{staticClass:\"long-arrow\"}),_c('div',{ref:\"details\",staticClass:\"villa-card-details\"},[(!!_vm.description && _vm.linkType === 'collection')?_c('p',{staticClass:\"villa-card-count\"},[_c('span',{staticClass:\"bold\"},[_vm._v(_vm._s(_vm.description))]),_vm._v(\" Villas\")]):_c('p',{staticClass:\"villa-card-count\"},[_c('span',{staticClass:\"semi-bold\"},[_vm._v(_vm._s(_vm.description))])]),_c('p',{staticClass:\"villa-card-title\",style:(_vm.titleStyle)},[_vm._v(_vm._s(_vm.title))])])])]),(_vm.showCloseButton)?_c('div',{staticClass:\"close-btn\",on:{\"click\":_vm.close}},[_c('font-awesome-icon',{attrs:{\"icon\":\"times\"}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"getResponsiveClass\">\n    <a :href=\"getAppLinkByIDAndType(linkID, linkType)\" class=\"router-link\" @click=\"trackClickEvent(linkID, linkType)\">\n      <div class=\"villa-card\" :style=\"setCardStyles\">\n        <div v-if=\"!!imgURL\" class=\"villa-image-holder\" :style=\"setImageWidth\">\n          <img ref=\"villaimg\" :data-src=\"imgURL\" :alt=\"title\" class=\"villa-card-image lazyload\" :title=\"title\">\n        </div>\n        <span class=\"long-arrow\" />\n        <div ref=\"details\" class=\"villa-card-details\">\n          <!--only display 'Villas' label if type is 'collection', because then the description is always the count of villas in the collection-->\n          <p v-if=\"!!description && linkType === 'collection'\" class=\"villa-card-count\"><span class=\"bold\">{{ description }}</span> Villas</p>\n          <p v-else class=\"villa-card-count\"><span class=\"semi-bold\">{{ description }}</span></p>\n          <p class=\"villa-card-title\" :style=\"titleStyle\">{{ title }}</p>\n        </div>\n      </div>\n    </a>\n    <div v-if=\"showCloseButton\" class=\"close-btn\" @click=\"close\">\n      <font-awesome-icon icon=\"times\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'VillaCard',\n  props: {\n    title: { type: String, required: true },\n    imgURL: { type: String, required: false },\n    linkID: { type: String, required: false },\n    linkType: { type: String, required: false, default: 'collection' },\n    description: { type: String, required: false },\n    cardWidth: { type: String, default: '300px' },\n    cardHeight: { type: String, default: '350px' },\n    responsive: { type: Boolean, default: true },\n    showCloseButton: { type: Boolean, default: false },\n    aspectRatio: { type: Number, default: 0.66 },\n  },\n  data() {\n    return {\n      windowWidth: null,\n      maxWidth: '420px',\n    };\n  },\n  computed: {\n    getResponsiveClass() {\n      return {\n        responsive: this.responsive,\n      };\n    },\n    componentWidth() {\n      return parseInt(this.cardWidth) > parseInt(this.maxWidth) ? this.maxWidth : this.cardWidth;\n    },\n    setCardStyles() {\n      return {\n        width: this.screenWidth < 970 && this.responsive ? '100%' : this.componentWidth,\n        maxWidth: this.screenWidth < 970 && this.responsive ? this.maxWidth : this.componentWidth,\n        height: this.cardHeight,\n      };\n    },\n    setImageWidth() {\n      const imageWidth = parseInt(this.componentWidth) - 20;\n      this.calculateImageHeight;\n      return {\n        width: this.screenWidth < 970 && this.responsive ? '100%' : `${imageWidth}px`,\n        maxWidth: this.maxWidth,\n        height: this.screenWidth < 970 && this.responsive ? 'auto' : `${this.calculateImageHeight}px`,\n      };\n    },\n    calculateImageHeight() {\n      const imgWidth = this.$refs.villaimg ? this.$refs.villaimg.getBoundingClientRect().width : parseInt(this.componentWidth) - 20;\n      return this.aspectRatio * imgWidth;\n    },\n    screenWidth() {\n      return this.windowWidth;\n    },\n    titleStyle() {\n      return {\n        marginTop: this.description ? '0px' : '10px',\n      };\n    },\n\n  },\n  mounted() {\n    window.addEventListener('resize', this.onScreenResize);\n    this.onScreenResize();\n  },\n  methods: {\n    getAppLinkByID(pageID) {\n      return this.$store.getters['applinks/getLink']('page', pageID).url;\n    },\n    trackClickEvent(pageID, pageType) {\n      if (pageType === 'collection') {\n        try {\n          // get collection url\n          const url = this.$store.getters['applinks/getLink'](pageType, pageID) ? this.$store.getters['applinks/getLink'](pageType, pageID).url : '';\n          // track collection click (for exponea)\n          window.dataLayer = window.dataLayer || [];\n          window.dataLayer.push({\n            event: 'click', click_name: 'collection', collectionId: `${pageID}`, collectionUrl: `${url}`,\n          });\n        } catch (error) { console.error(error); }\n      }\n    },\n    getAppLinkByIDAndType(pageID, pageType) {\n      // if the pageID is a URL then no need to get it from applinks\n      if (isNaN(pageID)) return pageID;\n      return this.$store.getters['applinks/getLink'](pageType, pageID) ? this.$store.getters['applinks/getLink'](pageType, pageID).url : '';\n    },\n\n    gotoPage(pageID, type) {\n      if (pageID) {\n        parseInt(pageID) > 0 ? window.location = this.getAppLinkByIDAndType(pageID, type) : window.location = pageID;\n      }\n    },\n    onScreenResize() {\n      this.windowWidth = document.documentElement.clientWidth;\n    },\n    close() {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/styles/settings/config.scss\";\n$card-width: 300px;\n$card-height: 350px;\n$max-width: 420px;\n\n.villa-card {\n    background-color: $stoneLight;\n    height: $card-height;\n    width: $card-width;\n    max-width: $card-width;\n    margin-bottom: 20px;\n    padding: 10px;\n    position: relative;\n    cursor: pointer;\n    overflow: hidden;\n\n    .long-arrow {\n        position: absolute;\n        right: 20px;\n        bottom: 20px;\n        color: $ochre;\n    }\n}\n\n.villa-image-holder{\n    width: calc(#{$card-width - 20px});\n    height: 190px;\n    overflow: hidden;\n    max-width: $max-width;\n    background-color: transparent;\n}\n\n.villa-card-image{\n    width: 100%;\n    height: auto;\n}\n\n.villa-card-details{\n    padding: 0 20px;\n}\n\n.villa-card-count{\n     @include body-text;\n     font-size: 14px;\n     color: $grey;\n     font-weight: 400;\n     margin-top: 10px;\n}\n\n.villa-card-title{\n    font-size: 21px;\n    font-weight: 400;\n    color: $darkBlack;\n}\n\n.close-btn{\n    cursor: pointer;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    background-color: $stoneWhite;\n    border: 1px solid $silver;\n    width:30px;\n    height: 30px;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 5;\n}\n\n.responsive{\n    @media (max-width: 970px)  {\n        .villa-card {\n            width: 100%;\n            max-width: $max-width;\n            height:auto;\n            min-height: 430px;\n            max-height: 430px;\n        }\n        .villa-image-holder{\n            width: 100%;\n            height: auto;\n        }\n        .villa-card-image{\n            width: 100%;\n            height: auto;\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!./VillaCard.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!./VillaCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VillaCard.vue?vue&type=template&id=4d29704e&scoped=true&\"\nimport script from \"./VillaCard.vue?vue&type=script&lang=js&\"\nexport * from \"./VillaCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VillaCard.vue?vue&type=style&index=0&id=4d29704e&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  \"4d29704e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"mainContainer\",staticClass:\"carousel-container\",style:(_vm.getMainWidth),attrs:{\"id\":\"mainContainer\"}},[_c('div',{directives:[{name:\"touch\",rawName:\"v-touch:swipe\",value:(_vm.swipeHandler),expression:\"swipeHandler\",arg:\"swipe\"}],ref:\"tttCarousel\",staticClass:\"ttt-carousel\",attrs:{\"tabindex\":\"0\"},on:{\"keyup\":_vm.keyboardPressed}},[_c('div',{ref:\"carouselMask\",staticClass:\"carousel-mask\",style:(_vm.getMaskStyle),attrs:{\"id\":\"carousel_mask\"}},[(_vm.fadeSides || _vm.coverSides)?_c('div',{ref:\"leftcover\",staticClass:\"cover left-cover\",style:(_vm.coverSize),attrs:{\"id\":\"leftcover\"}}):_vm._e(),(_vm.fadeSides || _vm.coverSides)?_c('div',{ref:\"rightcover\",staticClass:\"cover right-cover\",style:(_vm.coverSize),attrs:{\"id\":\"rightcover\"}}):_vm._e(),_c('div',{ref:\"carouselItemsHolder\",staticClass:\"carousel-contents\",style:(_vm.getCarouselWidth),attrs:{\"id\":\"carousel_items\"}},_vm._l((_vm.carouselContents),function(item,index){return _c('div',{key:(\"items\" + index),ref:(\"divitem\" + index),refInFor:true,attrs:{\"tabindex\":\"0\"}},[_c(_vm.dynamicComponent,{key:(\"carousel-item\" + index),tag:\"component\",attrs:{\"img-u-r-l\":item.imgURL,\"link-i-d\":item.link,\"link-type\":item.linkType,\"title\":item.title,\"description\":item.description,\"responsive\":false,\"item\":item}})],1)}),0)]),(_vm.showNavButtons)?_c('div',{staticClass:\"carousel-nav\",style:(_vm.getMainWidth)},[_c('div',{staticClass:\"left-button\",style:(_vm.getNavStyles('left')),on:{\"click\":function($event){return _vm.slideCarousel(_vm.CAROUSEL_DIRECTION.RIGHT)}}},[_c('img',{staticClass:\"arrow-button lazyload\",attrs:{\"src\":require(\"../../assets/img/src/icons/curved-arrow-left-circle.svg\"),\"alt\":\"view more\"}})]),_c('div',{staticClass:\"right-button\",style:(_vm.getNavStyles('right')),on:{\"click\":function($event){return _vm.slideCarousel(_vm.CAROUSEL_DIRECTION.LEFT)}}},[_c('img',{staticClass:\"arrow-button btn-right lazyload\",attrs:{\"src\":require(\"../../assets/img/src/icons/curved-arrow-left-circle.svg\"),\"alt\":\"view more\"}})])]):_vm._e(),(_vm.showMobileNav && _vm.showMobileControls)?_c('div',{staticClass:\"carousel-mobile-controls\"},[_c('img',{staticClass:\"mobile-controls-arrow-1 lazyload\",attrs:{\"src\":require(\"../../assets/img/src/icons/curved-arrow-left-circle.svg\"),\"alt\":\"swipe for more\"}}),_vm._v(\"\\n      Swipe to view more\\n      \"),_c('img',{staticClass:\"mobile-controls-arrow-2 btn-right lazyload\",attrs:{\"src\":require(\"../../assets/img/src/icons/curved-arrow-left-circle.svg\"),\"alt\":\"swipe for more\"}})]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"mainContainer\" ref=\"mainContainer\" class=\"carousel-container\" :style=\"getMainWidth\">\n    <div ref=\"tttCarousel\" v-touch:swipe=\"swipeHandler\" class=\"ttt-carousel\" tabindex=\"0\" @keyup=\"keyboardPressed\">\n      <div id=\"carousel_mask\" ref=\"carouselMask\" class=\"carousel-mask\" :style=\"getMaskStyle\">\n        <div v-if=\"fadeSides || coverSides\" id=\"leftcover\" ref=\"leftcover\" class=\"cover left-cover\" :style=\"coverSize\" />\n        <div v-if=\"fadeSides || coverSides\" id=\"rightcover\" ref=\"rightcover\" class=\"cover right-cover\" :style=\"coverSize\" />\n\n        <div id=\"carousel_items\" ref=\"carouselItemsHolder\" class=\"carousel-contents\" :style=\"getCarouselWidth\">\n          <div v-for=\"(item, index) in carouselContents\" :key=\"`items${index}`\" :ref=\"`divitem${index}`\" tabindex=\"0\">\n            <component\n              :is=\"dynamicComponent\"\n              :key=\"`carousel-item${index}`\"\n              :img-u-r-l=\"item.imgURL\"\n              :link-i-d=\"item.link\"\n              :link-type=\"item.linkType\"\n              :title=\"item.title\"\n              :description=\"item.description\"\n              :responsive=\"false\"\n              :item=\"item\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"showNavButtons\" class=\"carousel-nav\" :style=\"getMainWidth\">\n        <div class=\"left-button\" :style=\"getNavStyles('left')\" @click=\"slideCarousel(CAROUSEL_DIRECTION.RIGHT)\">\n          <img src=\"../../assets/img/src/icons/curved-arrow-left-circle.svg\" alt=\"view more\" class=\"arrow-button lazyload\">\n        </div>\n        <div class=\"right-button\" :style=\"getNavStyles('right')\" @click=\"slideCarousel(CAROUSEL_DIRECTION.LEFT)\">\n          <img src=\"../../assets/img/src/icons/curved-arrow-left-circle.svg\" alt=\"view more\" class=\"arrow-button btn-right lazyload\">\n        </div>\n      </div>\n\n      <div v-if=\"showMobileNav && showMobileControls\" class=\"carousel-mobile-controls\">\n        <img :src=\"require(`../../assets/img/src/icons/curved-arrow-left-circle.svg`)\" class=\"mobile-controls-arrow-1 lazyload\" alt=\"swipe for more\">\n        Swipe to view more\n        <img :src=\"require(`../../assets/img/src/icons/curved-arrow-left-circle.svg`)\" class=\"mobile-controls-arrow-2 btn-right lazyload\" alt=\"swipe for more\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CAROUSEL_DIRECTION } from '../../constants/constants.js';\n\nexport default {\n  name: 'Carousel',\n  components: {\n\n  },\n  props: {\n    items: { type: Array, required: true, default: () => [] },\n    itemType: { type: String, required: true, default: 'ReadMoreBlock' },\n    itemsInView: { type: Number, default: 3 },\n    itemSpacing: { type: Number, default: 0 },\n    showNav: { type: Boolean, default: true },\n    showMobileNav: { type: Boolean, default: true },\n    navIconSize: { type: String, default: '40px' },\n    navIconPosition: { type: String, default: '-40px' },\n    bleedEdges: { type: Boolean, default: false },\n    fadeItemSides: { type: Boolean, default: false },\n    coverItemSides: { type: Boolean, default: false },\n    coverSidesColour: { type: [String, Number], default: '#fff' },\n    coverSidesOpacity: { type: Number, default: 0.8 },\n    tweenTime: { type: Number, default: 1 },\n  },\n  data() {\n    return {\n      CAROUSEL_DIRECTION,\n      newItems: [],\n      carouselItems: [],\n      positions: [],\n      mappedPositions: [],\n      numberOfItems: 0,\n      totalItems: 0,\n      posIndex: 0,\n      itemWidth: 0,\n      repeatStartPosition: 0,\n      repeatEndPosition: 0,\n      visibleItems: this.itemsInView,\n      spacing: this.itemSpacing,\n      fadeSides: this.fadeItemSides,\n      coverSides: this.coverItemSides,\n      showNavigation: this.showNav,\n      showMobileControls: false,\n      sdelay: 0,\n    };\n  },\n  computed: {\n    carouselContents() {\n      return this.newItems;\n    },\n    dynamicComponent() {\n      switch (this.itemType) {\n        case 'VillaCard':\n          const VillaCard = () => import('../VillaCard.vue');\n          return VillaCard;\n        case 'ReadMoreBlock':\n          const ReadMoreBlock = () => import('../ReadMoreBlock.vue');\n          return ReadMoreBlock;\n        case 'ExperienceBlock':\n          const ExperienceBlock = () => import('../ExperienceBlock.vue');\n          return ExperienceBlock;\n        case 'UsefulLinksBlock':\n          const UsefulLinksBlock = () => import('../UsefulLinksBlock.vue');\n          return UsefulLinksBlock;\n        case 'Collections':\n          const Collections = () => import('../cms_modules/CMSCollections.vue');\n          return Collections;\n        default:\n      }\n    },\n    getMainWidth() {\n      const container_width = this.visibleItems * this.itemWidth;\n      // console.log('getMainWidth', container_width)\n\n      return {\n        width: this.convertNumberToPixel(container_width),\n      };\n    },\n    getCarouselWidth() {\n      const container_width = this.numberOfItems * this.itemWidth;\n      // console.log('getCarouselWidth', container_width)\n      return {\n        width: this.convertNumberToPixel(container_width),\n      };\n    },\n    coverSize() {\n      return {\n        width: '100%',\n        maxWidth: this.convertNumberToPixel(this.itemWidth),\n        height: '100%',\n        backgroundColor: this.coverSides ? this.coverSidesColour : 'transparent',\n        opacity: this.coverSidesOpacity,\n      };\n    },\n    showNavButtons() {\n      return this.showNavigation;\n    },\n    getMaskStyle() {\n      return {\n        overflow: this.bleedEdges ? 'visible' : 'hidden',\n      };\n    },\n  },\n  mounted() {\n    // console.log('-----CAROUSEL MOUNTED --------');\n    TweenMax.defaultOverwrite = 'all';\n    this.fadeSides = this.fadeItemSides;\n    this.coverSides = this.coverItemSides;\n    this.visibleItems = this.itemsInView;\n    this.spacing = this.itemSpacing;\n    this.showNavigation = this.showNav;\n\n    // console.log('CAROUSEL KEY =', this.$vnode.key);\n    // console.log('CAROUSEL items =', this.items);\n    // console.log('CAROUSEL  TYPE =', this.itemType);\n    // console.log('CAROUSEL  itemsInView =', this.itemsInView);\n    // console.log('CAROUSEL  props =',  this.$props);\n    this.initCarousel();\n  },\n  beforeUpdate() {\n    // console.log('-----CAROUSEL BEFORE UPDATED --------');\n    TweenMax.set(this.$refs.tttCarousel, { alpha: 0 });\n  },\n  // watch: {\n  //     items: {\n  //         handler: function(n, o) {\n  //             console.log('items updated to :', n, performance.now() )\n  //         },\n  //         immediate: true,\n  //         deep: true,\n  //     }\n  // },\n  methods: {\n\n    // ------------------- INTI CAROUSEL  ----------------------//\n    initCarousel() {\n      TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: 0 } });\n\n      this.numberOfItems = this.items.length;\n\n      this.newItems = null;\n      this.newItems = this.items;\n      this.newItems = this.newItems.concat(this.newItems);\n\n      const firstItem = this.items[0];\n      const lastItem = this.items[this.numberOfItems - 1];\n      this.newItems.unshift(lastItem);\n      this.newItems.push(firstItem);\n\n      this.$nextTick(() => {\n        this.configureCarousel();\n      });\n    },\n\n    configureCarousel() {\n      this.carouselItems = Array.from(this.$refs.carouselItemsHolder.children);\n      this.totalItems = this.carouselItems.length;\n      this.configureItemSpacing();\n      TweenMax.delayedCall(1, this.setupCarousel);\n      TweenMax.delayedCall(1.1, this.onScreenResize);\n      window.addEventListener('resize', this.onScreenResize);\n    },\n\n    configureItemSpacing() {\n      const item_spacing = Math.round(this.spacing / 2);\n      this.carouselItems.forEach((element, i) => {\n        element.style.paddingLeft = this.spacing !== 0 ? this.convertNumberToPixel(item_spacing) : 0;\n        element.style.paddingRight = this.spacing !== 0 ? this.convertNumberToPixel(item_spacing) : 0;\n      });\n    },\n\n    setupCarousel() {\n      this.itemWidth = parseInt(this.carouselItems[1].offsetWidth);\n      this.positions = this.getPositionsArray(0, this.itemWidth, this.totalItems);\n      this.repeatEndPosition = this.positions[this.numberOfItems - 1];\n      this.repeatStartPosition = this.positions[this.numberOfItems + 1];\n      this.posIndex = this.numberOfItems + 1;\n\n      // -----Create mapped X to CSS Left - Positions array to avoid reflow on animation calcs-----//\n      const cbb = this.$refs.carouselItemsHolder ? this.$refs.carouselItemsHolder.getBoundingClientRect() : null;\n\n      if (cbb) {\n        const itemsPos = this.getPositionsArray(Math.round(cbb.left), -this.itemWidth, this.totalItems);\n        const xl = itemsPos[this.posIndex];\n        this.mappedPositions = this.getPositionsArray(xl, this.itemWidth, this.totalItems);\n\n        TweenMax.delayedCall(0.2, this.checkCarouselItems);\n        TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: this.repeatStartPosition } });\n        TweenMax.to(this.$refs.tttCarousel, 1, { alpha: 1, delay: 0.5 });\n      }\n    },\n\n    slideCarousel(direction) {\n      if (direction === CAROUSEL_DIRECTION.LEFT) {\n        this.posIndex++;\n        this.checkPositonIndex();\n        const next_positon = this.convertNumberToPixel(this.positions[this.posIndex]);\n        TweenMax.to(this.$refs.carouselItemsHolder, this.tweenTime, {\n          css: { left: next_positon }, rotation: 0.001, delay: this.sdelay, onComplete: this.onSlideComplete, ease: Power4.easeOut,\n        });\n        // this.fadeSides ? this.checkCarouselItemsPosition(CAROUSEL_DIRECTION.LEFT) : null;\n        this.fadeSides ? TweenMax.delayedCall(this.sdelay, this.checkCarouselItemsPosition, [CAROUSEL_DIRECTION.LEFT]) : null;\n      }\n      else if (direction === CAROUSEL_DIRECTION.RIGHT) {\n        this.posIndex--;\n        this.checkPositonIndex();\n        const next_positon = this.convertNumberToPixel(this.positions[this.posIndex]);\n        TweenMax.to(this.$refs.carouselItemsHolder, this.tweenTime, {\n          css: { left: next_positon }, rotation: 0.001, delay: this.sdelay, onComplete: this.onSlideComplete, ease: Power4.easeOut,\n        });\n        // this.fadeSides ? this.checkCarouselItemsPosition(CAROUSEL_DIRECTION.RIGHT) : null;\n        this.fadeSides ? TweenMax.delayedCall(this.sdelay, this.checkCarouselItemsPosition, [CAROUSEL_DIRECTION.RIGHT]) : null;\n      }\n    },\n\n    onSlideComplete() {\n      this.checkCarouselItems();\n      // this.checkPositonIndex();\n    },\n\n    checkPositonIndex() {\n      const maxPosIndex = this.totalItems - this.visibleItems - 1;\n      const minPosIndex = 1;\n\n      if (this.posIndex >= maxPosIndex) {\n        this.sdelay = 0.2;\n\n        this.posIndex -= this.numberOfItems;\n\n        const pos = this.convertNumberToPixel(this.positions[this.posIndex - 1]);\n\n        // ANGEL TRY CHANGE POSITION ANOTHER WAY MAYBE WILL WORK BETTER\n        TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: pos } });\n        // this.$refs.carouselItemsHolder.style.left = pos;\n\n        this.checkCarouselItems(1);\n      }\n      else if (this.posIndex <= minPosIndex) {\n        this.sdelay = 0.2;\n\n        this.posIndex = this.numberOfItems + 1;\n\n        const pos = this.convertNumberToPixel(this.positions[this.posIndex + 1]);\n\n        TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: pos } });\n        // this.$refs.carouselItemsHolder.style.left = pos;\n\n        this.checkCarouselItems(-1);\n      }\n      else {\n        this.sdelay = 0;\n      }\n    },\n\n    checkCarouselItems(ex = 0) {\n      // On Tween Complete setup\n      if (this.fadeSides) {\n        const cx = this.mappedPositions[this.posIndex + 2];\n        const itemsPos = this.getPositionsArray(cx, -this.itemWidth, this.totalItems);\n        const leftx = itemsPos[this.posIndex];\n        const rightx = itemsPos[this.posIndex + this.visibleItems - 1];\n\n        this.carouselItems.forEach((element, i) =>\n        {\n          const itemx = itemsPos[i + ex];\n          // console.log('itemsPos', itemsPos)\n          // console.log('itemx', itemx)\n\n          if (this.bleedEdges && this.visibleItems <= 2) {\n            if (itemx === leftx || itemx === rightx) {\n              TweenMax.to(element, 0, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0, { alpha: 0.2 });\n            }\n          }\n          else {\n            if (itemx >= leftx - 1 && itemx <= rightx + 1) {\n              TweenMax.to(element, 0, { alpha: 1 });\n            }\n            else if (itemx == leftx && itemx == rightx) {\n              TweenMax.to(element, 0, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0, { alpha: 0.2 });\n            }\n          }\n        });\n      }\n    },\n\n    checkCarouselItemsPosition(direction) {\n      const cx = direction === CAROUSEL_DIRECTION.LEFT ? this.mappedPositions[this.posIndex + 1] : this.mappedPositions[this.posIndex + 3];\n\n      const itemsPos = this.getPositionsArray(cx, -this.itemWidth, this.totalItems);\n\n      let leftx;\n      let rightx;\n\n      if (direction === CAROUSEL_DIRECTION.LEFT) {\n        leftx = itemsPos[this.posIndex - 1];\n        rightx = itemsPos[this.posIndex - 1 + this.visibleItems - 1];\n      }\n      else {\n        leftx = itemsPos[this.posIndex + 1];\n        rightx = itemsPos[this.posIndex + 1 + this.visibleItems - 1];\n      }\n\n      this.carouselItems.forEach((element, i) => {\n        const itemx = itemsPos[i];\n\n        if (direction === CAROUSEL_DIRECTION.LEFT) {\n          if (this.bleedEdges && this.visibleItems <= 2) {\n            if (itemx > leftx && itemx <= (rightx + this.itemWidth)) {\n              TweenMax.to(element, 0.2, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0.2, { alpha: 0.2 });\n            }\n          }\n          else {\n            if ((itemx - this.itemWidth) > leftx - 1 && itemx < (rightx + 1 + this.itemWidth)) {\n              TweenMax.to(element, 0.2, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0.2, { alpha: 0.2 });\n            }\n          }\n        }\n        else if (direction === CAROUSEL_DIRECTION.RIGHT) {\n          if (this.bleedEdges && this.visibleItems <= 2) {\n            if (itemx < rightx && itemx >= (leftx - this.itemWidth)) {\n              TweenMax.to(element, 0.2, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0.2, { alpha: 0.2 });\n            }\n          }\n          else {\n            if ((itemx + this.itemWidth > leftx - 1) && (itemx < (rightx + 1 - this.itemWidth))) {\n              TweenMax.to(element, 0.2, { alpha: 1 });\n            }\n            else {\n              TweenMax.to(element, 0.2, { alpha: 0.2 });\n            }\n          }\n        }\n      });\n    },\n\n    // ---------------------- UTILS -------------------//\n    convertNumberToPixel(val) {\n      return `${val}px`;\n    },\n\n    getPositionsArray(start, increment, length) {\n      return Array(length).fill(start).map((pos, i) => pos - (i * increment));\n    },\n\n    getNavStyles(direction) {\n      return {\n        left: direction === 'left' ? this.navIconPosition : null,\n        right: direction === 'right' ? this.navIconPosition : null,\n        width: this.navIconSize,\n        height: this.navIconSize,\n      };\n    },\n\n    showAllItems() {\n      this.carouselItems.forEach((element) => {\n        TweenMax.to(element, 0.2, { alpha: 1 });\n      });\n    },\n\n    // -------------------------------  Screen resize  ----------------------------------------------//\n    onScreenResize() {\n      const margins = 80;\n      const screenWidth = document.documentElement.clientWidth;\n      const screenHeight = document.documentElement.clientHeight;\n      const container_width = (this.itemsInView * this.itemWidth) + margins;\n      const itemsCanFit = Math.floor((screenWidth - margins) / this.itemWidth);\n\n      if (screenWidth < container_width)\n      {\n        itemsCanFit > 1 ? this.visibleItems = itemsCanFit : this.visibleItems = 1;\n\n        if (itemsCanFit <= 2 && !this.bleedEdges) {\n          this.fadeSides = false;\n          this.coverSides = false;\n        }\n        else {\n          this.fadeSides = this.fadeItemSides;\n          this.coverSides = this.coverItemSides;\n        }\n\n        itemsCanFit === 1 && !this.bleedEdges ? this.spacing = 0 : this.spacing = this.itemSpacing;\n\n        this.configureItemSpacing();\n        this.setupCarousel();\n        this.checkCarouselItems();\n      }\n      else {\n        this.visibleItems = this.itemsInView;\n        this.fadeSides = this.fadeItemSides;\n        this.coverSides = this.coverItemSides;\n        this.spacing = this.itemSpacing;\n        this.configureItemSpacing();\n        this.setupCarousel();\n        this.checkCarouselItems();\n      }\n\n      // On mobiles hide the nav buttons - or we can replace them or change position, check with UX\n      if (screenWidth < 1076) {\n        this.showNavigation = false;\n        this.showMobileControls = true;\n      }\n      else {\n        this.showNavigation = this.showNav;\n        this.showMobileControls = false;\n      }\n    },\n\n    swipeHandler(direction) {\n      direction === 'left' ? this.slideCarousel(CAROUSEL_DIRECTION.LEFT) : null;\n      direction === 'right' ? this.slideCarousel(CAROUSEL_DIRECTION.RIGHT) : null;\n    },\n\n    keyboardPressed(e) {\n      switch (e.key) {\n        case 'ArrowLeft':\n          this.slideCarousel(CAROUSEL_DIRECTION.RIGHT);\n          break;\n        case 'ArrowRight':\n          this.slideCarousel(CAROUSEL_DIRECTION.LEFT);\n          break;\n        default:\n                   // console.log('keyboard pressed not nav ', e.key);\n      }\n    },\n\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../assets/styles/settings/config.scss\";\n$button-size: 30px;\n\n.carousel-container{\n    position: relative;\n    margin:  0 auto;\n}\n\n.ttt-carousel,\n.ttt-carousel:focus{\n    outline: 0;\n\n}\n\n.carousel-mask{\n    background-color:transparent;\n    overflow: hidden;\n}\n\n.carousel-contents{\n    position: relative;\n    display: flex;\n}\n\n.cover{\n    position: absolute;\n    top:0px;\n    width:330px;\n    max-width: 330px;\n    height: 400px;\n    background-color:transparent;\n    z-index: 50;\n    opacity: 0.7;\n    pointer-events: none;\n}\n\n.left-cover{\n    left:0px;\n}\n\n.right-cover{\n    right:0px;\n}\n\n.carousel-nav{\n    position: absolute;\n    top: 47%;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content:space-between;\n    flex-direction: row;\n}\n\n.carousel-mobile-controls{\n   position: relative;\n   color: $darkBlack;\n   text-align: center;\n   font-size: 16px;\n   font-family: $font-family-grotesk;\n   margin: 10px 0 10px 0;\n   display: flex;\n   justify-content: center;\n}\n\n.mobile-controls-arrow-1 {\n  // transform: rotate(180deg);\n  margin: 0 10px 0 0;\n}\n\n.mobile-controls-arrow-2 {\n  margin: 0 0 0 10px;\n}\n\n.arrow-button{\n    width: $button-size;\n    height:$button-size;\n    cursor: pointer;\n}\n\n.btn-right{\n    transform: rotate(180deg);\n}\n\n.left-button{\n    position: relative;\n    left: -50px;\n}\n\n.right-button{\n    position: relative;\n    right: -50px;\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!./Carousel.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!./Carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=69df794a&scoped=true&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Carousel.vue?vue&type=style&index=0&id=69df794a&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  \"69df794a\",\n  null\n  \n)\n\nexport default component.exports","export const LINK_TYPE = {\n  ID: 'id',\n  URL: 'url',\n  SECTION: 'section',\n};\n\nexport const DROPDOWN_CLASS = {\n  STYLE1: 'dropdown-style1',\n  STYLE2: 'dropdown-style2',\n};\n\nexport const CAROUSEL_DIRECTION = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  NONE: 'none',\n};\n\nexport const CAROUSEL_MODE = {\n  CAROUSEL: 'carousel',\n  SLIDESHOW: 'slideshow',\n};\n\nexport const THUMBS_POSITION = {\n  COVER: 'cover',\n  BOTTOM: 'bottom',\n};\n\nexport const PAGE_TYPE = {\n  ENQUIRY: 'enquiry',\n  BROCHURE: 'brochure',\n  PREORDERBROCHURE: 'preorderbrochure',\n  SHORTLIST: 'shortlist',\n  COMPETITION: 'competition',\n  NEWSLETTER_SIGNUP: 'newsletter_signup',\n  BLOG_ENQUIRY: 'blog_enquiry',\n};\n\nexport const NULLVALUES = {\n  INT: -2147483648,\n  DATE: '0001-01-01T00:00:00',\n};\n","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CMSCollections.vue?vue&type=style&index=0&id=add314d0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/postcss-loader/src/index.js??postcss-loader!../../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CMSCollections.vue?vue&type=style&index=0&id=add314d0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"block-holder\",class:_vm.getResponsiveClass},[_c('div',{staticClass:\"block-feature\"},[_c('a',{staticClass:\"router-link\",attrs:{\"href\":_vm.getAppLinkByIDAndType(_vm.linkID, _vm.linkType)}},[_c('div',{staticClass:\"block-image lazyload\",style:(_vm.getBackground),attrs:{\"data-test\":\"bgImage\",\"role\":\"img\",\"alt\":_vm.title,\"title\":_vm.title}})]),_c('div',{staticClass:\"block-text\"},[_c('p',{staticClass:\"block-text__title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}}),_c('p',{staticClass:\"block-text__description\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}),_c('div',{staticClass:\"read-more-button\"},[_c('a',{staticClass:\"read-more router-link\",attrs:{\"href\":_vm.getAppLinkByIDAndType(_vm.linkID, _vm.linkType)}},[_vm._v(\"\\n          Read more \"),_c('img',{staticClass:\"read-more-arrow lazyload\",attrs:{\"src\":require(\"../assets/img/src/icons/arrow.svg\"),\"alt\":\"Arrow\",\"height\":\"10px\",\"width\":\"36px\"}})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"block-holder\" :class=\"getResponsiveClass\">\n    <div class=\"block-feature\">\n      <a :href=\"getAppLinkByIDAndType(linkID, linkType)\" class=\"router-link\">\n        <div data-test=\"bgImage\" :style=\"getBackground\" class=\"block-image lazyload\" role=\"img\" :alt=\"title\" :title=\"title\" />\n      </a>\n      <div class=\"block-text\">\n        <p class=\"block-text__title\" v-html=\"title\" />\n        <p class=\"block-text__description\" v-html=\"description\" />\n        <div class=\"read-more-button\">\n          <a :href=\"getAppLinkByIDAndType(linkID, linkType)\" class=\"read-more router-link\">\n            Read more <img src=\"../assets/img/src/icons/arrow.svg\" class=\"read-more-arrow lazyload\" alt=\"Arrow\" height=\"10px\" width=\"36px\">\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ReadMoreBlock',\n  props: {\n    imgURL: { type: String, required: true },\n    linkID: { type: String },\n    linkType: { type: String },\n    title: { type: String, required: true },\n    description: { type: String, required: true },\n    responsive: { type: Boolean, default: true },\n  },\n  computed: {\n    getResponsiveClass() {\n      return {\n        responsive: this.responsive,\n      };\n    },\n    getBackground() {\n      return {\n        backgroundImage: `url(\"${encodeURI(this.imgURL)}\")`,\n      };\n    },\n  },\n  methods: {\n\n    getAppLinkByID(pageID) {\n      return this.$store.getters['applinks/getLink']('page', pageID).url;\n    },\n\n    getAppLinkByIDAndType(pageID, type) {\n      if (isNaN(pageID)) return pageID; // the pageId in this case is the URL (the curated list manager in the CMS can now set the URL manually as oppose just being able to select an type and ID)\n      return this.$store.getters['applinks/getLink']('page', pageID).url;\n    },\n\n    gotoPage(pageID, type) {\n      if (pageID) {\n        parseInt(pageID) > 0 ? window.location = this.getAppLinkByIDAndType(pageID, type) : window.location = pageID;\n      }\n    },\n\n    getBackgroundImage(url) {\n      return {\n        backgroundImage: `url(${url})`,\n      };\n    },\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/styles/settings/_config.scss\";\n\n// Must be kept at 3:2 ratio\n$image-width: 280px;\n$image-height: 187px;\n\n.lazy {\n   background-image: none !important;\n   background-color: $solitude;\n}\n\n.block-holder{\n    @include text-primary;\n    display: flex;\n    justify-content:center;\n    align-items: flex-start;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    width: 100%;\n    border: 1px solid transparent;\n}\n\n.block-feature{\n    width: $image-width;\n    margin: 1em;\n}\n\n.block-text{\n    margin-left: 2px;\n\n    &__description {\n        @include body-text;\n        font-size: 15px;\n        font-weight: 400;\n    }\n\n    &__title {\n        @include text-header;\n        margin-top: 20px;\n        font-family: $font-family-grotesk;\n        font-size: 18px;\n        font-weight: 500\n    }\n\n}\n\n.block-image-container {\n    overflow: hidden;\n    width: $image-width;\n    height: $image-width;\n}\n\n.block-image{\n    width: $image-width;\n    height: $image-height;\n    display: block;\n    cursor: pointer;\n    overflow: hidden;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center center;\n    background-color: $silver;\n}\n\n.read-more-button {\n    padding: 8px 0 0 0;\n    border-top: 1px solid $solitude;\n    width: 60%;\n}\n\n.read-more {\n    font-size: 18px;\n    display: inline-block;\n    font-family: $font-family-editorial;\n    font-weight: 300;\n    color:$darkBlack;\n    text-decoration: none !important;\n    &:visited, &:hover {\n      color: $darkBlack;\n\n    }\n}\n\n.read-more-arrow {\n   margin-left: 15px;\n   cursor: pointer;\n}\n\n.responsive{\n    @media (max-width: 1024px) {\n    .block-holder{\n        justify-content:center;\n        flex-direction: column;\n        flex-wrap: wrap;\n        width: auto;\n    }\n\n    .block-feature{\n        width: 90%;\n    }\n\n    .block-image{\n        width: 100%;\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!./ReadMoreBlock.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!./ReadMoreBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReadMoreBlock.vue?vue&type=template&id=c5bbc558&scoped=true&\"\nimport script from \"./ReadMoreBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./ReadMoreBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReadMoreBlock.vue?vue&type=style&index=0&id=c5bbc558&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  \"c5bbc558\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"curated-page-list\",attrs:{\"id\":_vm.divID,\"data-title\":_vm.curatedPageList.title}},[(_vm.curatedPageList.title && _vm.curatedPageList.title != '')?_c('h3',{staticClass:\"h4 uppercase text-center\"},[_vm._v(\"\\n    \"+_vm._s(_vm.curatedPageList.title)+\"\\n  \")]):_vm._e(),(_vm.curatedPageList && _vm.curatedPageList.items && _vm.curatedPageList.items.length > 0 && _vm.curatedPageList.templateType === 'carousel' && _vm.curatedPageList.cardType === 'normal')?_c('carousel',{key:_vm.getNewKey(1),attrs:{\"items\":_vm.curatedPageList.items,\"item-type\":\"VillaCard\",\"show-nav\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"items-in-view\":_vm.curatedPageList.itemsInView,\"item-spacing\":20,\"bleed-edges\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"fade-item-sides\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView)}}):(_vm.curatedPageList && _vm.curatedPageList.items && _vm.curatedPageList.items.length > 0 && _vm.curatedPageList.templateType === 'carousel' && _vm.curatedPageList.cardType === 'readmore')?_c('carousel',{key:_vm.getNewKey(1),attrs:{\"items\":_vm.curatedPageList.items,\"item-type\":\"ReadMoreBlock\",\"show-nav\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"items-in-view\":_vm.curatedPageList.itemsInView,\"item-spacing\":0,\"bleed-edges\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"fade-item-sides\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView)}}):(_vm.curatedPageList && _vm.curatedPageList.items && _vm.curatedPageList.items.length > 0 && _vm.curatedPageList.templateType === 'carousel' && _vm.curatedPageList.cardType === 'collection')?_c('carousel',{key:_vm.getNewKey(1),attrs:{\"items\":_vm.curatedPageList.items,\"item-type\":\"Collections\",\"show-nav\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"items-in-view\":_vm.curatedPageList.itemsInView,\"item-spacing\":0,\"bleed-edges\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"fade-item-sides\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView)}}):(_vm.curatedPageList && _vm.curatedPageList.items && _vm.curatedPageList.items.length > 0 && _vm.curatedPageList.templateType === 'carousel_new' && _vm.curatedPageList.cardType === 'collection')?_c('carousel-ssr',{key:_vm.getNewKey(1),attrs:{\"items\":_vm.curatedPageList.items,\"item-type\":\"Collections\",\"show-nav\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"items-in-view\":_vm.curatedPageList.itemsInView,\"item-spacing\":0,\"bleed-edges\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView),\"fade-item-sides\":!(_vm.curatedPageList.items.length === _vm.curatedPageList.itemsInView)}}):(_vm.curatedPageList && _vm.curatedPageList.items && _vm.curatedPageList.items.length > 0 && _vm.curatedPageList.templateType === 'polaroid')?_c('div',[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"villa-collections\"},_vm._l((_vm.curatedPageList.items),function(villa,index){return _c('div',{key:(\"villatop\" + index + _vm.moduleId),attrs:{\"tabindex\":\"0\"}},[(_vm.curatedPageList.cardType === 'readmore')?_c('read-more-block',{attrs:{\"img-u-r-l\":villa.imgURL,\"link-i-d\":villa.link,\"link-type\":villa.linkType,\"title\":villa.title,\"description\":villa.description}}):(_vm.curatedPageList.cardType === 'normal')?_c('villa-card',{key:(\"v\" + index + _vm.moduleId),attrs:{\"img-u-r-l\":villa.imgURL,\"link-i-d\":villa.link,\"link-type\":villa.linkType,\"title\":villa.title,\"description\":villa.description,\"card-width\":villa.cardsWidth,\"card-height\":villa.cardsHeight}}):(_vm.curatedPageList.cardType === 'collection')?_c('collections',{key:(\"c\" + index + _vm.moduleId),attrs:{\"img-u-r-l\":villa.imgURL,\"link-i-d\":villa.link,\"link-type\":villa.linkType,\"title\":villa.title,\"description\":villa.description,\"card-width\":villa.cardsWidth,\"card-height\":villa.cardsHeight}}):_vm._e()],1)}),0)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tttCarouselEnclosure\"},[_c('ssr-carousel',{key:_vm.carouselContents.length,staticClass:\"tttCarousel\",attrs:{\"slides-per-page\":3,\"gutter\":40,\"paginate-by-slide\":true,\"peek-left\":24,\"peek-right\":24,\"no-drag\":false,\"responsive\":[\n      {\n        maxWidth: 1350,\n        slidesPerPage: 1,\n        paginateBySlide: true,\n        gutter: 40,\n        peekLeft: 24,\n        peekRight: 24,\n        noDrag: false\n      },\n      {\n        maxWidth: 1024,\n        slidesPerPage: 1,\n        paginateBySlide: true,\n        gutter: 24,\n        peekLeft: 24,\n        peekRight: 24,\n        noDrag: false\n      },\n      {\n        maxWidth: 800,\n        slidesPerPage: 1,\n        paginateBySlide: true,\n        gutter: 8,\n        peekLeft: 24,\n        peekRight: 24,\n        noDrag: true\n      }\n    ]}},_vm._l((_vm.carouselContents),function(item,index){return _c('div',{key:(\"items\" + index),ref:(\"divitem\" + index),refInFor:true,staticClass:\"slide link-unstyle\",attrs:{\"tabindex\":\"0\"}},[_c(_vm.dynamicComponent,{key:(\"carousel-item\" + index),tag:\"component\",attrs:{\"img-u-r-l\":item.imgURL,\"link-i-d\":item.link,\"link-type\":item.linkType,\"title\":item.title,\"description\":item.description,\"responsive\":false,\"item\":item}})],1)}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"tttCarouselEnclosure\">\r\n    <ssr-carousel\r\n      :key=\"carouselContents.length\"\r\n      class=\"tttCarousel\"\r\n      :slides-per-page=\"3\"\r\n      :gutter=\"40\"\r\n      :paginate-by-slide=\"true\"\r\n      :peek-left=\"24\"\r\n      :peek-right=\"24\"\r\n      :no-drag=\"false\"\r\n      :responsive=\"[\r\n        {\r\n          maxWidth: 1350,\r\n          slidesPerPage: 1,\r\n          paginateBySlide: true,\r\n          gutter: 40,\r\n          peekLeft: 24,\r\n          peekRight: 24,\r\n          noDrag: false\r\n        },\r\n        {\r\n          maxWidth: 1024,\r\n          slidesPerPage: 1,\r\n          paginateBySlide: true,\r\n          gutter: 24,\r\n          peekLeft: 24,\r\n          peekRight: 24,\r\n          noDrag: false\r\n        },\r\n        {\r\n          maxWidth: 800,\r\n          slidesPerPage: 1,\r\n          paginateBySlide: true,\r\n          gutter: 8,\r\n          peekLeft: 24,\r\n          peekRight: 24,\r\n          noDrag: true\r\n        }\r\n      ]\"\r\n    >\r\n      <div v-for=\"(item, index) in carouselContents\" :key=\"`items${index}`\" :ref=\"`divitem${index}`\" tabindex=\"0\" class=\"slide link-unstyle\">\r\n        <component :is=\"dynamicComponent\"\r\n                   :key=\"`carousel-item${index}`\"\r\n                   :img-u-r-l=\"item.imgURL\"\r\n                   :link-i-d=\"item.link\"\r\n                   :link-type=\"item.linkType\"\r\n                   :title=\"item.title\"\r\n                   :description=\"item.description\"\r\n                   :responsive=\"false\"\r\n                   :item=\"item\"\r\n        />\r\n      </div>\r\n    </ssr-carousel>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SsrCarousel from 'vue-ssr-carousel';\r\nimport SsrCarouselCss from 'vue-ssr-carousel/index.css';\r\nimport { CAROUSEL_DIRECTION } from '../../constants/constants.js';\r\n\r\nexport default {\r\n  name: 'Carousel',\r\n  components: { SsrCarousel, SsrCarouselCss },\r\n  props: {\r\n    items: { type: Array, required: true, default: () => [] },\r\n    itemType: { type: String, required: true, default: 'ReadMoreBlock' },\r\n    itemsInView: { type: Number, default: 3 },\r\n    itemSpacing: { type: Number, default: 0 },\r\n    showNav: { type: Boolean, default: true },\r\n    showMobileNav: { type: Boolean, default: true },\r\n    navIconSize: { type: String, default: '40px' },\r\n    navIconPosition: { type: String, default: '-40px' },\r\n    bleedEdges: { type: Boolean, default: false },\r\n    fadeItemSides: { type: Boolean, default: false },\r\n    coverItemSides: { type: Boolean, default: false },\r\n    coverSidesColour: { type: [String, Number], default: '#fff' },\r\n    coverSidesOpacity: { type: Number, default: 0.8 },\r\n    tweenTime: { type: Number, default: 1 },\r\n  },\r\n  data() {\r\n    return {\r\n      CAROUSEL_DIRECTION,\r\n      newItems: [],\r\n      carouselItems: [],\r\n      positions: [],\r\n      mappedPositions: [],\r\n      numberOfItems: 0,\r\n      totalItems: 0,\r\n      posIndex: 0,\r\n      itemWidth: 0,\r\n      repeatStartPosition: 0,\r\n      repeatEndPosition: 0,\r\n      visibleItems: this.itemsInView,\r\n      spacing: this.itemSpacing,\r\n      fadeSides: this.fadeItemSides,\r\n      coverSides: this.coverItemSides,\r\n      showNavigation: this.showNav,\r\n      showMobileControls: false,\r\n      sdelay: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    carouselContents() {\r\n      return this.newItems;\r\n    },\r\n    dynamicComponent() {\r\n      switch (this.itemType) {\r\n        case 'VillaCard':\r\n          const VillaCard = () => import('../VillaCard.vue');\r\n          return VillaCard;\r\n        case 'ReadMoreBlock':\r\n          const ReadMoreBlock = () => import('../ReadMoreBlock.vue');\r\n          return ReadMoreBlock;\r\n        case 'ExperienceBlock':\r\n          const ExperienceBlock = () => import('../ExperienceBlock.vue');\r\n          return ExperienceBlock;\r\n        case 'UsefulLinksBlock':\r\n          const UsefulLinksBlock = () => import('../UsefulLinksBlock.vue');\r\n          return UsefulLinksBlock;\r\n        case 'Collections':\r\n          const Collections = () => import('../cms_modules/CMSCollections.vue');\r\n          return Collections;\r\n        default:\r\n      }\r\n    },\r\n    getMainWidth() {\r\n      const container_width = this.visibleItems * this.itemWidth;\r\n      // console.log('getMainWidth', container_width)\r\n\r\n      return {\r\n        width: this.convertNumberToPixel(container_width),\r\n      };\r\n    },\r\n    getCarouselWidth() {\r\n      const container_width = this.numberOfItems * this.itemWidth;\r\n      // console.log('getCarouselWidth', container_width)\r\n      return {\r\n        width: this.convertNumberToPixel(container_width),\r\n      };\r\n    },\r\n    coverSize() {\r\n      return {\r\n        width: '100%',\r\n        maxWidth: this.convertNumberToPixel(this.itemWidth),\r\n        height: '100%',\r\n        backgroundColor: this.coverSides ? this.coverSidesColour : 'transparent',\r\n        opacity: this.coverSidesOpacity,\r\n      };\r\n    },\r\n    showNavButtons() {\r\n      return this.showNavigation;\r\n    },\r\n    getMaskStyle() {\r\n      return {\r\n        overflow: this.bleedEdges ? 'visible' : 'hidden',\r\n      };\r\n    },\r\n  },\r\n  mounted() {\r\n    // console.log('-----CAROUSEL MOUNTED --------');\r\n    // TweenMax.defaultOverwrite = 'all';\r\n    this.fadeSides = this.fadeItemSides;\r\n    this.coverSides = this.coverItemSides;\r\n    this.visibleItems = this.itemsInView;\r\n    this.spacing = this.itemSpacing;\r\n    this.showNavigation = this.showNav;\r\n\r\n    // console.log('CAROUSEL KEY =', this.$vnode.key);\r\n    // console.log('CAROUSEL items =', this.items);\r\n    // console.log('CAROUSEL  TYPE =', this.itemType);\r\n    // console.log('CAROUSEL  itemsInView =', this.itemsInView);\r\n    // console.log('CAROUSEL  props =',  this.$props);\r\n    this.initCarousel();\r\n  },\r\n  beforeUpdate() {\r\n    // console.log('-----CAROUSEL BEFORE UPDATED --------');\r\n    // TweenMax.set(this.$refs.tttCarousel, { alpha: 0 });\r\n  },\r\n  // watch: {\r\n  //     items: {\r\n  //         handler: function(n, o) {\r\n  //             console.log('items updated to :', n, performance.now() )\r\n  //         },\r\n  //         immediate: true,\r\n  //         deep: true,\r\n  //     }\r\n  // },\r\n  methods: {\r\n\r\n    // ------------------- INTI CAROUSEL  ----------------------//\r\n    initCarousel() {\r\n      // TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: 0 } });\r\n\r\n      this.numberOfItems = this.items.length;\r\n\r\n      this.newItems = null;\r\n      this.newItems = this.items;\r\n      // this.newItems = this.newItems.concat(this.newItems);\r\n\r\n      const firstItem = this.items[0];\r\n      const lastItem = this.items[this.numberOfItems - 1];\r\n      // this.newItems.unshift(lastItem);\r\n      // this.newItems.push(firstItem);\r\n\r\n      // this.$nextTick(() => {\r\n      //  this.configureCarousel();\r\n      // });\r\n    },\r\n\r\n    configureCarousel() {\r\n      this.carouselItems = Array.from(this.$refs.carouselItemsHolder.children);\r\n      this.totalItems = this.carouselItems.length;\r\n      this.configureItemSpacing();\r\n      // TweenMax.delayedCall(1, this.setupCarousel);\r\n      // TweenMax.delayedCall(1.1, this.onScreenResize);\r\n      window.addEventListener('resize', this.onScreenResize);\r\n    },\r\n\r\n    configureItemSpacing() {\r\n      const item_spacing = Math.round(this.spacing / 2);\r\n      this.carouselItems.forEach((element, i) => {\r\n        element.style.paddingLeft = this.spacing !== 0 ? this.convertNumberToPixel(item_spacing) : 0;\r\n        element.style.paddingRight = this.spacing !== 0 ? this.convertNumberToPixel(item_spacing) : 0;\r\n      });\r\n    },\r\n\r\n    setupCarousel() {\r\n      this.itemWidth = parseInt(this.carouselItems[1].offsetWidth);\r\n      this.positions = this.getPositionsArray(0, this.itemWidth, this.totalItems);\r\n      this.repeatEndPosition = this.positions[this.numberOfItems - 1];\r\n      this.repeatStartPosition = this.positions[this.numberOfItems + 1];\r\n      this.posIndex = this.numberOfItems + 1;\r\n\r\n      // -----Create mapped X to CSS Left - Positions array to avoid reflow on animation calcs-----//\r\n      const cbb = this.$refs.carouselItemsHolder ? this.$refs.carouselItemsHolder.getBoundingClientRect() : null;\r\n\r\n      if (cbb) {\r\n        const itemsPos = this.getPositionsArray(Math.round(cbb.left), -this.itemWidth, this.totalItems);\r\n        const xl = itemsPos[this.posIndex];\r\n        this.mappedPositions = this.getPositionsArray(xl, this.itemWidth, this.totalItems);\r\n\r\n        // TweenMax.delayedCall(0.2, this.checkCarouselItems);\r\n        // TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: this.repeatStartPosition } });\r\n        // TweenMax.to(this.$refs.tttCarousel, 1, { alpha: 1, delay: 0.5 });\r\n      }\r\n    },\r\n\r\n    slideCarousel(direction) {\r\n      if (direction === CAROUSEL_DIRECTION.LEFT) {\r\n        this.posIndex++;\r\n        this.checkPositonIndex();\r\n        const next_positon = this.convertNumberToPixel(this.positions[this.posIndex]);\r\n        // TweenMax.to(this.$refs.carouselItemsHolder, this.tweenTime, {\r\n        //  css: { left: next_positon }, rotation: 0.001, delay: this.sdelay, onComplete: this.onSlideComplete, ease: Power4.easeOut,\r\n        // });\r\n        // this.fadeSides ? this.checkCarouselItemsPosition(CAROUSEL_DIRECTION.LEFT) : null;\r\n        // this.fadeSides ? TweenMax.delayedCall(this.sdelay, this.checkCarouselItemsPosition, [CAROUSEL_DIRECTION.LEFT]) : null;\r\n      }\r\n      else if (direction === CAROUSEL_DIRECTION.RIGHT) {\r\n        this.posIndex--;\r\n        this.checkPositonIndex();\r\n        const next_positon = this.convertNumberToPixel(this.positions[this.posIndex]);\r\n        // TweenMax.to(this.$refs.carouselItemsHolder, this.tweenTime, {\r\n        //  css: { left: next_positon }, rotation: 0.001, delay: this.sdelay, onComplete: this.onSlideComplete, ease: Power4.easeOut,\r\n        // });\r\n        // this.fadeSides ? this.checkCarouselItemsPosition(CAROUSEL_DIRECTION.RIGHT) : null;\r\n        // this.fadeSides ? TweenMax.delayedCall(this.sdelay, this.checkCarouselItemsPosition, [CAROUSEL_DIRECTION.RIGHT]) : null;\r\n      }\r\n    },\r\n\r\n    onSlideComplete() {\r\n      this.checkCarouselItems();\r\n      // this.checkPositonIndex();\r\n    },\r\n\r\n    checkPositonIndex() {\r\n      const maxPosIndex = this.totalItems - this.visibleItems - 1;\r\n      const minPosIndex = 1;\r\n\r\n      if (this.posIndex >= maxPosIndex) {\r\n        this.sdelay = 0.2;\r\n\r\n        this.posIndex -= this.numberOfItems;\r\n\r\n        const pos = this.convertNumberToPixel(this.positions[this.posIndex - 1]);\r\n\r\n        // ANGEL TRY CHANGE POSITION ANOTHER WAY MAYBE WILL WORK BETTER\r\n        // TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: pos } });\r\n        // this.$refs.carouselItemsHolder.style.left = pos;\r\n\r\n        this.checkCarouselItems(1);\r\n      }\r\n      else if (this.posIndex <= minPosIndex) {\r\n        this.sdelay = 0.2;\r\n\r\n        this.posIndex = this.numberOfItems + 1;\r\n\r\n        const pos = this.convertNumberToPixel(this.positions[this.posIndex + 1]);\r\n\r\n        // TweenMax.set(this.$refs.carouselItemsHolder, { css: { left: pos } });\r\n        // this.$refs.carouselItemsHolder.style.left = pos;\r\n\r\n        this.checkCarouselItems(-1);\r\n      }\r\n      else {\r\n        this.sdelay = 0;\r\n      }\r\n    },\r\n\r\n    checkCarouselItems(ex = 0) {\r\n      // On Tween Complete setup\r\n      if (this.fadeSides) {\r\n        const cx = this.mappedPositions[this.posIndex + 2];\r\n        const itemsPos = this.getPositionsArray(cx, -this.itemWidth, this.totalItems);\r\n        const leftx = itemsPos[this.posIndex];\r\n        const rightx = itemsPos[this.posIndex + this.visibleItems - 1];\r\n\r\n        this.carouselItems.forEach((element, i) =>\r\n        {\r\n          const itemx = itemsPos[i + ex];\r\n          // console.log('itemsPos', itemsPos)\r\n          // console.log('itemx', itemx)\r\n\r\n          if (this.bleedEdges && this.visibleItems <= 2) {\r\n            if (itemx === leftx || itemx === rightx) {\r\n              // TweenMax.to(element, 0, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0, { alpha: 0.2 });\r\n            }\r\n          }\r\n          else {\r\n            if (itemx >= leftx - 1 && itemx <= rightx + 1) {\r\n              // TweenMax.to(element, 0, { alpha: 1 });\r\n            }\r\n            else if (itemx == leftx && itemx == rightx) {\r\n              // TweenMax.to(element, 0, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0, { alpha: 0.2 });\r\n            }\r\n          }\r\n        });\r\n      }\r\n    },\r\n\r\n    checkCarouselItemsPosition(direction) {\r\n      const cx = direction === CAROUSEL_DIRECTION.LEFT ? this.mappedPositions[this.posIndex + 1] : this.mappedPositions[this.posIndex + 3];\r\n\r\n      const itemsPos = this.getPositionsArray(cx, -this.itemWidth, this.totalItems);\r\n\r\n      let leftx;\r\n      let rightx;\r\n\r\n      if (direction === CAROUSEL_DIRECTION.LEFT) {\r\n        leftx = itemsPos[this.posIndex - 1];\r\n        rightx = itemsPos[this.posIndex - 1 + this.visibleItems - 1];\r\n      }\r\n      else {\r\n        leftx = itemsPos[this.posIndex + 1];\r\n        rightx = itemsPos[this.posIndex + 1 + this.visibleItems - 1];\r\n      }\r\n\r\n      this.carouselItems.forEach((element, i) => {\r\n        const itemx = itemsPos[i];\r\n\r\n        if (direction === CAROUSEL_DIRECTION.LEFT) {\r\n          if (this.bleedEdges && this.visibleItems <= 2) {\r\n            if (itemx > leftx && itemx <= (rightx + this.itemWidth)) {\r\n              // TweenMax.to(element, 0.2, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0.2, { alpha: 0.2 });\r\n            }\r\n          }\r\n          else {\r\n            if ((itemx - this.itemWidth) > leftx - 1 && itemx < (rightx + 1 + this.itemWidth)) {\r\n              // TweenMax.to(element, 0.2, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0.2, { alpha: 0.2 });\r\n            }\r\n          }\r\n        }\r\n        else if (direction === CAROUSEL_DIRECTION.RIGHT) {\r\n          if (this.bleedEdges && this.visibleItems <= 2) {\r\n            if (itemx < rightx && itemx >= (leftx - this.itemWidth)) {\r\n              // TweenMax.to(element, 0.2, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0.2, { alpha: 0.2 });\r\n            }\r\n          }\r\n          else {\r\n            if ((itemx + this.itemWidth > leftx - 1) && (itemx < (rightx + 1 - this.itemWidth))) {\r\n              // TweenMax.to(element, 0.2, { alpha: 1 });\r\n            }\r\n            else {\r\n              // TweenMax.to(element, 0.2, { alpha: 0.2 });\r\n            }\r\n          }\r\n        }\r\n      });\r\n    },\r\n\r\n    // ---------------------- UTILS -------------------//\r\n    convertNumberToPixel(val) {\r\n      return `${val}px`;\r\n    },\r\n\r\n    getPositionsArray(start, increment, length) {\r\n      return Array(length).fill(start).map((pos, i) => pos - (i * increment));\r\n    },\r\n\r\n    getNavStyles(direction) {\r\n      return {\r\n        left: direction === 'left' ? this.navIconPosition : null,\r\n        right: direction === 'right' ? this.navIconPosition : null,\r\n        width: this.navIconSize,\r\n        height: this.navIconSize,\r\n      };\r\n    },\r\n\r\n    showAllItems() {\r\n      this.carouselItems.forEach((element) => {\r\n        // TweenMax.to(element, 0.2, { alpha: 1 });\r\n      });\r\n    },\r\n\r\n    // -------------------------------  Screen resize  ----------------------------------------------//\r\n    onScreenResize() {\r\n      const margins = 80;\r\n      const screenWidth = document.documentElement.clientWidth;\r\n      const screenHeight = document.documentElement.clientHeight;\r\n      const container_width = (this.itemsInView * this.itemWidth) + margins;\r\n      const itemsCanFit = Math.floor((screenWidth - margins) / this.itemWidth);\r\n\r\n      if (screenWidth < container_width)\r\n      {\r\n        itemsCanFit > 1 ? this.visibleItems = itemsCanFit : this.visibleItems = 1;\r\n\r\n        if (itemsCanFit <= 2 && !this.bleedEdges) {\r\n          this.fadeSides = false;\r\n          this.coverSides = false;\r\n        }\r\n        else {\r\n          this.fadeSides = this.fadeItemSides;\r\n          this.coverSides = this.coverItemSides;\r\n        }\r\n\r\n        itemsCanFit === 1 && !this.bleedEdges ? this.spacing = 0 : this.spacing = this.itemSpacing;\r\n\r\n        this.configureItemSpacing();\r\n        this.setupCarousel();\r\n        this.checkCarouselItems();\r\n      }\r\n      else {\r\n        this.visibleItems = this.itemsInView;\r\n        this.fadeSides = this.fadeItemSides;\r\n        this.coverSides = this.coverItemSides;\r\n        this.spacing = this.itemSpacing;\r\n        this.configureItemSpacing();\r\n        this.setupCarousel();\r\n        this.checkCarouselItems();\r\n      }\r\n\r\n      // On mobiles hide the nav buttons - or we can replace them or change position, check with UX\r\n      if (screenWidth < 1076) {\r\n        this.showNavigation = false;\r\n        this.showMobileControls = true;\r\n      }\r\n      else {\r\n        this.showNavigation = this.showNav;\r\n        this.showMobileControls = false;\r\n      }\r\n    },\r\n\r\n    swipeHandler(direction) {\r\n      direction === 'left' ? this.slideCarousel(CAROUSEL_DIRECTION.LEFT) : null;\r\n      direction === 'right' ? this.slideCarousel(CAROUSEL_DIRECTION.RIGHT) : null;\r\n    },\r\n\r\n    keyboardPressed(e) {\r\n      switch (e.key) {\r\n        case 'ArrowLeft':\r\n          this.slideCarousel(CAROUSEL_DIRECTION.RIGHT);\r\n          break;\r\n        case 'ArrowRight':\r\n          this.slideCarousel(CAROUSEL_DIRECTION.LEFT);\r\n          break;\r\n        default:\r\n                   // console.log('keyboard pressed not nav ', e.key);\r\n      }\r\n    },\r\n\r\n  },\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../assets/styles/settings/config.scss\";\r\n$button-size: 30px;\r\n\r\n.tttCarouselEnclosure {\r\n  margin: 1em auto;\r\n  overflow: hidden;\r\n\r\n  .tttCarousel {\r\n    position: relative;\r\n    margin: 0 auto;\r\n    @media screen and (max-width: 800px) {\r\n    }\r\n    @media screen and (min-width: 800px) and (max-width: 1024px) {\r\n    }\r\n\r\n    &::-webkit-scrollbar-track {\r\n      background-color: transparent;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n      background: transparent;\r\n    }\r\n    &::v-deep .ssr-carousel-slides {\r\n      position: initial !important;\r\n    }\r\n    // &::v-deep .ssr-carousel-track {\r\n    //   @media screen and (max-width: 800px) {\r\n    //     display: block;\r\n    //   }\r\n    // }\r\n    &::v-deep .block-feature {\r\n      margin: 0 !important;\r\n    }\r\n    .slide {\r\n      display: block;\r\n      flex-shrink: initial;\r\n      margin-bottom: 24px;\r\n      @media screen and (min-width: 800px) {\r\n        margin-bottom: 0;\r\n      }\r\n      @media screen and (min-width: 1024px) {\r\n      }\r\n      &::v-deep a {\r\n        // box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);\r\n        margin: 0;\r\n        padding-top: 24px;\r\n        padding-bottom: 24px;\r\n      }\r\n      &::v-deep h3 {\r\n        font-style: normal;\r\n        font-weight: 200;\r\n        letter-spacing: -0.02em;\r\n      }\r\n    }\r\n\r\n    &::v-deep .ssr-carousel-arrows button {\r\n      cursor: pointer;\r\n      position: absolute;\r\n      top: 47%;\r\n      left: 8px;\r\n      width: 26px;\r\n      height: 26px;\r\n      background: $stoneWhite;\r\n      color: $darkBlack;\r\n      font-weight: bold;\r\n      font-size: 18px;\r\n      transition: 0.6s ease;\r\n      border-radius: 13px;\r\n      user-select: none;\r\n      text-align: center;\r\n      border: 1px solid $yellowStone;\r\n      line-height:13px;\r\n      @media screen and (min-width: 800px) {\r\n        left: 24px;\r\n      }\r\n      @media screen and (min-width: 1024px) {\r\n        left: 24px;\r\n      }\r\n\r\n      &:focus {\r\n        outline: 0;\r\n      }\r\n\r\n      &.ssr-carousel-next-button {\r\n        left: initial;\r\n        right: 8px;\r\n        @media screen and (min-width: 800px) {\r\n          right: 24px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.carousel-container{\r\n    position: relative;\r\n    margin:  0 auto;\r\n}\r\n\r\n.ttt-carousel,\r\n.ttt-carousel:focus{\r\n    outline: 0;\r\n\r\n}\r\n\r\n.carousel-mask{\r\n    background-color:transparent;\r\n    overflow: hidden;\r\n}\r\n\r\n.carousel-contents{\r\n    position: relative;\r\n    display: flex;\r\n}\r\n\r\n.cover{\r\n    position: absolute;\r\n    top:0px;\r\n    width:330px;\r\n    max-width: 330px;\r\n    height: 400px;\r\n    background-color:transparent;\r\n    z-index: 50;\r\n    opacity: 0.7;\r\n    pointer-events: none;\r\n}\r\n\r\n.left-cover{\r\n    left:0px;\r\n}\r\n\r\n.right-cover{\r\n    right:0px;\r\n}\r\n\r\n.carousel-nav{\r\n    position: absolute;\r\n    top: 47%;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content:space-between;\r\n    flex-direction: row;\r\n}\r\n\r\n.carousel-mobile-controls{\r\n   position: relative;\r\n   color: $darkBlack;\r\n   text-align: center;\r\n   font-size: 16px;\r\n   font-family: $font-family-grotesk;\r\n   margin: 10px 0 10px 0;\r\n   display: flex;\r\n   justify-content: center;\r\n}\r\n\r\n.mobile-controls-arrow-1 {\r\n  // transform: rotate(180deg);\r\n  margin: 0 10px 0 0;\r\n}\r\n\r\n.mobile-controls-arrow-2 {\r\n  margin: 0 0 0 10px;\r\n}\r\n\r\n.arrow-button{\r\n    width: $button-size;\r\n    height:$button-size;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-right{\r\n    // transform: rotate(180deg);\r\n}\r\n\r\n.left-button{\r\n    position: relative;\r\n    left: -50px;\r\n}\r\n\r\n.right-button{\r\n    position: relative;\r\n    right: -50px;\r\n}\r\n\r\n</style>\r\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!./CarouselSsr.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!./CarouselSsr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CarouselSsr.vue?vue&type=template&id=25db21d4&scoped=true&\"\nimport script from \"./CarouselSsr.vue?vue&type=script&lang=js&\"\nexport * from \"./CarouselSsr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CarouselSsr.vue?vue&type=style&index=0&id=25db21d4&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  \"25db21d4\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div :id=\"divID\" class=\"curated-page-list\" :data-title=\"curatedPageList.title\">\r\n    <h3 v-if=\"curatedPageList.title && curatedPageList.title != ''\" class=\"h4 uppercase text-center\">\r\n      {{ curatedPageList.title }}\r\n    </h3>\r\n\r\n    <!--NOTES\r\n      1.) Possible property for \"item-spacing(carousel only)\",\"showNav(carousel only)\", \"cardWidth(villa card only)\" and \"cardHeight(villa card only)\" to editable Curated List Module in CMS Editor ???\r\n    -->\r\n    <!--for CAROUSEL with VILLA CARDS-->\r\n    <carousel v-if=\"curatedPageList && curatedPageList.items && curatedPageList.items.length > 0 && curatedPageList.templateType === 'carousel' && curatedPageList.cardType === 'normal'\"\r\n              :key=\"getNewKey(1)\"\r\n              :items=\"curatedPageList.items\"\r\n              item-type=\"VillaCard\"\r\n              :show-nav=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :items-in-view=\"curatedPageList.itemsInView\"\r\n              :item-spacing=\"20\"\r\n              :bleed-edges=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :fade-item-sides=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n    />\r\n\r\n    <!--for CAROUSEL with READ MORE BLOCKS-->\r\n    <carousel v-else-if=\"curatedPageList && curatedPageList.items && curatedPageList.items.length > 0 && curatedPageList.templateType === 'carousel' && curatedPageList.cardType === 'readmore'\"\r\n              :key=\"getNewKey(1)\"\r\n              :items=\"curatedPageList.items\"\r\n              item-type=\"ReadMoreBlock\"\r\n              :show-nav=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :items-in-view=\"curatedPageList.itemsInView\"\r\n              :item-spacing=\"0\"\r\n              :bleed-edges=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :fade-item-sides=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n    />\r\n\r\n    <!--for CAROUSEL with COLLECTION BLOCKS-->\r\n    <carousel v-else-if=\"curatedPageList && curatedPageList.items && curatedPageList.items.length > 0 && curatedPageList.templateType === 'carousel' && curatedPageList.cardType === 'collection'\"\r\n              :key=\"getNewKey(1)\"\r\n              :items=\"curatedPageList.items\"\r\n              item-type=\"Collections\"\r\n              :show-nav=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :items-in-view=\"curatedPageList.itemsInView\"\r\n              :item-spacing=\"0\"\r\n              :bleed-edges=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n              :fade-item-sides=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n    />\r\n\r\n    <!--for CAROUSEL_NEW with COLLECTION BLOCKS - home page collection - most properties are ignored-->\r\n    <carousel-ssr v-else-if=\"curatedPageList && curatedPageList.items && curatedPageList.items.length > 0 && curatedPageList.templateType === 'carousel_new' && curatedPageList.cardType === 'collection'\"\r\n                  :key=\"getNewKey(1)\"\r\n                  :items=\"curatedPageList.items\"\r\n                  item-type=\"Collections\"\r\n                  :show-nav=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n                  :items-in-view=\"curatedPageList.itemsInView\"\r\n                  :item-spacing=\"0\"\r\n                  :bleed-edges=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n                  :fade-item-sides=\"!(curatedPageList.items.length === curatedPageList.itemsInView)\"\r\n    />\r\n\r\n    <!--for POLAROIDS with VILLA CARDS or READ MORE BLOCKS-->\r\n    <!--NOTE: :DESCRIPTION could be the collection's VILLA COUNT if item type is Collection-->\r\n    <div v-else-if=\"curatedPageList && curatedPageList.items && curatedPageList.items.length > 0 && curatedPageList.templateType === 'polaroid'\">\r\n      <div class=\"wrapper\">\r\n        <div class=\"villa-collections\">\r\n          <div v-for=\"(villa, index) in curatedPageList.items\" :key=\"`villatop${index}${moduleId}`\" tabindex=\"0\">\r\n            <read-more-block v-if=\"curatedPageList.cardType === 'readmore'\" :img-u-r-l=\"villa.imgURL\" :link-i-d=\"villa.link\" :link-type=\"villa.linkType\" :title=\"villa.title\" :description=\"villa.description\" />\r\n            <villa-card v-else-if=\"curatedPageList.cardType === 'normal'\" :key=\"`v${index}${moduleId}`\" :img-u-r-l=\"villa.imgURL\" :link-i-d=\"villa.link\" :link-type=\"villa.linkType\" :title=\"villa.title\" :description=\"villa.description\" :card-width=\"villa.cardsWidth\" :card-height=\"villa.cardsHeight\" />\r\n            <collections v-else-if=\"curatedPageList.cardType === 'collection'\" :key=\"`c${index}${moduleId}`\" :img-u-r-l=\"villa.imgURL\" :link-i-d=\"villa.link\" :link-type=\"villa.linkType\" :title=\"villa.title\" :description=\"villa.description\" :card-width=\"villa.cardsWidth\" :card-height=\"villa.cardsHeight\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!--:items-in-view=\"parseInt(curatedPageList.itemsInView)\"-->\r\n    <!--<div v-if=\"curatedPageList && curatedPageList.items.length > 0 && curatedPageList.templateType === 'polaroid'\" class=\"background-offwhite topSpace50\">\r\n    <div class=\"wrapper\">\r\n      <div class=\"villa-collections\">\r\n        <div v-for=\"(item, index) in curatedPageList.items\" :key=\"`villatest${index}${moduleId}`\">\r\n\r\n          <read-more-block v-if=\"curatedPageList.cardType === 'readmore'\" :imgURL=\"item.imageUrl\" :linkID=\"item.entityId\" :title=\"item.title\" :description=\"item.description\" :responsive=\"false\" />\r\n          <villa-card v-else=\"curatedPageList.cardType === 'normal'\" :imgURL=\"item.imageUrl\" :linkID=\"item.entityId\" :title=\"item.title\" :description=\"item.villas\" cardWidth=\"420px\" :key=\"`v${index}${moduleId}`\" />\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>-->\r\n  </div>\r\n</template>\r\n<script>\r\nimport Carousel from '../gallery/Carousel.vue';\r\nimport CarouselSsr from '../gallery/CarouselSsr.vue';\r\nimport VillaCard from '../VillaCard.vue';\r\nimport ReadMoreBlock from '../ReadMoreBlock.vue';\r\nimport Bus from '../../events/bus';\r\nimport Collections from './CMSCollections.vue';\r\n\r\nexport default {\r\n  components: {\r\n    Carousel,\r\n    CarouselSsr,\r\n    VillaCard,\r\n    ReadMoreBlock,\r\n    Collections,\r\n  },\r\n  props: {\r\n    settings: {\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {\r\n    divID() {\r\n      if (this.curatedPageList.title) {\r\n        return this.curatedPageList.title.split(' ').join('-');\r\n      }\r\n    },\r\n\r\n    curatedPageList() {\r\n      const curatedList = this.settings.find((s) => s.name == 'curatedList');\r\n      if (curatedList) {\r\n        const objCuratedList = JSON.parse(curatedList.value);\r\n        if (objCuratedList.items) {\r\n          // each item needs a link(linkId = pageId,villaId,collectionId etc) property to be compatible with wrapped carousel control (link can be an URL in the case of Manual linkType)\r\n          objCuratedList.items.forEach((i) => {\r\n            if (i.linkType && i.linkType !== 'manual') i.link = String(i.linkID);\r\n            else i.link = i.linkURL;\r\n          });\r\n          objCuratedList.items.forEach((i) => {\r\n            if (i.cardsWidth && i.cardsWidth != '') { i.cardsWidth += 'px'; }\r\n            if (i.cardsHeight && i.cardsHeight != '') { i.cardsHeight += 'px'; }\r\n          });\r\n        }\r\n        return objCuratedList;\r\n      }\r\n\r\n      return null;\r\n    },\r\n\r\n    moduleId() {\r\n      if (this.settings.length > 0) {\r\n        return this.settings[0].moduleId;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    Bus.$emit('cms-curated-page-list-mounted', this.curatedPageList);\r\n  },\r\n  methods: {\r\n    getNewKey(num) {\r\n      const uuidv4 = require('uuid/v4');\r\n      let nk = uuidv4();\r\n      nk = `${nk}${num}`;\r\n      return nk;\r\n    },\r\n  },\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  @import \"../../assets/styles/settings/config.scss\";\r\n\r\n  //----- VILLA COLLECTIONS ------//\r\n  .villa-collections {\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n// This is specifically for the guide page, but will see what else it affects. - Julia\r\n// This is also on the home page but works fine\r\n  .curated-page-list {\r\n    padding: .5em 0 .5em;\r\n    overflow: hidden; //needed for carousel bug xscroll\r\n    &:nth-child(even) {\r\n      background-color: $stoneCream;\r\n    }\r\n    h4{\r\n      margin: 20px 0 10px 0;\r\n    }\r\n  }\r\n</style>\r\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!./CMSCuratedPageList.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!./CMSCuratedPageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CMSCuratedPageList.vue?vue&type=template&id=97acf918&scoped=true&\"\nimport script from \"./CMSCuratedPageList.vue?vue&type=script&lang=js&\"\nexport * from \"./CMSCuratedPageList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CMSCuratedPageList.vue?vue&type=style&index=0&id=97acf918&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  \"97acf918\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"block-holder\",class:_vm.getResponsiveClass},[_c('div',{staticClass:\"block-feature\"},[_c('app-link',{staticClass:\"collection__tile link-unstyle lazyload\",style:(_vm.getBackground),attrs:{\"id\":_vm.linkID,\"type\":\"collection\",\"alt\":_vm.title}},[_c('div',{staticClass:\"overlay\"}),_c('h3',{staticClass:\"uppercase\",domProps:{\"innerHTML\":_vm._s(_vm.getHeadingText(_vm.title))}}),_c('div',{staticClass:\"text-center\"},[_c('span',{staticClass:\"btn-underlined-light-sm\"},[_vm._v(\"\\n          \"+_vm._s(_vm.description)+\"\\n        \")])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"block-holder\" :class=\"getResponsiveClass\">\n    <div class=\"block-feature\">\n      <app-link :id=\"linkID\" type=\"collection\" class=\"collection__tile link-unstyle lazyload\" :style=\"getBackground\" :alt=\"title\">\n        <div class=\"overlay\" />\n        <h3 class=\"uppercase\" v-html=\"getHeadingText(title)\" />\n        <div class=\"text-center\">\n          <span class=\"btn-underlined-light-sm\">\n            {{ description }}\n          </span>\n        </div>\n      </app-link>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Collections',\n  props: {\n    imgURL: { type: String, required: true },\n    linkID: { type: String },\n    linkType: { type: String },\n    title: { type: String, required: true },\n    description: { type: String, required: true },\n    responsive: { type: Boolean, default: true },\n  },\n  computed: {\n    getResponsiveClass() {\n      return {\n        responsive: this.responsive,\n      };\n    },\n    getBackground() {\n      return {\n        backgroundImage: `url(\"${encodeURI(this.imgURL)}\")`,\n      };\n    },\n  },\n  methods: {\n    getBackgroundImage(url) {\n      return {\n        backgroundImage: `url(${url})`,\n      };\n    },\n    getHeadingText(text) {\n      const regex = /\\b(the|by|to|through|into|in|at|on|of|for|and|near|a|with|de|la)\\b/gi;\n      return text.replace(regex, '<span class=\"lowercase\">$1</span>');\n    },\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../assets/styles/settings/_config.scss\";\n\n// Must be kept at 3:2 ratio\n$image-width: 412px;\n$image-height: 515px;\n\n.lazy {\n   background-image: none !important;\n   background-color: $solitude;\n}\n\n.block-feature {\n  min-width: $image-width;\n  @media (max-width: 768px) {\n    max-width: 280px;\n    min-width: 280px\n  }\n}\n\n.block-image-container {\n  overflow: hidden;\n  min-width: $image-width;\n  height: $image-width;\n}\n\n.block-image {\n  min-width: $image-width;\n  height: $image-height;\n  display: block;\n  cursor: pointer;\n  overflow: hidden;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center center;\n  background-color: $silver;\n}\n\n.collection__tile {\n  position: relative;\n  padding: 1em 2em;\n  margin: 0 1em;\n  height: 515px;\n  // min-width: 300px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-size: cover;\n  @media screen and (max-width: 480px) {\n    margin: 0 0 1em 0;\n    width: 100%;\n    height: 400px;\n  }\n  h3 {\n    position: relative;\n    z-index: 2;\n    font-size: 40px;\n    font-family: $font-family-editorial;\n    color: $stoneWhite;\n    line-height: 1.2;\n    letter-spacing: 0 !important;\n    @media screen and (max-width: 480px) {\n      font-size: 32px;\n    }\n  }\n}\n\n.responsive {\n    @media (max-width: 1024px) {\n    .block-holder{\n        justify-content:center;\n        flex-direction: column;\n        flex-wrap: wrap;\n        width: auto;\n    }\n\n    .block-feature {\n        width: 90%;\n    }\n\n    .block-image {\n        width: 100%;\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!./CMSCollections.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!./CMSCollections.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CMSCollections.vue?vue&type=template&id=add314d0&scoped=true&\"\nimport script from \"./CMSCollections.vue?vue&type=script&lang=js&\"\nexport * from \"./CMSCollections.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CMSCollections.vue?vue&type=style&index=0&id=add314d0&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  \"add314d0\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/postcss-loader/src/index.js??postcss-loader!../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VillaCard.vue?vue&type=style&index=0&id=4d29704e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/postcss-loader/src/index.js??postcss-loader!../../node_modules/sass-loader/lib/loader.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VillaCard.vue?vue&type=style&index=0&id=4d29704e&lang=scss&scoped=true&\""],"sourceRoot":""}