{"version":3,"sources":["webpack:///./src/components/photo-upload/MandatorySection.vue?5143","webpack:///./src/components/photo-upload/MandatorySection.vue?a7f0","webpack:///src/components/photo-upload/MandatorySection.vue","webpack:///./src/components/photo-upload/MandatorySection.vue?65ff","webpack:///./src/components/photo-upload/MandatorySection.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","i","index","key","frame","title","scalable","uploadImage","isMobile","isSpecialDeviceBrowser","on","uploadPhoto","deleteImg","rotateImg","initImgUpload","ref","checkReadonly","imageDeleting","isAccessingCamera","initImgUploadCamera","staticRenderFns","name","data","mandatoryList","isValidImage","model","prop","event","props","type","Array","default","Boolean","methods","validateImageCallback","result","$emit","filename","item","$refs","mandatoryPhotoOptions","components","SectionDivider","FrameItem","PhotoUploadOptions","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,YAAc,eAAeH,EAAG,KAAK,CAACE,YAAY,kBAAkBN,EAAIQ,GAAIR,EAAiB,eAAE,SAASS,EAAEC,GAAO,OAAON,EAAG,YAAY,CAACO,IAAID,EAAMH,MAAM,CAAC,MAAQE,EAAEG,MAAM,MAAQH,EAAEI,MAAM,SAAWJ,EAAEK,SAAS,SAAWL,EAAEE,IAAI,aAAeX,EAAIe,YAAY,SAAWf,EAAIgB,SAAS,uBAAyBhB,EAAIiB,wBAAwBC,GAAG,CAAC,YAAclB,EAAImB,YAAY,UAAYnB,EAAIoB,UAAU,UAAYpB,EAAIqB,UAAU,cAAgBrB,EAAIsB,oBAAmB,GAAGlB,EAAG,qBAAqB,CAACmB,IAAI,wBAAwBhB,MAAM,CAAC,cAAgBP,EAAIwB,cAAc,cAAgBxB,EAAIyB,cAAc,kBAAoBzB,EAAI0B,mBAAmBR,GAAG,CAAC,oBAAsBlB,EAAI2B,wBAAwB,IACp0BC,EAAkB,G,kGC8BtB,GACEC,KAAM,mBACNC,KAFF,WAGI,MAAO,CACLC,cAAN,OACMC,cAAc,IAGlBC,MAAO,CACLC,KAAM,cACNC,MAAO,UAETC,MAAO,CACLrB,YAAa,CACXsB,KAAMC,MACNC,QAAS,WAAf,WAEIvB,SAAUwB,QACVvB,uBAAwBuB,QACxBd,kBAAmBc,QACnBf,cAAee,QACfhB,cAAegB,SAEjBC,QAAS,CACPtB,YAAa,WAAjB,yKACA,4BADA,WAEA,kBAFA,uBAGA,kBACA,EAJA,yBAKA,kBALA,CAMA,CACA,KACA,gBACA,SACA,YACA,MACA,QACA,YACA,WACA,iBAfA,SAkBA,uBAlBA,uBAmBA,kCAnBA,0GAAiB,GAsBb,oBAvBJ,SAuBA,2KACA,mDADA,8CAGIuB,sBA1BJ,SA0BA,GACMzC,KAAK+B,aAAeW,GAEtBvB,UA7BJ,SA6BA,KACMnB,KAAK2C,MAAM,YAAaC,EAAUlC,IAEpCU,UAhCJ,SAgCA,GACMpB,KAAK2C,MAAM,SAAUE,IAEvBxB,cAnCJ,WAoCMrB,KAAK8C,MAAMC,sBAAsB1B,cAAc,cAEjDK,oBAtCJ,WAuCM1B,KAAK2C,MAAM,yBAGfK,WAAY,CACVC,eAAgB,WAApB,wDACIC,UAAW,WAAf,wDACIC,mBAAoB,WAAxB,0DCnGyW,I,wBCQrWC,EAAY,eACd,EACAtD,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAyB,E","file":"js/chunk-cbe18a5a.a0888f17.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../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!./MandatorySection.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mt-3\"},[_c('SectionDivider',{attrs:{\"dividerText\":\"MANDATORY\"}}),_c('ol',{staticClass:\"mandatory-list\"},_vm._l((_vm.mandatoryList),function(i,index){return _c('FrameItem',{key:index,attrs:{\"frame\":i.frame,\"title\":i.title,\"scalable\":i.scalable,\"frameKey\":i.key,\"uploadImages\":_vm.uploadImage,\"isMobile\":_vm.isMobile,\"isSpecialDeviceBrowser\":_vm.isSpecialDeviceBrowser},on:{\"uploadPhoto\":_vm.uploadPhoto,\"deleteImg\":_vm.deleteImg,\"rotateImg\":_vm.rotateImg,\"initImgUpload\":_vm.initImgUpload}})}),1),_c('PhotoUploadOptions',{ref:\"mandatoryPhotoOptions\",attrs:{\"checkReadonly\":_vm.checkReadonly,\"imageDeleting\":_vm.imageDeleting,\"isAccessingCamera\":_vm.isAccessingCamera},on:{\"initImgUploadCamera\":_vm.initImgUploadCamera}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-3\">\n    <SectionDivider dividerText=\"MANDATORY\"></SectionDivider>\n    <ol class=\"mandatory-list\">\n      <FrameItem\n        v-for=\"(i, index) in mandatoryList\"\n        :key=\"index\"\n        :frame=\"i.frame\"\n        :title=\"i.title\"\n        :scalable=\"i.scalable\"\n        :frameKey=\"i.key\"\n        :uploadImages=\"uploadImage\"\n        @uploadPhoto=\"uploadPhoto\"\n        @deleteImg=\"deleteImg\"\n        @rotateImg=\"rotateImg\"\n        :isMobile=\"isMobile\"\n        :isSpecialDeviceBrowser=\"isSpecialDeviceBrowser\"\n        @initImgUpload=\"initImgUpload\"\n      />\n    </ol>\n    <PhotoUploadOptions\n      :checkReadonly=\"checkReadonly\"\n      :imageDeleting=\"imageDeleting\"\n      :isAccessingCamera=\"isAccessingCamera\"\n      @initImgUploadCamera=\"initImgUploadCamera\"\n      ref=\"mandatoryPhotoOptions\"\n    />\n  </div>\n</template>\n<script>\nimport { mandatoryList } from '@/config/constants';\nexport default {\n  name: \"MandatorySection\",\n  data() {\n    return {\n      mandatoryList,\n      isValidImage: true,\n    };\n  },\n  model: {\n    prop: \"uploadImage\",\n    event: \"change\",\n  },\n  props: {\n    uploadImage: {\n      type: Array,\n      default: () => [],\n    },\n    isMobile: Boolean,\n    isSpecialDeviceBrowser: Boolean,\n    isAccessingCamera: Boolean,\n    imageDeleting: Boolean,\n    checkReadonly: Boolean,\n  },\n  methods: {\n    uploadPhoto: async function (file, key, title) {\n      await this.handleValidateImage(file);\n      if (this.isValidImage) {\n        const imgId = this.$uuid.v4();\n        const newUploadImage = [\n          ...this.uploadImage,\n          {\n            id: imgId,\n            filename: file.name,\n            url: null,\n            name: file.name,\n            key,\n            title,\n            onUpload: true,\n            progress: 0,\n            isAutoplay: false,\n          },\n        ];\n        await this.$emit(\"change\", newUploadImage);\n        await this.$emit(\"handleImgUpload\", file, imgId);\n      }\n    },\n    async handleValidateImage(file) {\n      await this.$emit(\"imageValidate\", file, this.validateImageCallback);\n    },\n    validateImageCallback(result) {\n      this.isValidImage = result;\n    },\n    deleteImg(filename, key) {\n      this.$emit(\"deleteImg\", filename, key);\n    },\n    rotateImg(item) {\n      this.$emit(\"rotate\", item);\n    },\n    initImgUpload() {\n      this.$refs.mandatoryPhotoOptions.initImgUpload('mandatory');\n    },\n    initImgUploadCamera() {\n      this.$emit(\"initImgUploadCamera\");\n    },\n  },\n  components: {\n    SectionDivider: () => import(\"../common/SectionDivider.vue\"),\n    FrameItem: () => import(\"./FrameItem.vue\"),\n    PhotoUploadOptions: () => import(\"../photo-upload/PhotoUploadOptions.vue\"),\n  },\n};\n</script>\n<style lang=\"scss\">\n.mandatory-list {\n  list-style-type: none;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n  padding-inline-start: 0;\n}\n@media screen and(min-width: 900px) {\n  .mandatory-list {\n    grid-template-columns: repeat(3, 1fr);\n    padding: 0 28px 20px;\n  }\n}\n@media screen and(min-width: 992px) {\n  .mandatory-list {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n@media screen and(min-width: 1200px) {\n  .mandatory-list {\n    grid-template-columns: repeat(5, 169px);\n    gap: 20px;\n    column-gap: 29px;\n  }\n}\n</style>","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!./MandatorySection.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!./MandatorySection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MandatorySection.vue?vue&type=template&id=8a1e9844&\"\nimport script from \"./MandatorySection.vue?vue&type=script&lang=js&\"\nexport * from \"./MandatorySection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MandatorySection.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}