{"version":3,"sources":["webpack:///./src/pages/PhotoViewer/PhotoViewer.vue?74cd","webpack:///src/pages/PhotoViewer/PhotoViewer.vue","webpack:///./src/pages/PhotoViewer/PhotoViewer.vue?e3a5","webpack:///./src/pages/PhotoViewer/PhotoViewer.vue","webpack:///./src/components/Carrousel.vue?09aa","webpack:///src/components/Carrousel.vue","webpack:///./src/components/Carrousel.vue?e9f7","webpack:///./src/components/Carrousel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slug","staticRenderFns","name","props","components","data","component","staticStyle","style","backgroundImage","directives","rawName","value","image","expression","key","caption","domProps","_s","imageCaption","_e","_l","photo","idx","class","imageCaptions","on","$event","viewImage","created","folder","fetch","images","photos","loaded","largeImage","_captions","faqsImg","methods","captions","computed","get","type","Array","default","num","Number","color","String"],"mappings":"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","file":"js/chunk-34b2af88.863daa76.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('carrousel',{attrs:{\"folder\":this.slug}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"row\">\n    <div class=\"col-sm-12\">\n\n      <carrousel :folder=\"this.slug\"></carrousel>\n    </div>\n  </div>\n</template>\n<script>\nimport Carrousel from \"@/components/Carrousel\";\nexport default {\n  name: 'PhotoViewer',\n  props: ['slug'],\n  components: {Carrousel},\n  data: () => {\n    return {\n\n    };\n  },\n\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoViewer.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!./PhotoViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoViewer.vue?vue&type=template&id=20e11ab4&\"\nimport script from \"./PhotoViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoViewer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"centered\",staticStyle:{\"min-height\":\"310px\",\"width\":\"100%\",\"max-width\":\"1400px\"},style:({\n    backgroundImage: (\"linear-gradient(to bottom, \" + (this.color) + \", #050404)\"),\n  })},[_c('div',[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"centered\",staticStyle:{\"max-width\":\"300px\",\"height\":\"300px\"}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(\n            this.image + '?w=300&h=300&fit=clamp&fill=blur&auto=enhance'\n          ),expression:\"\\n            this.image + '?w=300&h=300&fit=clamp&fill=blur&auto=enhance'\\n          \"}],key:this.image,staticClass:\"text-center\",staticStyle:{\"margin-top\":\"12px\"},attrs:{\"alt\":this.caption,\"width\":\"300px\",\"height\":\"300px\"}})]),(this.imageCaption)?_c('p',{staticStyle:{\"font-size\":\"11px\",\"margin-top\":\"30px\"},domProps:{\"innerHTML\":_vm._s(this.imageCaption)}}):_vm._e()])]),_c('div',{staticClass:\"row carrousel-images\",staticStyle:{\"margin-right\":\"auto\",\"left\":\"0\",\"right\":\"0\"}},_vm._l((this.images),function(photo,idx){return _c('div',{key:idx},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(photo + '?w=60&h=60&fit=clamp&fill=blur&auto=format'),expression:\"photo + '?w=60&h=60&fit=clamp&fill=blur&auto=format'\"}],staticClass:\"carrousel-image\",class:photo === _vm.image ? 'active' : '',staticStyle:{\"border-radius\":\"0px\",\"cursor\":\"pointer\"},attrs:{\"height\":\"60px\",\"width\":\"60px\",\"alt\":_vm.imageCaptions[idx] || 'carrousel image'},on:{\"click\":function($event){return _vm.viewImage(idx, photo)}}})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"centered\"\n    style=\"min-height: 310px; width: 100%; max-width: 1400px\"\n    :style=\"{\n      backgroundImage: `linear-gradient(to bottom, ${this.color}, #050404)`,\n    }\"\n  >\n    <div>\n      <div class=\"text-center\">\n        <div style=\"max-width: 300px; height: 300px\" class=\"centered\">\n          <img\n            :alt=\"this.caption\"\n            class=\"text-center\"\n            style=\"margin-top: 12px\"\n            width=\"300px\"\n            height=\"300px\"\n            :key=\"this.image\"\n            v-lazy=\"\n              this.image + '?w=300&h=300&fit=clamp&fill=blur&auto=enhance'\n            \"\n          />\n        </div>\n        <p\n          style=\"font-size: 11px; margin-top: 30px\"\n          v-html=\"this.imageCaption\"\n          v-if=\"this.imageCaption\"\n        ></p>\n      </div>\n    </div>\n    <div\n      class=\"row carrousel-images\"\n      style=\"margin-right: auto; left: 0; right: 0\"\n    >\n      <div v-for=\"(photo, idx) in this.images\" class=\"\" :key=\"idx\">\n        <img\n          style=\"border-radius: 0px; cursor: pointer\"\n          class=\"carrousel-image\"\n          :class=\"photo === image ? 'active' : ''\"\n          height=\"60px\"\n          width=\"60px\"\n          :alt=\"imageCaptions[idx] || 'carrousel image'\"\n          v-lazy=\"photo + '?w=60&h=60&fit=clamp&fill=blur&auto=format'\"\n          @click=\"viewImage(idx, photo)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { MEDIA_BASE_URL } from '@/common/request';\n\nexport default {\n  name: 'Carrousel',\n  created: function () {\n    if (this.folder) {\n      fetch(\n        encodeURI(\n          `${MEDIA_BASE_URL}?limit=${this.num}&props=imgix_url,metadata&read_key=7pMG22sp4oEfuIRswb3c9kfsxlfxa9vxrGAOUBJttBwiP4FkGQ&query={\"folder\": \"${this.folder}\"}`\n        )\n      )\n        .then((response) => {\n          response.json().then((r) => {\n            let sorted = [...r.media].sort((x, y) =>\n              (x?.metadata?.order || 100) > (y?.metadata?.order || 99) ? 1 : -1\n            );\n            this.images = sorted.map((x) => x.imgix_url);\n            this._captions = sorted.map((x) =>\n              x.metadata ? x.metadata.caption : '- -'\n            );\n            this.viewImage(0, this.images[0]);\n          });\n        })\n        .catch((x) => {\n          console.error(x);\n        });\n    } else {\n      this.images = this.photos;\n    }\n  },\n  data: () => {\n    return {\n      loaded: false,\n      largeImage: null,\n      imageCaption: null,\n      _captions: ['default'],\n      images: null,\n      faqsImg:\n        'https://imgix.cosmicjs.com/3c6580f0-6c2c-11ee-ae6f-f1c9a9c95b9c-image.png',\n    };\n  },\n  methods: {\n    viewImage(idx, image) {\n      this.largeImage = image;\n      this.imageCaption = this.captions[idx]\n        ? this.captions[idx]\n        : this.imageCaptions[idx];\n    },\n  },\n  computed: {\n    image: {\n      get() {\n        return (\n          this.largeImage ||\n          (this.images\n            ? this.images[0]\n            : 'https://imgix.cosmicjs.com/3d235160-ccd1-11ee-9ce5-59949019255e-loading.jpeg')\n        );\n      },\n    },\n    caption: {\n      get() {\n        return (\n          this.imageCaption ||\n          (this._captions ? this._captions[0] : 'tulum party photos')\n        );\n      },\n    },\n    imageCaptions: {\n      get() {\n        return this._captions || [];\n      },\n    },\n  },\n  props: {\n    photos: {\n      type: Array, // striped | hover\n      default: () => [''],\n    },\n    captions: {\n      type: Array, // striped | hover\n      default: () => [''],\n    },\n    num: {\n      type: Number,\n      default: null,\n    },\n    color: {\n      type: String,\n      default: null,\n    },\n    folder: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carrousel.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!./Carrousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carrousel.vue?vue&type=template&id=4bb31992&\"\nimport script from \"./Carrousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carrousel.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}