{"version":3,"sources":["webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultiple.vue?d669","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageControl.vue?6081","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadSingle.vue?7a55","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMixin.js","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageControlCropMixin.js","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadSingle.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadSingle.vue?bb33","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadSingle.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultiple.vue?d8b0","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleAdd.vue?d9dd","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleAdd.vue?44da","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleAdd.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleItem.vue?cfd8","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleItem.vue?d030","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultipleItem.vue","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultiple.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultiple.vue?9b13","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadMultiple.vue","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/ImageControl.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageControl.vue?b0b9","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageControl.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/ImageUploadSingle.vue?55c8"],"names":["render","_vm","this","_h","$createElement","_c","_self","uploadComponent","_b","ref","tag","attrs","combinedErrors","disabled","readonly","local","item","on","updateLocal","$attrs","staticRenderFns","staticClass","staticStyle","onPreviewClick","_e","_v","_s","$l","directives","name","rawName","value","expression","$event","openFilePreviewModal","remoteFile","isUploading","hasUploadedFile","downloadRemoteFile","isDisabledOrReadOnly","deleteUploadedFile","nativeOn","stopPropagation","cancelUpload","uploadProgress","allowedExtensions","previewImage","target","files","computed","remote","id","Array","isArray","data","length","remoteFileId","watch","remoteFileUrl","immediate","url","$nextTick","$refs","image","style","backgroundImage","mixins","ImageCropperMixin","methods","imageCropOptions","cropperOptions","results","file","push","cropImage","e","console","log","message","components","Btn","BaseControl","limitFileSizeErrorToast","template","props","required","type","onSave","modalActions","text","handler","mounted","reader","onImageSelected","cropOptions","onFileSelected","uploadBase64File","base64","component","_l","f","index","key","computedItemWidth","remoteFiles","splice","showPreview","selectedFiles","model","localFilesId","callback","$$v","$set","slideImages","showImageSlider","preventDefault","onImageDropped","canSelectFile","input","click","onImagesSelected","width","itemWidth","$emit","default","fileName","isUploadError","canDownload","uploadControl","uploadFile","fileDescription","info","inject","ImageUploadMultipleAdd","ImageUploadMultipleItem","UploadMultipleItem","VueImageLightboxCarousel","filter","map","path","caption","concat","provide","emitValue","setItemsWidth","captionForRemoteFile","captionForLocalFile","fileId","images","onFilesSelected","event","val","ImageUploadSingle","ImageUploadMultiple"],"mappings":"kKAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAGJ,EAAIM,gBAAgBN,EAAIO,GAAG,CAACC,IAAI,UAAUC,IAAI,YAAYC,MAAM,CAAC,OAASV,EAAIW,eAAe,SAAWX,EAAIY,SAAS,SAAWZ,EAAIa,SAAS,MAAQb,EAAIc,MAAM,KAAOd,EAAIe,MAAMC,GAAG,CAAC,MAAQhB,EAAIiB,cAAc,YAAYjB,EAAIkB,QAAO,KACpUC,EAAkB,GCDlB,EAAS,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAcJ,EAAIO,GAAG,GAAG,cAAcP,EAAIkB,QAAO,GAAO,CAACd,EAAG,MAAM,CAACgB,YAAY,gBAAgBC,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASL,GAAG,CAAC,MAAQhB,EAAIsB,iBAAiB,CAAItB,EAAmB,gBAA4MA,EAAIuB,KAA7MnB,EAAG,MAAM,CAACgB,YAAY,eAAe,CAAChB,EAAG,IAAI,CAACgB,YAAY,sBAAsBC,YAAY,CAAC,YAAY,UAAUjB,EAAG,MAAM,CAACJ,EAAIwB,GAAG,IAAIxB,EAAIyB,GAAGzB,EAAI0B,GAAG,2BAA4B,uBAAgCtB,EAAG,OAAO,CAACuB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAO9B,EAAmB,gBAAE+B,WAAW,oBAAoBvB,IAAI,QAAQY,YAAY,kBAAkBC,YAAY,CAAC,OAAS,WAAWL,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAIiC,qBAAqBjC,EAAIkC,gBAAgB9B,EAAG,MAAM,CAACgB,YAAY,aAAaC,YAAY,CAAC,MAAQ,SAAS,EAAGrB,EAAImC,aAAenC,EAAIoC,gBAAiBhC,EAAG,SAAS,CAACgB,YAAY,uBAAuBV,MAAM,CAAC,KAAO,UAAUM,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAIqC,wBAAwB,CAACjC,EAAG,IAAI,CAACgB,YAAY,qBAAqBpB,EAAIuB,KAAOvB,EAAImC,cAAenC,EAAIoC,iBAAoBpC,EAAIsC,qBAAmMtC,EAAIuB,KAAjLnB,EAAG,SAAS,CAACgB,YAAY,iBAAiBV,MAAM,CAAC,KAAO,UAAUM,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAIuC,wBAAwB,CAACnC,EAAG,IAAI,CAACgB,YAAY,wBAAkCpB,EAAe,YAAEI,EAAG,MAAM,CAACgB,YAAY,0BAA0B,CAAChB,EAAG,MAAM,CAACgB,YAAY,kDAAkDC,YAAY,CAAC,MAAQ,QAAQmB,SAAS,CAAC,MAAQ,SAASR,GAAiC,OAAzBA,EAAOS,kBAAyBzC,EAAI0C,kBAAkB,CAACtC,EAAG,YAAY,CAACiB,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQX,MAAM,CAAC,QAAU,QAAQ,KAAO,OAAO,MAAQ,cAAcN,EAAG,OAAO,CAACgB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAI2C,gBAAgB,OAAO3C,EAAIwB,GAAG,KAAKpB,EAAG,IAAI,CAACgB,YAAY,iBAAiB,IAAI,GAAGpB,EAAIuB,OAAOnB,EAAG,MAAM,CAACgB,YAAY,UAAU,CAAChB,EAAG,QAAQ,CAACI,IAAI,QAAQE,MAAM,CAAC,KAAO,OAAO,OAASV,EAAI4C,mBAAmB5B,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAI6C,aAAab,EAAOc,OAAOC,MAAM,aAC1+D,EAAkB,G,6FCCP,GAEdC,SAAU,CACT,eACC,OAAI/C,KAAKgD,OACDhD,KAAKgD,OAAOC,GAGhBjD,KAAKiC,WACDjC,KAAKiC,WAAWgB,GAGpBjD,KAAKc,MAAQoC,MAAMC,QAAQnD,KAAKc,KAAKsC,OAASpD,KAAKc,KAAKsC,KAAKC,OAAS,EAClErD,KAAKc,KAAKsC,KAAK,GAAGH,GAGnB,MAGR,gBACC,OAAIjD,KAAKsD,aACD,eAAetD,KAAKsD,aAAc,IAAK,KAGxC,OAITC,MAAO,CACNC,cAAe,CACdC,WAAW,EACX,QAAQC,GACP1D,KAAK2D,UAAU,KACV3D,KAAK4D,MAAMC,OAASH,IACvB1D,KAAK4D,MAAMC,MAAMC,MAAMC,gBAAkB,QAAQL,a,oCClCxC,GACdM,OAAQ,CAACC,EAAA,MAETC,QAAS,CAMR,yBAAyBpD,GACxB,OAAOA,EAAKqD,kBAQb,gBAAgBrB,EAAOsB,EAAiB,IACvC,GAAIlB,MAAMC,QAAQL,GAAQ,CACzB,MAAMuB,EAAU,GAEhB,IAAK,IAAIC,KAAQxB,EAChB,IACCuB,EAAQE,WAAWvE,KAAKwE,UAAUF,EAAMF,IACvC,MAAOK,GACRC,QAAQC,IAAIF,EAAEG,SAIhB,OAAOP,EAEP,aAAarE,KAAKwE,UAAU1B,EAAOsB,M,YCgBxB,GACfzC,yBAEAkD,YAAAC,WAAAC,oBAEAf,kCAEAE,SAKAtB,aALA,SAKAiB,GACA,IAGA,yCACAmB,kCAIA,kBACAC,2MAOAC,OACAZ,MACAa,YACAC,WAGAC,QACAF,YACAC,gBAIArC,UACAuC,aADA,WACA,WACA,OACA,CACAC,qCAAAC,mBACA,mBAGA,CAAAD,gDAKAE,QAjCA,WAiCA,WACA,iBAEAC,qBACA,mCAGAA,qBAEA,CAAApB,OAAAe,gCAIAhE,eA5DA,WA6DA,oDACA,0BAOAsE,gBArEA,SAqEA9B,GAAA,mIACA+B,EAAA,oCAEAA,EAHA,4BAIA,EAJA,SAIA,iBAJA,iDAIAC,eAJA,iDAMA,qBANA,+CAiBAC,iBAtFA,SAsFAC,GAAA,8RACA,0CADA,+CAKAN,QAlGA,WAmGA,6CACA,kCAGA,yDACA,qCC1J0S,I,wBCQtSO,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAIjG,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAcJ,EAAIO,GAAG,GAAG,cAAcP,EAAIkB,QAAO,GAAO,CAACd,EAAG,aAAa,CAACgB,YAAY,eAAe,CAACpB,EAAIkG,GAAIlG,EAAe,aAAE,SAASmG,EAAEC,GAAO,OAAOhG,EAAG,0BAA0BJ,EAAIO,GAAG,CAAC8F,IAAIF,EAAEjD,GAAGxC,MAAM,CAAC,OAASyF,EAAE,aAAanG,EAAIsG,mBAAmBtF,GAAG,CAAC,QAAU,SAASgB,GAAQ,OAAOhC,EAAIuG,YAAYC,OAAOJ,EAAO,IAAI,QAAU,SAASpE,GAAQ,OAAOhC,EAAIyG,YAAYL,MAAU,0BAA0B,CAAC,aAAcpG,EAAIkB,OAAO,gBAAe,OAAUlB,EAAIkG,GAAIlG,EAAiB,eAAE,SAASmG,EAAEC,GAAO,OAAOhG,EAAG,0BAA0BJ,EAAIO,GAAG,CAAC8F,IAAIF,EAAEjD,GAAGxC,MAAM,CAAC,KAAOyF,EAAE,aAAanG,EAAIsG,mBAAmBtF,GAAG,CAAC,OAAS,SAASgB,GAAQ,OAAOhC,EAAI0G,cAAcF,OAAOJ,EAAO,IAAI,QAAU,SAASpE,GAAQ,OAAOhC,EAAIyG,YAAYL,EAAQpG,EAAIuG,YAAYjD,SAAS,QAAU,SAAStB,GAAQ,OAAOhC,EAAI0G,cAAcF,OAAOJ,EAAO,KAAKO,MAAM,CAAC7E,MAAO9B,EAAI4G,aAAaR,GAAQS,SAAS,SAAUC,GAAM9G,EAAI+G,KAAK/G,EAAI4G,aAAcR,EAAOU,IAAM/E,WAAW,wBAAwB,0BAA0B,CAAC,aAAc/B,EAAIkB,OAAO,gBAAe,OAAUd,EAAG,8BAA8B,CAACI,IAAI,SAASE,MAAM,CAAC,OAASV,EAAIgH,YAAY,KAAOhH,EAAIiH,iBAAiBjG,GAAG,CAAC,MAAQ,SAASgB,GAAQhC,EAAIiH,iBAAkB,MAAU7G,EAAG,QAAQ,CAACM,MAAM,CAAC,GAAK,cAAcM,GAAG,CAAC,KAAO,SAASgB,GAAyD,OAAjDA,EAAOS,kBAAkBT,EAAOkF,iBAAwBlH,EAAImH,eAAenF,IAAS,SAAW,SAASA,GAAQA,EAAOS,kBAAkBT,EAAOkF,oBAAqB,EAAGlH,EAAIsC,sBAAwBtC,EAAIoH,cAAehH,EAAG,yBAAyB,CAACM,MAAM,CAAC,aAAaV,EAAIsG,mBAAmBtF,GAAG,CAAC,KAAO,SAASgB,GAAQ,OAAOhC,EAAI6D,MAAMwD,MAAMC,YAAYtH,EAAIuB,KAAKnB,EAAG,QAAQ,CAACI,IAAI,QAAQY,YAAY,oBAAoBV,MAAM,CAAC,KAAO,OAAO,OAASV,EAAI4C,kBAAkB,SAAW,IAAI5B,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAIuH,iBAAiBvF,EAAOc,OAAOC,YAAY,IAAI,IAAI,IACp6D,EAAkB,G,4ECDlB,EAAS,WAAa,IAAI/C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,IAAI,YAAYY,YAAY,8BAA8B2C,MAAM,CAAEyD,MAAOxH,EAAIyH,YAAa,CAACrH,EAAG,MAAM,CAACgB,YAAY,mGAAmGJ,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAI0H,MAAM,WAAW,CAACtH,EAAG,MAAM,CAACgB,YAAY,qBAAqB,CAAChB,EAAG,IAAI,CAACgB,YAAY,sBAAsBC,YAAY,CAAC,YAAY,YAAYjB,EAAG,MAAM,CAACJ,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAI0B,GAAG,0BAA2B,yBACziB,EAAkB,GCcP,GACfE,8BAEAuD,OACAsC,WACApC,YACAsC,mBCrB+S,ICO3S,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAI3H,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,IAAI,YAAYY,YAAY,eAAe2C,MAAM,CAAEyD,MAAOvH,KAAKwH,YAAa,CAACrH,EAAG,MAAM,CAACgB,YAAY,qBAAqB,CAAChB,EAAG,MAAM,CAACI,IAAI,QAAQY,YAAY,kBAAkBC,YAAY,CAAC,OAAS,WAAW0C,MAAM,CAAE,mBAAqB,QAAW9D,KAAkB,cAAI,MAAQe,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAI0H,MAAM,eAAgB1H,EAAe,YAAEI,EAAG,MAAM,CAACgB,YAAY,wCAAwCC,YAAY,CAAC,OAAS,OAAO,MAAQ,SAAS,CAACrB,EAAIwB,GAAG,IAAIxB,EAAIyB,GAAGzB,EAAI2C,gBAAgB,QAAQ3C,EAAIuB,KAAKnB,EAAG,MAAM,CAACgB,YAAY,6BAA6BC,YAAY,CAAC,OAAS,IAAI,MAAQ,SAAS,CAACjB,EAAG,MAAM,CAACgB,YAAY,oBAAoB,CAAChB,EAAG,MAAM,CAACgB,YAAY,4DAA4D,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAI4H,aAAe5H,EAAImC,aAAgBnC,EAAI6H,gBAAiB7H,EAAI8H,YAAwI9H,EAAIuB,KAA/HnB,EAAG,MAAM,CAACgB,YAAY,sBAAsBJ,GAAG,CAAC,MAAQhB,EAAIqC,qBAAqB,CAACjC,EAAG,IAAI,CAACgB,YAAY,qBAAgCpB,EAAImC,aAAgBnC,EAAI6H,eAAkB7H,EAAI+H,cAAczF,qBAA0JtC,EAAIuB,KAAxInB,EAAG,MAAM,CAACgB,YAAY,sBAAsBJ,GAAG,CAAC,MAAQhB,EAAIuC,qBAAqB,CAACnC,EAAG,IAAI,CAACgB,YAAY,8BAAwCpB,EAAiB,cAAEI,EAAG,MAAM,CAACgB,YAAY,sBAAsBJ,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOhC,EAAIgI,gBAAgB,CAAC5H,EAAG,IAAI,CAACgB,YAAY,iBAAiBpB,EAAIuB,KAAMvB,EAAe,YAAEI,EAAG,MAAM,CAACgB,YAAY,iDAAiD,CAAChB,EAAG,YAAY,CAACiB,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,UAAUX,MAAM,CAAC,QAAU,cAAc,GAAGV,EAAIuB,KAAMvB,EAAImC,aAAenC,EAAI6H,cAAezH,EAAG,MAAM,CAACgB,YAAY,sBAAsBJ,GAAG,CAAC,MAAQhB,EAAI0C,eAAe,CAACtC,EAAG,IAAI,CAACgB,YAAY,8BAA8BpB,EAAIuB,OAAOnB,EAAG,MAAM,CAACgB,YAAY,iBAAiB,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIiI,2BACr3D,EAAkB,GC+CP,GACfrG,+BAEAqC,kBAEAkB,OACA+C,QAEAT,WACApC,YACAsC,kBAIAQ,gCAEAzC,QAhBA,WAiBA,2BACA,sCClEgT,ICO5S,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,gCC4BA,GACf9D,2BACAkD,YACAsD,yBACAC,0BACAC,0BACAtD,mBACAuD,iCAGAtE,gCAEAZ,KAZA,WAaA,OACAuD,gBACAF,iBACAO,mBACAQ,mBAIA/B,QArBA,WAsBA,kBAGA1C,UACAuD,YADA,WAEA,2BAGAS,YALA,WAKA,WACA,wBACAwB,QAAA,wBACAC,KAAA,mBAAAC,yBAAAC,sCACAC,OACA,kBACAJ,QAAA,wBACAC,KAAA,qBACAC,sBACAC,yCAKArC,kBAnBA,WAoBA,sDAIAuC,QAjDA,WAkDA,OACA9H,eACAgH,qBAIA5D,SACA2E,UADA,WAEA,uDACA3C,kDAEA,qBAGA4C,cARA,SAQAvB,GACA,kBAGAf,YAZA,SAYAL,GACA,wBACA,gCAOA4C,qBArBA,SAqBAzE,GACA,wGAOA0E,oBA7BA,SA6BAC,EAAA9C,GAIA,iCAEA,gFAQAL,iBA3CA,SA2CAC,GAAA,8RACA,6CADA,8CAQAuB,iBAnDA,SAmDA4B,GAAA,mIACAtD,EAAA,oCAEAA,EAHA,4BAIA,EAJA,SAIA,iBAJA,iDAIAuD,gBAJA,iDAMA,sBANA,+CAUAjC,eA7DA,SA6DAkC,GACA,2BACA,2BAIA7F,OACAoD,aADA,SACA0C,GACA,kBAGA/C,YALA,WAMA,oBC/K4S,ICQxS,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,gCCPA,GACf3E,oBAEAkD,YAAAyE,oBAAAC,uBACAvF,8BAEAjB,UACA1C,gBADA,WAEA,4BACA,wBAEA,yBCvBqS,ICOjS,EAAY,eACd,EACAP,EACAoB,GACA,EACA,KACA,KACA,MAIa,e,2CClBf","file":"js/chunk-7e860ef2.c41ddb82.js","sourcesContent":["export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=style&index=0&id=ea2bdd1c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.uploadComponent,_vm._b({ref:\"manager\",tag:\"component\",attrs:{\"errors\":_vm.combinedErrors,\"disabled\":_vm.disabled,\"readonly\":_vm.readonly,\"value\":_vm.local,\"item\":_vm.item},on:{\"input\":_vm.updateLocal}},'component',_vm.$attrs,false))}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseControl',_vm._b({},'BaseControl',_vm.$attrs,false),[_c('div',{staticClass:\"image-preview\",staticStyle:{\"width\":\"100%\",\"height\":\"300px\"},on:{\"click\":_vm.onPreviewClick}},[(!(_vm.hasUploadedFile))?_c('div',{staticClass:\"text-center\"},[_c('i',{staticClass:\"fas fa-camera-retro\",staticStyle:{\"font-size\":\"32px\"}}),_c('div',[_vm._v(\" \"+_vm._s(_vm.$l('platon.form_image_upload', 'Расмни юкланг')))])]):_vm._e(),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasUploadedFile),expression:\"hasUploadedFile\"}],ref:\"image\",staticClass:\"image-m-preview\",staticStyle:{\"cursor\":\"zoom-in\"},on:{\"click\":function($event){return _vm.openFilePreviewModal(_vm.remoteFile)}}}),_c('div',{staticClass:\"p-controls\",staticStyle:{\"right\":\"10px\"}},[(!_vm.isUploading && _vm.hasUploadedFile)?_c('button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.downloadRemoteFile()}}},[_c('i',{staticClass:\"fa fa-download\"})]):_vm._e(),(!_vm.isUploading && _vm.hasUploadedFile && !_vm.isDisabledOrReadOnly)?_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteUploadedFile()}}},[_c('i',{staticClass:\"fa fa-trash-alt\"})]):_vm._e()]),(_vm.isUploading)?_c('div',{staticClass:\"p-controls text-center\"},[_c('btn',{staticClass:\"btn-sm btn-danger d-flex justify-content-center\",staticStyle:{\"width\":\"80px\"},nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.cancelUpload()}}},[_c('b-spinner',{staticStyle:{\"width\":\"13px\",\"height\":\"13px\"},attrs:{\"variant\":\"light\",\"type\":\"grow\",\"label\":\"Spinning\"}}),_c('span',{staticClass:\"mx-2\"},[_vm._v(_vm._s(_vm.uploadProgress)+\"%\")]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-times\"})],1)],1):_vm._e()]),_c('div',{staticClass:\"d-none\"},[_c('input',{ref:\"input\",attrs:{\"type\":\"file\",\"accept\":_vm.allowedExtensions},on:{\"input\":function($event){return _vm.previewImage($event.target.files[0])}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {platonImageUrl} from \"@Platon/core/helpers\";\n\nexport default {\n\n\tcomputed: {\n\t\tremoteFileId() {\n\t\t\tif (this.remote) {\n\t\t\t\treturn this.remote.id;\n\t\t\t}\n\n\t\t\tif (this.remoteFile) {\n\t\t\t\treturn this.remoteFile.id;\n\t\t\t}\n\n\t\t\tif (this.item && Array.isArray(this.item.data) && this.item.data.length > 0) {\n\t\t\t\treturn this.item.data[0].id;\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\n\t\tremoteFileUrl() {\n\t\t\tif (this.remoteFileId) {\n\t\t\t\treturn platonImageUrl(this.remoteFileId, 480, 480);\n\t\t\t}\n\n\t\t\treturn null;\n\t\t}\n\t},\n\n\twatch: {\n\t\tremoteFileUrl: {\n\t\t\timmediate: true,\n\t\t\thandler(url) {\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tif (this.$refs.image && url) {\n\t\t\t\t\t\tthis.$refs.image.style.backgroundImage = `url('${url}')`\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n","import ImageCropperMixin from \"@Platon/mixins/ImageCropperMixin\";\n\nexport default {\n\tmixins: [ImageCropperMixin],\n\n\tmethods: {\n\t\t/**\n\t\t * @param {PlatonFormElement} item\n\t\t *\n\t\t * @return null|Cropper.Options\n\t\t */\n\t\tgetCropOptionsForElement(item) {\n\t\t\treturn item.imageCropOptions;\n\t\t},\n\n\t\t/**\n\t\t * @param {File[]|File} files\n\t\t * @param {Cropper.Options} cropperOptions\n\t\t * @return {Promise<File[]|File>}\n\t\t */\n\t\tasync tryToCrop(files, cropperOptions = {}) {\n\t\t\tif (Array.isArray(files)) {\n\t\t\t\tconst results = [];\n\n\t\t\t\tfor (let file of files) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tresults.push(await this.cropImage(file, cropperOptions))\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tconsole.log(e.message)\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn results;\n\t\t\t} else {\n\t\t\t\treturn await this.cropImage(files, cropperOptions)\n\t\t\t}\n\t\t}\n\t}\n}\n","<template>\n\t<BaseControl v-bind=\"$attrs\">\n\t\t<div style=\"width: 100%; height: 300px\" class=\"image-preview\" @click=\"onPreviewClick\">\n\t\t\t<div class=\"text-center\" v-if=\"!(hasUploadedFile)\">\n\t\t\t\t<i style=\"font-size: 32px\" class=\"fas fa-camera-retro\"/>\n\t\t\t\t<div> {{ $l('platon.form_image_upload', 'Расмни юкланг') }}</div>\n\t\t\t</div>\n\n\t\t\t<span ref=\"image\" class=\"image-m-preview\" style=\"cursor:zoom-in;\" @click=\"openFilePreviewModal(remoteFile)\"\n\t\t\t\t\t\tv-show=\"hasUploadedFile\"></span>\n\n\t\t\t<div class=\"p-controls\" style=\"right: 10px\">\n\t\t\t\t<button class=\"btn btn-primary mr-2\" type=\"button\" @click=\"downloadRemoteFile()\"\n\t\t\t\t\t\t\t\tv-if=\"!isUploading && hasUploadedFile\">\n\t\t\t\t\t<i class=\"fa fa-download\"></i>\n\t\t\t\t</button>\n\n\t\t\t\t<button class=\"btn btn-danger\" type=\"button\" @click=\"deleteUploadedFile()\"\n\t\t\t\t\t\t\t\tv-if=\"!isUploading && hasUploadedFile && !isDisabledOrReadOnly\">\n\t\t\t\t\t<i class=\"fa fa-trash-alt\"></i>\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"p-controls text-center\" v-if=\"isUploading\">\n\t\t\t\t<btn @click.native.stop=\"cancelUpload()\" class=\"btn-sm btn-danger d-flex justify-content-center\"\n\t\t\t\t\t\t style=\"width: 80px\">\n\t\t\t\t\t<b-spinner variant=\"light\" type=\"grow\" style=\"width: 13px; height: 13px\" label=\"Spinning\"></b-spinner>\n\t\t\t\t\t<span class=\"mx-2\">{{ uploadProgress }}%</span> <i class=\"fa fa-times\"/>\n\t\t\t\t</btn>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"d-none\">\n\t\t\t<input ref=\"input\" type=\"file\" :accept=\"allowedExtensions\"\n\t\t\t\t\t\t @input=\"previewImage($event.target.files[0])\">\n\t\t</div>\n\t</BaseControl>\n</template>\n\n<script>\nimport UploadMixin from \"@Platon/components/form/controls/UploadMixin\";\nimport BaseControl from \"@Platon/components/form/controls/BaseControl.vue\";\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\";\nimport Btn from \"@Platon/components/extended/Btn.vue\";\nimport ImageUploadMixin from \"@Platon/components/form/controls/ImageUploadMixin\";\nimport FilePreviewMixin from \"@Platon/components/misc/preview/FilePreviewMixin\";\nimport {limitFileSizeErrorToast, sizeKbToByte} from \"@Platon/components/form/controls/UploadMultipleLimitsMixin\";\nimport ImageControlCropMixin from \"@Platon/components/form/controls/ImageControlCropMixin\";\nimport {base64ToFile} from \"@Platon/core/helpers/FileHelpers\";\n\nexport default {\n\tname: \"ImageUploadSingle\",\n\n\tcomponents: {Btn, BaseControl},\n\n\tmixins: [UploadMixin, InputControlMixin, ImageUploadMixin, FilePreviewMixin, ImageControlCropMixin],\n\n\tmethods: {\n\t\t/**\n\t\t * Preview image, show user if he satisfies with image\n\t\t * @param {File} image\n\t\t */\n\t\tpreviewImage(image) {\n\t\t\tif (!image)\n\t\t\t\treturn;\n\n\t\t\tif (image.size > sizeKbToByte(this.item.maxSize)) {\n\t\t\t\tlimitFileSizeErrorToast(this.item.maxSize)\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.$modal.show({\n\t\t\t\ttemplate: `\n\t\t\t\t\t<PModal :footer-actions=\"modalActions\">\n\t\t\t\t\t<template #title>Расм</template>\n\t\t\t\t\t<img ref=\"image\" class=\"border\" style=\"width: 100%\"/>\n\t\t\t\t\t</PModal>\n\t\t\t\t`,\n\n\t\t\t\tprops: {\n\t\t\t\t\tfile: {\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\ttype: File\n\t\t\t\t\t},\n\n\t\t\t\t\tonSave: {\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\ttype: Function\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\tcomputed: {\n\t\t\t\t\tmodalActions() {\n\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttext: this.$l('platon.save', 'Сақлаш'), handler: () => {\n\t\t\t\t\t\t\t\t\tthis.onSave(this.file)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{text: this.$l('platon.cancel', 'Бекор қилиш'),},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\tmounted() {\n\t\t\t\t\tlet reader = new FileReader();\n\n\t\t\t\t\treader.onload = (e) => {\n\t\t\t\t\t\tthis.$refs.image.src = e.target.result\n\t\t\t\t\t}\n\n\t\t\t\t\treader.readAsDataURL(image);\n\t\t\t\t}\n\t\t\t}, {file: image, onSave: this.onImageSelected})\n\n\t\t},\n\n\t\tonPreviewClick() {\n\t\t\tif (!(this.disabled || this.readonly) && !this.hasUploadedFile)\n\t\t\t\tthis.$refs.input.click()\n\t\t},\n\n\t\t/**\n\t\t *\n\t\t * @param {File} image\n\t\t */\n\t\tasync onImageSelected(image) {\n\t\t\tconst cropOptions = this.getCropOptionsForElement(this.item)\n\n\t\t\tif (cropOptions) {\n\t\t\t\treturn this.onFileSelected(await this.tryToCrop(image, cropOptions))\n\t\t\t} else {\n\t\t\t\treturn this.onFileSelected(image)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Upload image programmatically\n\t\t *\n\t\t * @param base64\n\t\t * @param filename\n\t\t * @param type\n\t\t */\n\t\tasync uploadBase64File(base64, filename = 'image.jpg', type = 'image/jpeg') {\n\t\t\treturn this.onImageSelected(base64ToFile(base64, filename, type))\n\t\t}\n\t},\n\n\tmounted() {\n\t\tif (this.$refs.image && this.info && this.info.file) {\n\t\t\tthis.previewImage(this.info.file)\n\t\t}\n\n\t\tif (Array.isArray(this.item.data) && this.item.data.length > 0) {\n\t\t\tthis.remoteFile = this.item.data[0];\n\t\t}\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.image-preview {\n\toverflow: hidden;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: var(--pl-form-image-upload-bg);\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t\t// background: darken(whitesmoke, 5%);\n\t\tbackground: var(--pl-form-image-upload-bg-hover);\n\t}\n}\n\n.p-controls {\n\tbottom: 10px;\n\tposition: absolute;\n\n\t& .btn {\n\t\twidth: 40px;\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageUploadSingle.vue?vue&type=template&id=71a890c6&scoped=true&\"\nimport script from \"./ImageUploadSingle.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageUploadSingle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageUploadSingle.vue?vue&type=style&index=0&id=71a890c6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"71a890c6\",\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('BaseControl',_vm._b({},'BaseControl',_vm.$attrs,false),[_c('b-form-row',{staticClass:\"flex-grow-1\"},[_vm._l((_vm.remoteFiles),function(f,index){return _c('ImageUploadMultipleItem',_vm._b({key:f.id,attrs:{\"remote\":f,\"item-width\":_vm.computedItemWidth},on:{\"deleted\":function($event){return _vm.remoteFiles.splice(index, 1)},\"preview\":function($event){return _vm.showPreview(index)}}},'ImageUploadMultipleItem',{'element-id': _vm.$attrs['element-id']},false))}),_vm._l((_vm.selectedFiles),function(f,index){return _c('ImageUploadMultipleItem',_vm._b({key:f.id,attrs:{\"info\":f,\"item-width\":_vm.computedItemWidth},on:{\"cancel\":function($event){return _vm.selectedFiles.splice(index, 1)},\"preview\":function($event){return _vm.showPreview(index + _vm.remoteFiles.length)},\"deleted\":function($event){return _vm.selectedFiles.splice(index, 1)}},model:{value:(_vm.localFilesId[index]),callback:function ($$v) {_vm.$set(_vm.localFilesId, index, $$v)},expression:\"localFilesId[index]\"}},'ImageUploadMultipleItem',{'element-id': _vm.$attrs['element-id']},false))}),_c('vue-image-lightbox-carousel',{ref:\"slider\",attrs:{\"images\":_vm.slideImages,\"show\":_vm.showImageSlider},on:{\"close\":function($event){_vm.showImageSlider = false}}}),_c('label',{attrs:{\"id\":\"imageField\"},on:{\"drop\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onImageDropped($event)},\"dragover\":function($event){$event.stopPropagation();$event.preventDefault();}}},[(!_vm.isDisabledOrReadOnly && _vm.canSelectFile)?_c('ImageUploadMultipleAdd',{attrs:{\"item-width\":_vm.computedItemWidth},on:{\"pick\":function($event){return _vm.$refs.input.click()}}}):_vm._e(),_c('input',{ref:\"input\",staticClass:\"custom-file-input\",attrs:{\"type\":\"file\",\"accept\":_vm.allowedExtensions,\"multiple\":\"\"},on:{\"input\":function($event){return _vm.onImagesSelected($event.target.files)}}})],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"image-m-item cursor-pointer\",style:({width: _vm.itemWidth})},[_c('div',{staticClass:\"image-m-preview btn btn-light align-items-center justify-content-center position-relative d-flex\",on:{\"click\":function($event){return _vm.$emit('pick')}}},[_c('div',{staticClass:\"position-absolute\"},[_c('i',{staticClass:\"fas fa-camera-retro\",staticStyle:{\"font-size\":\"2.5rem\"}}),_c('div',[_vm._v(_vm._s(_vm.$l('platon.upload_add_photo', 'Расм қўшиш')))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"image-m-item cursor-pointer\" :style=\"{width: itemWidth}\" ref=\"container\">\n\t\t<div\n\t\t\tclass=\"image-m-preview btn btn-light align-items-center justify-content-center position-relative d-flex\"\n\t\t\t@click=\"$emit('pick')\">\n\t\t\t<div class=\"position-absolute\">\n\t\t\t\t<i class=\"fas fa-camera-retro\" style=\"font-size: 2.5rem\"></i>\n\t\t\t\t<div>{{ $l('platon.upload_add_photo', 'Расм қўшиш') }}</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\nexport default {\n\tname: \"ImageUploadMultipleAdd\",\n\n\tprops: {\n\t\titemWidth: {\n\t\t\ttype: String,\n\t\t\tdefault: '150px'\n\t\t}\n\t}\n}\n</script>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleAdd.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageUploadMultipleAdd.vue?vue&type=template&id=7b4de8b0&\"\nimport script from \"./ImageUploadMultipleAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageUploadMultipleAdd.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../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',{ref:\"container\",staticClass:\"image-m-item\",style:({width: this.itemWidth})},[_c('div',{staticClass:\"image-m-container\"},[_c('div',{ref:\"image\",staticClass:\"image-m-preview\",staticStyle:{\"cursor\":\"zoom-in\"},style:({'background-image': (\"url('\" + (this.remoteFileUrl) + \"')\")}),on:{\"click\":function($event){return _vm.$emit('preview')}}}),(_vm.isUploading)?_c('div',{staticClass:\"position-absolute badge badge-primary\",staticStyle:{\"bottom\":\"50px\",\"right\":\"10px\"}},[_vm._v(\" \"+_vm._s(_vm.uploadProgress)+\"% \")]):_vm._e(),_c('div',{staticClass:\"position-absolute info p-1\",staticStyle:{\"bottom\":\"0\",\"width\":\"100%\"}},[_c('div',{staticClass:\"file-name d-flex\"},[_c('div',{staticClass:\"d-inline-block text-truncate overflow-hidden flex-grow-1\"},[_vm._v(_vm._s(_vm.fileName))]),(!_vm.isUploading && !_vm.isUploadError && _vm.canDownload)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.downloadRemoteFile}},[_c('i',{staticClass:\"fa fa-download\"})]):_vm._e(),(!_vm.isUploading && !_vm.isUploadError && !_vm.uploadControl.isDisabledOrReadOnly)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.deleteUploadedFile}},[_c('i',{staticClass:\"fa fa-trash text-danger\"})]):_vm._e(),(_vm.isUploadError)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":function($event){return _vm.uploadFile()}}},[_c('i',{staticClass:\"fa fa-redo\"})]):_vm._e(),(_vm.isUploading)?_c('div',{staticClass:\"ml-1 cursor-pointer d-flex align-items-center\"},[_c('b-spinner',{staticStyle:{\"width\":\"10px\",\"height\":\"10px\",\"border-width\":\"0.12em\"},attrs:{\"variant\":\"primary\"}})],1):_vm._e(),(_vm.isUploading || _vm.isUploadError)?_c('div',{staticClass:\"ml-1 cursor-pointer\",on:{\"click\":_vm.cancelUpload}},[_c('i',{staticClass:\"fa fa-times text-danger\"})]):_vm._e()]),_c('div',{staticClass:\"uploaded-date\"},[_vm._v(_vm._s(_vm.fileDescription))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"image-m-item\" :style=\"{width: this.itemWidth}\" ref=\"container\">\n\t\t<div class=\"image-m-container\">\n\t\t\t<div class=\"image-m-preview\" ref=\"image\" :style=\"{'background-image': `url('${this.remoteFileUrl}')`}\"\n\t\t\t\t\t @click=\"$emit('preview')\"\n\t\t\t\t\t style=\"cursor: zoom-in\">\n\t\t\t</div>\n\n\t\t\t<div v-if=\"isUploading\" class=\"position-absolute badge badge-primary\" style=\"bottom: 50px; right: 10px;\">\n\t\t\t\t{{ uploadProgress }}%\n\t\t\t</div>\n\n\t\t\t<div class=\"position-absolute info p-1\" style=\"bottom: 0; width: 100%\">\n\n\t\t\t\t<div class=\"file-name d-flex\">\n\t\t\t\t\t<div class=\"d-inline-block text-truncate overflow-hidden flex-grow-1\">{{ fileName }}</div>\n\t\t\t\t\t<div class=\"ml-1 cursor-pointer\" v-if=\"!isUploading && !isUploadError && canDownload\"\n\t\t\t\t\t\t\t @click=\"downloadRemoteFile\">\n\t\t\t\t\t\t<i class=\"fa fa-download\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ml-1 cursor-pointer\" v-if=\"!isUploading && !isUploadError && !uploadControl.isDisabledOrReadOnly\"\n\t\t\t\t\t\t\t @click=\"deleteUploadedFile\">\n\t\t\t\t\t\t<i class=\"fa fa-trash text-danger\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ml-1 cursor-pointer\" v-if=\"isUploadError\" @click=\"uploadFile()\">\n\t\t\t\t\t\t<i class=\"fa fa-redo\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ml-1 cursor-pointer d-flex align-items-center\" v-if=\"isUploading\">\n\t\t\t\t\t\t<b-spinner variant=\"primary\" style=\"width: 10px; height: 10px; border-width: 0.12em\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ml-1 cursor-pointer\" v-if=\"isUploading || isUploadError\" @click=\"cancelUpload\">\n\t\t\t\t\t\t<i class=\"fa fa-times text-danger\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"uploaded-date\">{{ fileDescription }}</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\nimport UploadMixin from \"@Platon/components/form/controls/UploadMixin\";\nimport ImageUploadMixin from \"@Platon/components/form/controls/ImageUploadMixin\";\n\n/**\n * @property {PlatonFormElement} uploadControl\n */\nexport default {\n\tname: \"ImageUploadMultipleItem\",\n\n\tmixins: [UploadMixin, ImageUploadMixin],\n\n\tprops: {\n\t\tinfo: {},\n\n\t\titemWidth: {\n\t\t\ttype: String,\n\t\t\tdefault: '150px'\n\t\t}\n\t},\n\n\tinject: ['item', 'uploadControl'],\n\n\tmounted() {\n\t\tif (this.info && this.info.file) {\n\t\t\tthis.onFileSelected(this.info.file)\n\t\t}\n\t}\n}\n</script>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultipleItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageUploadMultipleItem.vue?vue&type=template&id=686cea18&\"\nimport script from \"./ImageUploadMultipleItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageUploadMultipleItem.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../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","<template>\n\t<BaseControl v-bind=\"$attrs\">\n\t\t<b-form-row class=\"flex-grow-1\">\n\n\t\t\t<ImageUploadMultipleItem v-bind=\"{'element-id': $attrs['element-id']}\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t :remote=\"f\" @deleted=\"remoteFiles.splice(index, 1)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t @preview=\"showPreview(index)\" :item-width=\"computedItemWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t v-for=\"(f, index) in remoteFiles\" :key=\"f.id\"/>\n\n\t\t\t<ImageUploadMultipleItem v-bind=\"{'element-id': $attrs['element-id']}\" :key=\"f.id\" :info=\"f\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t v-model=\"localFilesId[index]\" @cancel=\"selectedFiles.splice(index, 1)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t @preview=\"showPreview(index + remoteFiles.length)\" :item-width=\"computedItemWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t @deleted=\"selectedFiles.splice(index, 1)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t v-for=\"(f, index) in selectedFiles\"/>\n\n\t\t\t<vue-image-lightbox-carousel\n\t\t\t\tref=\"slider\"\n\t\t\t\t:images=\"slideImages\"\n\t\t\t\t:show=\"showImageSlider\"\n\t\t\t\t@close=\"showImageSlider = false\"\n\t\t\t>\n\t\t\t</vue-image-lightbox-carousel>\n\n\t\t\t<label id=\"imageField\" @drop.stop.prevent=\"onImageDropped($event)\" @dragover.stop.prevent>\n\t\t\t\t<ImageUploadMultipleAdd v-if=\"!isDisabledOrReadOnly && canSelectFile\" :item-width=\"computedItemWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t@pick=\"$refs.input.click()\"/>\n\t\t\t\t<input type=\"file\" :accept=\"allowedExtensions\" @input=\"onImagesSelected($event.target.files)\"\n\t\t\t\t\t\t\t class=\"custom-file-input\" ref=\"input\" multiple>\n\t\t\t</label>\n\t\t</b-form-row>\n\t</BaseControl>\n</template>\n\n\n<script>\nimport BaseControl from \"@Platon/components/form/controls/BaseControl.vue\";\nimport UploadMultipleItem from \"@Platon/components/form/controls/UploadMultipleItem.vue\";\nimport ImageUploadMultipleAdd from \"@Platon/components/form/controls/ImageUploadMultipleAdd.vue\";\nimport ImageUploadMultipleItem from \"@Platon/components/form/controls/ImageUploadMultipleItem.vue\";\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\";\nimport UploadMultipleLimitsMixin from \"@Platon/components/form/controls/UploadMultipleLimitsMixin\";\nimport ToastMixin from \"@Platon/mixins/ToastMixin\";\nimport VueImageLightboxCarousel from 'vue-img-lightbox-fixed'\nimport {base64ToFile} from \"@Platon/core/helpers/FileHelpers\";\nimport ImageControlCropMixin from \"@Platon/components/form/controls/ImageControlCropMixin\";\n\nexport default {\n\tname: \"ImageUploadMultiple\",\n\tcomponents: {\n\t\tImageUploadMultipleAdd,\n\t\tImageUploadMultipleItem,\n\t\tUploadMultipleItem,\n\t\tBaseControl,\n\t\tVueImageLightboxCarousel\n\t},\n\n\tmixins: [InputControlMixin, ToastMixin, UploadMultipleLimitsMixin, ImageControlCropMixin],\n\n\tdata() {\n\t\treturn {\n\t\t\tlocalFilesId: [],\n\t\t\tselectedFiles: [],\n\t\t\tshowImageSlider: false,\n\t\t\titemWidth: undefined\n\t\t}\n\t},\n\n\tmounted() {\n\t\tthis.emitValue();\n\t},\n\n\tcomputed: {\n\t\tremoteFiles() {\n\t\t\treturn this.item.data || []\n\t\t},\n\n\t\tslideImages() {\n\t\t\treturn this.remoteFiles\n\t\t\t\t.filter(x => x)\n\t\t\t\t.map(f => ({path: platonFileUrl(f.id), caption: this.captionForRemoteFile(f)}))\n\t\t\t\t.concat(\n\t\t\t\t\tthis.localFilesId\n\t\t\t\t\t\t.filter(x => x)\n\t\t\t\t\t\t.map((id, index) => ({\n\t\t\t\t\t\t\tpath: platonFileUrl(id),\n\t\t\t\t\t\t\tcaption: this.captionForLocalFile(id, index)\n\t\t\t\t\t\t}))\n\t\t\t\t)\n\t\t},\n\n\t\tcomputedItemWidth() {\n\t\t\treturn this.itemWidth || this.item.itemWidth || '150px'\n\t\t}\n\t},\n\n\tprovide() {\n\t\treturn {\n\t\t\titem: this.item,\n\t\t\tuploadControl: this\n\t\t}\n\t},\n\n\tmethods: {\n\t\temitValue() {\n\t\t\tlet f = this.remoteFiles.map(x => x.id);\n\t\t\tf.push(...this.localFilesId)\n\n\t\t\tthis.updateLocal(f)\n\t\t},\n\n\t\tsetItemsWidth(width) {\n\t\t\tthis.itemWidth = width\n\t\t},\n\n\t\tshowPreview(index) {\n\t\t\tthis.showImageSlider = true\n\t\t\tthis.$refs.slider.showImage(index)\n\t\t},\n\n\t\t/**\n\t\t * @param {PlatonFile} file\n\t\t * @return {string}\n\t\t */\n\t\tcaptionForRemoteFile(file) {\n\t\t\treturn `${file.name}.${file.extension}, ${this.$options.filters.prettyBytes(file.size)}`\n\t\t},\n\n\t\t/**\n\t\t * @param {string} fileId\n\t\t * @param {number} index\n\t\t */\n\t\tcaptionForLocalFile(fileId, index) {\n\t\t\t/**\n\t\t\t * @type File\n\t\t\t */\n\t\t\tlet file = this.selectedFiles[index].file;\n\n\t\t\treturn `${file.name}, ${this.$options.filters.prettyBytes(file.size)}`\n\t\t},\n\n\t\t/**\n\t\t * @param base64\n\t\t * @param filename\n\t\t * @param type\n\t\t */\n\t\tasync uploadBase64File(base64, filename = 'image.jpg', type = 'image/jpeg') {\n\t\t\treturn this.onImagesSelected([base64ToFile(base64, filename, type)])\n\t\t},\n\n\n\t\t/**\n\t\t * @param {File[]} images\n\t\t */\n\t\tasync onImagesSelected(images) {\n\t\t\tconst cropOptions = this.getCropOptionsForElement(this.item)\n\n\t\t\tif (cropOptions) {\n\t\t\t\treturn this.onFilesSelected(await this.tryToCrop(images, cropOptions))\n\t\t\t} else {\n\t\t\t\treturn this.onFilesSelected(images)\n\t\t\t}\n\t\t},\n\n\t\tonImageDropped(event) {\n\t\t\tlet fileList = event.dataTransfer.files;\n\t\t\tthis.onImagesSelected(fileList);\n\t\t}\n\t},\n\n\twatch: {\n\t\tlocalFilesId(val) {\n\t\t\tthis.emitValue()\n\t\t},\n\n\t\tremoteFiles() {\n\t\t\tthis.emitValue()\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\n#imageField {\n\tposition: relative;\n}\n\n#imageField input {\n\tdisplay: flex;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageUploadMultiple.vue?vue&type=template&id=ea2bdd1c&scoped=true&\"\nimport script from \"./ImageUploadMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageUploadMultiple.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageUploadMultiple.vue?vue&type=style&index=0&id=ea2bdd1c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ea2bdd1c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<component :errors=\"combinedErrors\" :disabled=\"disabled\" :readonly=\"readonly\" @input=\"updateLocal\" :value=\"local\"\n\t\t\t\t\t\t :item=\"item\" v-bind=\"$attrs\" :is=\"uploadComponent\" ref=\"manager\"/>\n</template>\n\n<script>\nimport ImageUploadSingle from \"@Platon/components/form/controls/ImageUploadSingle.vue\";\nimport ImageUploadMultiple from \"@Platon/components/form/controls/ImageUploadMultiple.vue\";\nimport InputControlMixin from \"@Platon/mixins/InputControlMixin\";\nimport ValidationMixin from \"@Platon/mixins/ValidationMixin\";\nimport UploadUtilsMixin from \"@Platon/components/form/controls/UploadUtilsMixin\";\n\nexport default {\n\tname: \"ImageControl\",\n\n\tcomponents: {ImageUploadSingle, ImageUploadMultiple},\n\tmixins: [InputControlMixin, ValidationMixin, UploadUtilsMixin],\n\n\tcomputed: {\n\t\tuploadComponent() {\n\t\t\tif (this.item.isMultiple) {\n\t\t\t\treturn 'image-upload-multiple'\n\t\t\t} else {\n\t\t\t\treturn 'image-upload-single'\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<style>\n\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageControl.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageControl.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageControl.vue?vue&type=template&id=f7a3acdc&\"\nimport script from \"./ImageControl.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageControl.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../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","export * from \"-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./ImageUploadSingle.vue?vue&type=style&index=0&id=71a890c6&lang=scss&scoped=true&\""],"sourceRoot":""}