{"version":3,"sources":["webpack:///./src/components/FrontEnd/Locations/ImageCarousel.vue","webpack:///src/components/FrontEnd/Locations/ImageCarousel.vue","webpack:///./src/components/FrontEnd/Locations/ImageCarousel.vue?c5be","webpack:///./src/components/FrontEnd/Locations/ImageCarousel.vue?e869","webpack:///./src/components/FrontEnd/Locations/ImageCarousel.vue?917e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","key","imageIndex","style","backgroundImage","concat","locationImage","mImages","length","on","$event","stepNav","class","_e","staticRenderFns","components","props","images","type","Array","required","locationId","Number","isMeetingspace","Boolean","default","data","computed","$options","filters","getLocationImage","Image","UrlMedium","created","slice","sort","item","IsDefault","methods","action","updatedIndex","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,OAAO,KAAO,SAAS,SAAW,IAAI,OAAS,KAAK,CAACH,EAAG,SAAS,CAACI,IAAI,KAAON,EAAIO,WAAWH,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACM,MAAO,CAC1SC,gBAAiB,QAAFC,OAAUV,EAAIW,cAAa,OACzCN,MAAM,CAAC,IAAM,wBAAwB,SAAW,eAAgBL,EAAIY,QAAQC,OAAS,EAAG,CAACX,EAAG,IAAI,CAACE,YAAY,eAAeU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,QAAQ,QAAQ,CAACd,EAAG,OAAO,CAACe,MAAK,iBAAkB,CAACf,EAAG,oBAAoB,CAACG,MAAM,CAAC,KAAO,CAAC,MAAO,oBAAoB,KAAKH,EAAG,IAAI,CAACE,YAAY,eAAeU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,QAAQ,QAAQ,CAACd,EAAG,OAAO,CAACe,MAAK,iBAAkB,CAACf,EAAG,oBAAoB,CAACG,MAAM,CAAC,KAAO,CAAC,MAAO,qBAAqB,MAAML,EAAIkB,MAAM,IAExfC,EAAkB,GC0BP,G,8BAAA,CACfC,WAAA,GAEAC,MAAA,CACAC,OAAA,CACAC,KAAAC,MACAC,UAAA,GAGAC,WAAA,CACAH,KAAAI,OACAF,UAAA,GAGAG,eAAA,CACAL,KAAAM,QACAC,SAAA,EACAL,UAAA,IAIAM,KAAA,WACA,OACAxB,WAAA,EACAK,QAAA,KAIAoB,SAAA,CACArB,cAAA,WACA,YAAAC,QAAAC,OAAA,EACA,KAAAe,eAEA,KAAAK,SAAAC,QAAAC,iBACA,KAAAvB,QAAA,KAAAL,YAAA6B,MACA,KAAAV,WACA,OAJA,KAAAd,QAAA,KAAAL,YAAA8B,UAOA,qBAIAC,QAAA,WACA,KAAA1B,QAAA,KAAAU,OAAAiB,QAAAC,MAAA,SAAAC,GAAA,OAAAA,EAAAC,WAAA,QAGAC,QAAA,CACA3B,QAAA,SAAA4B,GACA,IAAAC,EAAA,KAAAtC,WACA,MAAAqC,EACAC,MAEAA,EAGAA,EAAA,EACAA,EAAA,KAAAjC,QAAAC,OAAA,EACAgC,GAAA,KAAAjC,QAAAC,SACAgC,EAAA,GAEA,KAAAtC,WAAAsC,MC3FoX,I,wBCQhXC,EAAY,eACd,EACA/C,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,kECnBf","file":"js/chunk-78f94ab8.js?id=884017bcc7c1b9aad0c7","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrapper-carousel\"},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"duration\":100,\"appear\":\"\"}},[_c('figure',{key:'im' + _vm.imageIndex,staticClass:\"image is-3by2 has-background-grey-lighter\"},[_c('img',{style:({\n          backgroundImage: `url('${_vm.locationImage}')`,\n        }),attrs:{\"src\":\"/images/spacer1_1.gif\",\"itemprop\":\"photo\"}})])]),(_vm.mImages.length > 1)?[_c('a',{staticClass:\"stepNav prev\",on:{\"click\":function($event){return _vm.stepNav('<')}}},[_c('span',{class:`icon is-large`},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'chevron-left']}})],1)]),_c('a',{staticClass:\"stepNav next\",on:{\"click\":function($event){return _vm.stepNav('>')}}},[_c('span',{class:`icon is-large`},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'chevron-right']}})],1)])]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper-carousel\">\n    <transition name=\"fade\" mode=\"out-in\" :duration=\"100\" appear>\n      <figure\n        :key=\"'im' + imageIndex\"\n        class=\"image is-3by2 has-background-grey-lighter\"\n      >\n        <img\n          src=\"/images/spacer1_1.gif\"\n          :style=\"{\n            backgroundImage: `url('${locationImage}')`,\n          }\"\n          itemprop=\"photo\"\n        />\n      </figure>\n    </transition>\n    <template v-if=\"mImages.length > 1\">\n      <a class=\"stepNav prev\" @click=\"stepNav('<')\">\n        <span :class=\"`icon is-large`\">\n          <font-awesome-icon :icon=\"['fas', 'chevron-left']\" /> </span\n      ></a>\n      <a class=\"stepNav next\" @click=\"stepNav('>')\">\n        <span :class=\"`icon is-large`\">\n          <font-awesome-icon :icon=\"['fas', 'chevron-right']\" /> </span\n      ></a>\n    </template>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {},\n\n  props: {\n    images: {\n      type: Array,\n      required: true,\n    },\n\n    locationId: {\n      type: Number,\n      required: false,\n    },\n\n    isMeetingspace: {\n      type: Boolean,\n      default: false,\n      required: false,\n    },\n  },\n\n  data() {\n    return {\n      imageIndex: 0,\n      mImages: [],\n    }\n  },\n\n  computed: {\n    locationImage() {\n      if (this.mImages.length > 0) {\n        return !this.isMeetingspace\n          ? this.mImages[this.imageIndex].UrlMedium\n          : this.$options.filters.getLocationImage(\n              this.mImages[this.imageIndex].Image,\n              this.locationId,\n              '640'\n            )\n      }\n      return '/img/noImage.png'\n    },\n  },\n\n  created() {\n    this.mImages = this.images.slice().sort((item) => (item.IsDefault ? -1 : 1))\n  },\n\n  methods: {\n    stepNav(action) {\n      let updatedIndex = this.imageIndex\n      if (action === '>') {\n        updatedIndex++\n      } else {\n        --updatedIndex\n      }\n\n      if (updatedIndex < 0) {\n        updatedIndex = this.mImages.length - 1\n      } else if (updatedIndex >= this.mImages.length) {\n        updatedIndex = 0\n      }\n      this.imageIndex = updatedIndex\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper-carousel {\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  figure {\n    flex-grow: 1;\n    // width: 100%;\n  }\n\n  .stepNav {\n    z-index: 1;\n    position: absolute;\n    background: rgba(#ffff, $alpha: 0.5);\n    color: black;\n\n    &.next {\n      right: 0;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCarousel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCarousel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageCarousel.vue?vue&type=template&id=36c5ea0a&scoped=true\"\nimport script from \"./ImageCarousel.vue?vue&type=script&lang=js\"\nexport * from \"./ImageCarousel.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageCarousel.vue?vue&type=style&index=0&id=36c5ea0a&prod&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  \"36c5ea0a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCarousel.vue?vue&type=style&index=0&id=36c5ea0a&prod&lang=scss&scoped=true\""],"sourceRoot":""}