{"version":3,"sources":["webpack:///../../../src/components/VHover/VHover.ts","webpack:///./src/components/Utils/ImageLibraryViewer.vue?d600","webpack:///src/components/Utils/ImageLibraryViewer.vue","webpack:///./src/components/Utils/ImageLibraryViewer.vue?68e3","webpack:///./src/components/Utils/ImageLibraryViewer.vue"],"names":["name","props","disabled","type","default","value","undefined","methods","onMouseEnter","this","onMouseLeave","render","$scopedSlots","element","hover","isActive","Array","mouseenter","mouseleave","_vm","_h","$createElement","_c","_self","attrs","selectedImage","staticClass","on","$event","stopPropagation","viewActive","scopedSlots","_u","key","fn","ref","url","_v","_e","noLibrary","images","editing","onPreviewClick","$emit","staticRenderFns","data","selectedI","computed","length","i","$refs","library","manualPreview","components","ImageLibrary","watch","v","component","VCard","VCardText","VCol","VHover","VIcon","VImg","VOverlay","VResponsive","VRow"],"mappings":"gHAAA,oDAWe,sBAAO,EAAD,KAEnB,QAFa,OAIN,CACPA,KADO,UAGPC,MAAO,CACLC,SAAU,CACRC,KADQ,QAERC,SAAS,GAEXC,MAAO,CACLF,KADK,QAELC,aAASE,IAIbC,QAAS,CACPC,aADO,WAELC,KAAA,kBAEFC,aAJO,WAKLD,KAAA,oBAIJE,OAvBO,WAwBL,OAAKF,KAAKG,aAAN,cAAJ,IAAkCH,KAAKJ,OASnCI,KAAKG,aAAT,UACEC,EAAUJ,KAAKG,aAAaR,QAAQ,CAAEU,MAAOL,KAAKM,YAGhDC,MAAA,YAAJ,IAA8BH,EAAA,SAC5BA,EAAUA,EAAV,IAGGA,IAAWG,MAAA,QAAZ,IAAuCH,EAA3C,KAMKJ,KAAL,WACEI,EAAA,KAAeA,EAAA,MAAf,GACAJ,KAAA,GAAQI,EAAR,KAAsB,CACpBI,WAAYR,KADQ,aAEpBS,WAAYT,KAAKC,gBAIrB,IAbE,eAAY,+CAAZ,MAEA,KAnBA,eAAY,yDAAZ,MAEA,MAGF,U,yCC7CJ,IAAIC,EAAS,WAAa,IAAIQ,EAAIV,KAASW,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,MAASL,EAAIM,cAAmC,KAAnB,mBAA0B,CAACH,EAAG,eAAe,CAACE,MAAM,CAAC,eAAe,IAAI,CAAGL,EAAIM,cAAkNH,EAAG,cAAc,CAACI,YAAY,iDAAiDF,MAAM,CAAC,MAAQ,kBAAkBG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBV,EAAIW,WAAWF,MAAW,CAACN,EAAG,UAAU,CAACS,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASC,GAC1vB,IAAIrB,EAAQqB,EAAIrB,MAChB,MAAO,CAACQ,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAML,EAAIM,cAAcW,IAAI,eAAe,EAAE,OAAS,OAAO,MAAQ,OAAO,aAAa,OAAO,YAAY,OAAO,QAAU,KAAK,CAAC,EAAQd,EAAG,YAAY,CAACE,MAAM,CAAC,UAAW,EAAK,QAAU,MAAO,CAACF,EAAG,SAAS,CAACH,EAAIkB,GAAG,oBAAoB,GAAGlB,EAAImB,MAAM,WAAW,GAFmBhB,EAAG,cAAc,CAACI,YAAY,iDAAiDF,MAAM,CAAC,MAAQ,mBAAmB,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,QAAQ,UAAU,KAAK,CAACL,EAAIkB,GAAG,mBAAmB,IAE/M,IAAI,IAAI,GAAKlB,EAAIoB,UAAsVpB,EAAImB,KAA/UhB,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,gBAAgB,CAACW,IAAI,OAAOE,IAAI,UAAUX,MAAM,CAAC,OAASL,EAAIqB,OAAO,cAAa,EAAK,aAAa,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,UAAYrB,EAAIsB,SAASd,GAAG,CAAC,gBAAgBR,EAAIuB,eAAe,eAAe,SAASd,GAAQ,OAAOT,EAAIwB,MAAM,eAAgBf,QAAa,IAAa,IAChpBgB,EAAkB,G,wBCsDtB,GACE3C,MAAO,CAAC,SAAU,UAAW,aAC7B4C,KAFF,WAGI,MAAO,CACLC,UAAW,IAGfC,SAAU,CACRtB,cADJ,WAEM,SAAOhB,KAAK+B,QAAU/B,KAAK+B,OAAOQ,OAAS,IAAIvC,KAAK+B,OAAO/B,KAAKqC,aAGpEvC,QAAS,CACPmC,eADJ,SACA,GACM,IAAN,2DACMjC,KAAKqC,UAAYG,GAEnBnB,WALJ,WAMMrB,KAAKyC,MAAMC,QAAQC,cAAc3C,KAAKgB,cAAehB,KAAKqC,aAG9DO,WAAY,CACVC,aAAJ,QAEEC,MAAO,CACL9B,cAAe,SAAnB,GACW+B,GACC/C,KAAKqC,WAAarC,KAAKqC,UAAYrC,KAAK+B,OAAOQ,SACjDvC,KAAKqC,UAAY,MCrFgV,I,6ICOvWW,EAAY,eACd,EACA9C,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAa,EAAiB,QAahC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,OAAA,KAAKC,SAAA,KAAOC,QAAA,KAAMC,OAAA,KAAKC,WAAA,KAASC,cAAA,KAAYC,OAAA","file":"js/chunk-33f137b4.2b564a9c.js","sourcesContent":["// Mixins\nimport Delayable from '../../mixins/delayable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\nexport default mixins(\n  Delayable,\n  Toggleable\n  /* @vue/component */\n).extend({\n  name: 'v-hover',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  methods: {\n    onMouseEnter () {\n      this.runDelay('open')\n    },\n    onMouseLeave () {\n      this.runDelay('close')\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default && this.value === undefined) {\n      consoleWarn('v-hover is missing a default scopedSlot or bound value', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({ hover: this.isActive })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-hover should only contain a single element', this)\n\n      return element as any\n    }\n\n    if (!this.disabled) {\n      element.data = element.data || {}\n      this._g(element.data, {\n        mouseenter: this.onMouseEnter,\n        mouseleave: this.onMouseLeave,\n      })\n    }\n\n    return element\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',{attrs:{\"color\":!_vm.selectedImage ? 'grey lighten-2' : null}},[_c('v-responsive',{attrs:{\"aspect-ratio\":1}},[(!_vm.selectedImage)?_c('v-card-text',{staticClass:\"d-flex justify-center align-center fill-height\",attrs:{\"color\":\"grey lighten-2\"}},[_c('v-icon',{attrs:{\"color\":\"white\",\"x-large\":\"\"}},[_vm._v(\"fas fa-image\")])],1):_c('v-card-text',{staticClass:\"d-flex justify-center align-center fill-height\",attrs:{\"color\":\"grey lighten-2\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.viewActive($event)}}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar hover = ref.hover;\nreturn [_c('v-img',{attrs:{\"src\":_vm.selectedImage.url,\"aspect-ratio\":1,\"height\":\"100%\",\"width\":\"100%\",\"max-height\":\"100%\",\"max-width\":\"100%\",\"contain\":\"\"}},[(hover)?_c('v-overlay',{attrs:{\"absolute\":true,\"opacity\":0.25}},[_c('v-icon',[_vm._v(\"fas fa-search\")])],1):_vm._e()],1)]}}])})],1)],1)],1)],1),(!_vm.noLibrary)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('image-library',{key:'mine',ref:\"library\",attrs:{\"images\":_vm.images,\"single-row\":true,\"img-height\":50,\"img-width\":50,\"no-upload\":\"\",\"no-preview\":\"\",\"viewOnly\":!_vm.editing},on:{\"preview-click\":_vm.onPreviewClick,\"delete-image\":function($event){return _vm.$emit('delete-image', $event)}}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-row dense>\r\n      <v-col cols=\"12\">\r\n        <v-card\r\n          :color=\"!selectedImage ? 'grey lighten-2' : null\"\r\n        >\r\n          <v-responsive :aspect-ratio=\"1\">\r\n            <v-card-text color=\"grey lighten-2\" class=\"d-flex justify-center align-center fill-height\" v-if=\"!selectedImage\">\r\n              <v-icon color=\"white\" x-large>fas fa-image</v-icon>\r\n            </v-card-text>\r\n            <v-card-text\r\n              color=\"grey lighten-2\"\r\n              class=\"d-flex justify-center align-center fill-height\"\r\n              v-else\r\n              @click.stop=\"viewActive\"\r\n            >\r\n              <v-hover v-slot=\"{ hover }\">\r\n                <v-img\r\n                  :src=\"selectedImage.url\"\r\n                  :aspect-ratio=\"1\"\r\n                  height=\"100%\"\r\n                  width=\"100%\"\r\n                  max-height=\"100%\"\r\n                  max-width=\"100%\"\r\n                  contain\r\n                >\r\n                  <v-overlay v-if=\"hover\" :absolute=\"true\" :opacity=\"0.25\">\r\n                    <v-icon>fas fa-search</v-icon>\r\n                  </v-overlay>\r\n                </v-img>\r\n              </v-hover>\r\n            </v-card-text>\r\n          </v-responsive>\r\n        </v-card>\r\n      </v-col>\r\n      <v-col cols=\"12\" v-if=\"!noLibrary\">\r\n        <image-library\r\n          :key=\"'mine'\"\r\n          ref=\"library\"\r\n          :images=\"images\"\r\n          :single-row=\"true\"\r\n          :img-height=\"50\"\r\n          :img-width=\"50\"\r\n          no-upload\r\n          @preview-click=\"onPreviewClick\"\r\n          no-preview\r\n          :viewOnly=\"!editing\"\r\n          @delete-image=\"$emit('delete-image', $event)\"\r\n        ></image-library>\r\n      </v-col>\r\n\r\n    </v-row>\r\n</template>\r\n\r\n<script>\r\nimport ImageLibrary from '@/components/Utils/ImageLibrary.vue'\r\n\r\nexport default {\r\n  props: ['images', 'editing', 'noLibrary'],\r\n  data () {\r\n    return {\r\n      selectedI: 0\r\n    }\r\n  },\r\n  computed: {\r\n    selectedImage () {\r\n      return this.images && this.images.length > 0 ? this.images[this.selectedI] : false\r\n    }\r\n  },\r\n  methods: {\r\n    onPreviewClick (img) {\r\n      const i = this.images.findIndex(f => f.id === img.id)\r\n      this.selectedI = i\r\n    },\r\n    viewActive () {\r\n      this.$refs.library.manualPreview(this.selectedImage, this.selectedI)\r\n    }\r\n  },\r\n  components: {\r\n    ImageLibrary\r\n  },\r\n  watch: {\r\n    selectedImage: function (v) {\r\n      if (!v) {\r\n        if (this.selectedI && this.selectedI > this.images.length) {\r\n          this.selectedI = 0\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\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!./ImageLibraryViewer.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!./ImageLibraryViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageLibraryViewer.vue?vue&type=template&id=6e913fea&scoped=true&\"\nimport script from \"./ImageLibraryViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageLibraryViewer.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  \"6e913fea\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VResponsive } from 'vuetify/lib/components/VResponsive';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCol,VHover,VIcon,VImg,VOverlay,VResponsive,VRow})\n"],"sourceRoot":""}