{"version":3,"sources":["webpack:///./common/elements/familyWebsite/DynamicHtml.vue","webpack:///common/elements/familyWebsite/DynamicHtml.vue","webpack:///./common/elements/familyWebsite/DynamicHtml.vue?ed2e","webpack:///./common/elements/familyWebsite/McrImage.vue?4429","webpack:///./common/elements/familyWebsite/McrImage.vue?de19","webpack:///common/elements/familyWebsite/McrImage.vue","webpack:///./common/elements/familyWebsite/McrImage.vue?e96a","webpack:///./common/elements/familyWebsite/McrImage.vue"],"names":["staticRenderFns","functional","render","mcrWikiGlossaryLink","mcrStaticGlossaryLink","McrLocalGlossaryLink","template","components","createElement","comp","context","data","children","component","_vm","this","_h","$createElement","_c","_self","staticClass","class","classes","on","onClick","style","attrs","previewSrc","src","caption","_e","props","imageStyle","String","image","imageWidth","computed","isMobile","includes","isFull","styles","$store","getters","windowWidthState","$breakpoints","mobile","methods","commit","imageData","dispatch"],"mappings":"yiBAAI,EAAQA,E,YCGZ,GACEC,YAAY,EACZC,OAAQ,SAAV,KACI,IAAJ,GACMC,oBAAqB,WAA3B,wDACMC,sBAAuB,WAA7B,wDACMC,qBAAsB,WAA5B,yDAEA,qBACA,iCACMC,SAAU,gBAAhB,OACA,EADA,0BAEA,aAFA,yBAGA,EAHA,iBAKMC,WAAYA,IAGd,OAAOC,EAAcC,EAAMC,EAAQC,KAAMD,EAAQE,YCrB+S,I,YFOhWC,EAAY,eACd,EACA,EACAb,GACA,EACA,KACA,KACA,MAIa,OAAAa,E,6CGlBf,W,yCCAA,IAAIX,EAAS,WAAa,IAAIY,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAMP,EAAIQ,QAAQC,GAAG,CAAC,MAAQT,EAAIU,UAAU,CAACN,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAOX,EAAU,OAAEY,MAAM,CAAC,IAAMZ,EAAIa,WAAW,WAAWb,EAAIc,OAAQd,EAAW,QAAEI,EAAG,eAAe,CAACQ,MAAM,CAAC,KAAO,oBAAoB,KAAOZ,EAAIe,QAAQ,IAAM,UAAUf,EAAIgB,MAAM,IACjY9B,EAAkB,G,oECUtB,GACEO,WAAY,CAAd,oBACEwB,MAAO,CACLC,WAAYC,OACZC,MAAOD,OACPJ,QAASI,OACTE,WAAYF,QAEdG,SAAU,CACRR,IADJ,WAEM,OAAO,OAAb,OAAa,CAAb,aAEID,WAJJ,WAKM,OAAO,OAAb,OAAa,CAAb,aAEIL,QAPJ,WAQM,IAAN,6BACM,OAAIP,KAAKsB,WAAaf,EAAQgB,SAAS,QAC9B,GAAf,mCAEahB,GAETiB,OAdJ,WAeM,OAAOxB,KAAKO,QAAQgB,SAAS,SAE/BE,OAjBJ,WAkBM,OAAIzB,KAAKoB,aAAepB,KAAKwB,OACpB,CAAf,6CAEa,IAETF,SAvBJ,WAwBM,OAAOtB,KAAK0B,OAAOC,QAAQC,kBAAoB5B,KAAK6B,aAAaC,SAGrEC,QAAS,CACPtB,QADJ,WAEM,IAAN,2DACMT,KAAK0B,OAAOM,OAAO,uBAAwB,CAACC,IAC5CjC,KAAK0B,OAAOQ,SAAS,uBAAwB,MClD8S,I,wBCQ7VpC,EAAY,eACd,EACAX,EACAF,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"static/js/chunk-7f2fed8e.870ac9ed.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./DynamicHtml.vue?vue&type=script&lang=js&\"\nexport * from \"./DynamicHtml.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","<script>\nimport Vue from 'vue';\n\nexport default {\n  functional: true,\n  render: function (createElement, context) {\n    const components = {\n      mcrWikiGlossaryLink: () => import('@common/elements/glossary/mcrWikiGlossaryLink'),\n      mcrStaticGlossaryLink: () => import('@common/elements/glossary/mcrStaticGlossaryLink'),\n      McrLocalGlossaryLink: () => import('./McrLocalGlossaryLink'),\n    };\n    const rootTag = context.props.tag || 'div';\n    const comp = Vue.component(context.props.name, {\n      template: `\n          <${rootTag}>\n            ${context.props.html}\n          </${rootTag}>\n          `,\n      components: components,\n    });\n\n    return createElement(comp, context.data, context.children);\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!./DynamicHtml.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!./DynamicHtml.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./McrImage.vue?vue&type=style&index=0&id=7c113a23&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mcr-image\",class:_vm.classes,on:{\"click\":_vm.onClick}},[_c('img',{staticClass:\"lazyload\",style:(_vm.styles),attrs:{\"src\":_vm.previewSrc,\"data-src\":_vm.src}}),(_vm.caption)?_c('dynamic-html',{attrs:{\"name\":\"mcr-image-caption\",\"html\":_vm.caption,\"tag\":\"span\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mcr-image\" :class=\"classes\" @click=\"onClick\">\n    <img :src=\"previewSrc\" :data-src=\"src\" class=\"lazyload\" :style=\"styles\" />\n    <dynamic-html v-if=\"caption\" name=\"mcr-image-caption\" :html=\"caption\" tag=\"span\"></dynamic-html>\n  </div>\n</template>\n\n<script>\nimport DynamicHtml from '@common/elements/familyWebsite/DynamicHtml';\nimport {getGalleryImageData, getImageLazyLoadPlaceholderSrc, getImageSrc} from '@common/utils/utils';\n\nexport default {\n  components: {DynamicHtml},\n  props: {\n    imageStyle: String,\n    image: String,\n    caption: String,\n    imageWidth: String,\n  },\n  computed: {\n    src() {\n      return getImageSrc(this.image);\n    },\n    previewSrc() {\n      return getImageLazyLoadPlaceholderSrc(this.image);\n    },\n    classes() {\n      const classes = this.imageStyle.split(' ');\n      if (this.isMobile && !classes.includes('full')) {\n        return [...classes, 'full'];\n      }\n      return classes;\n    },\n    isFull() {\n      return this.classes.includes('full');\n    },\n    styles() {\n      if (this.imageWidth && !this.isFull) {\n        return {'max-width': `${this.imageWidth}px`};\n      }\n      return {};\n    },\n    isMobile() {\n      return this.$store.getters.windowWidthState <= this.$breakpoints.mobile;\n    },\n  },\n  methods: {\n    onClick() {\n      const imageData = getGalleryImageData(0, this.src, this.caption, {}, !this.caption);\n      this.$store.commit('setGalleryItemsState', [imageData]);\n      this.$store.dispatch('displayGalleryAction', 0);\n    },\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n.mcr-image {\n  float: right;\n  margin-bottom: 30px;\n  margin-left: 30px;\n  clear: right;\n  margin-top: 6px;\n  display: table;\n\n  img {\n    max-width: 500px;\n    border: var(--report-gallery-border);\n    box-shadow: var(--report-gallery-shadow);\n    transition: all 0.5s ease;\n    cursor: pointer;\n\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    -ms-box-sizing: border-box;\n    box-sizing: border-box;\n\n    &:hover {\n      border-color: var(--report-image-hover-border-color);\n    }\n  }\n\n  span {\n    display: table-caption;\n    caption-side: bottom;\n    max-width: 500px;\n    text-align: center;\n    font-style: normal;\n    color: #777;\n    font-size: 0.8em;\n    &::v-deep {\n      p:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &.small {\n    img,\n    span {\n      max-width: 240px;\n    }\n  }\n\n  &.full {\n    clear: both;\n    float: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    margin-left: 0;\n    margin-top: 25px;\n    margin-bottom: 25px;\n\n    img {\n      max-width: 100%;\n    }\n\n    span {\n      max-width: 100%;\n      width: 100%;\n      margin-top: 12px;\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!./McrImage.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!./McrImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./McrImage.vue?vue&type=template&id=7c113a23&scoped=true&\"\nimport script from \"./McrImage.vue?vue&type=script&lang=js&\"\nexport * from \"./McrImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./McrImage.vue?vue&type=style&index=0&id=7c113a23&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7c113a23\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}