{"version":3,"sources":["webpack:///./src/views/VehicleGalleryImages/VehicleGalleryImages.vue?2584","webpack:///./src/components/addVehicleGalleryImages.vue?937e","webpack:///src/components/addVehicleGalleryImages.vue","webpack:///./src/components/addVehicleGalleryImages.vue?c16a","webpack:///./src/components/addVehicleGalleryImages.vue","webpack:///./src/components/editVehicleGalleryImages.vue?4008","webpack:///src/components/editVehicleGalleryImages.vue","webpack:///./src/components/editVehicleGalleryImages.vue?73d9","webpack:///./src/components/editVehicleGalleryImages.vue","webpack:///./src/components/custom/bulkAddVehicleGalleryImages.vue?9049","webpack:///./src/components/custom/ImageGalleryUploader.vue?63d0","webpack:///src/components/custom/ImageGalleryUploader.vue","webpack:///./src/components/custom/ImageGalleryUploader.vue?4bdb","webpack:///./src/components/custom/ImageGalleryUploader.vue","webpack:///src/components/custom/bulkAddVehicleGalleryImages.vue","webpack:///./src/components/custom/bulkAddVehicleGalleryImages.vue?3210","webpack:///./src/components/custom/bulkAddVehicleGalleryImages.vue","webpack:///src/views/VehicleGalleryImages/VehicleGalleryImages.vue","webpack:///./src/views/VehicleGalleryImages/VehicleGalleryImages.vue?40e3","webpack:///./src/views/VehicleGalleryImages/VehicleGalleryImages.vue","webpack:///./src/components/custom/VehicleModelSelect.vue?f7e5","webpack:///./src/components/custom/ImageGalleryUploader.vue?7c0a","webpack:///./src/components/custom/FileUploader.vue?99d5","webpack:///src/components/custom/FileUploader.vue","webpack:///./src/components/custom/FileUploader.vue?57ee","webpack:///./src/components/custom/FileUploader.vue","webpack:///./src/components/custom/bulkAddVehicleGalleryImages.vue?f4a3","webpack:///./src/views/VehicleGalleryImages/VehicleGalleryImages.vue?2e08","webpack:///./src/components/custom/VehicleModelSelect.vue?ed1b","webpack:///src/components/custom/VehicleModelSelect.vue","webpack:///./src/components/custom/VehicleModelSelect.vue?6bde","webpack:///./src/components/custom/VehicleModelSelect.vue","webpack:///./src/components/custom/FileUploader.vue?221d","webpack:///./src/components/editVehicleGalleryImages.vue?2228","webpack:///./src/components/addVehicleGalleryImages.vue?114a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","on","$event","toggleAddVehicleGalleryImages","addVehicleGalleryImagesSuccess","currentVehicleGalleryImages","toggleEditVehicleGalleryImages","editVehicleGalleryImagesSuccess","toggleBulkAddVehicleGalleryImages","bulkAddVehicleGalleryImagesSuccess","_m","_v","items","editItem","staticRenderFns","save","toggleView","model","value","newVehicleGalleryImages","callback","$$v","$set","expression","directives","name","rawName","domProps","target","composing","staticStyle","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","success","error","info","warn","created","data","uploadedImageData","uploadedImageUrl","editingImage","components","FileUploader","VehicleModelSelect","methods","$emit","updateImageData","updateImageUrl","editImage","updateImage","getImageSource","isNull","Image","$store","state","cdnUrl","obj","payload","image","dispatch","component","deleteVehicleGalleryImages","editingVehicleGalleryImages","imageBytes","selectedFile","originalData","modifiedData","ImageUploader","JSON","parse","ImageBytes","props","stringify","vehicleGalleryImagesModel","showMultiFileUploader","ModelId","imageGalleryUploaderSuccess","_e","isLoading","handleChanges","files","fileCount","length","columns","addVehicleGalleryImagesOpen","editVehicleGalleryImagesOpen","bulkAddVehicleGalleryImagesOpen","addVehicleGalleryImages","editVehicleGalleryImages","bulkAddVehicleGalleryImages","Datatable","DataBlocks","getVehicleGalleryImages","mapVehicleModels","variantsNew","VehicleGalleryImages","$refs","addVehicleGalleryImagesModal","hide","show","editVehicleGalleryImagesModal","bulkAddVehicleGalleryImagesModal","allFiles","_s","_l","item","index","key","content","errors","status","output","computed","isInitial","INITIAL","LOADING","isSuccess","SUCCESS","isFailed","FAILED","validateImg","Promise","img","src","window","URL","createObjectURL","file","onload","width","height","resolve","reset","fileList","slice","url","valid","fileToBase64","reader","readAsDataURL","res","onerror","sanitizeFileName","resolveAfterTime","dataValue","valueChanged","option","Id","Name","getVehicleModels","miniToastr"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,UAAU,CAACG,IAAI,+BAA+BC,MAAM,CAAC,cAAc,KAAK,CAACJ,EAAG,0BAA0B,CAACK,GAAG,CAAC,6BAA+B,SAASC,GAAQ,OAAOV,EAAIW,iCAAiC,+BAAiC,SAASD,GAAQ,OAAOV,EAAIY,sCAAsC,GAAGR,EAAG,UAAU,CAACG,IAAI,gCAAgCC,MAAM,CAAC,cAAc,KAAK,CAACJ,EAAG,2BAA2B,CAACI,MAAM,CAAC,4BAA8BR,EAAIa,6BAA6BJ,GAAG,CAAC,8BAAgC,SAASC,GAAQ,OAAOV,EAAIc,kCAAkC,gCAAkC,SAASJ,GAAQ,OAAOV,EAAIe,uCAAuC,GAAGX,EAAG,UAAU,CAACG,IAAI,mCAAmCC,MAAM,CAAC,cAAc,KAAK,CAACJ,EAAG,8BAA8B,CAACI,MAAM,CAAC,4BAA8BR,EAAIa,6BAA6BJ,GAAG,CAAC,iCAAmC,SAASC,GAAQ,OAAOV,EAAIgB,qCAAqC,mCAAqC,SAASN,GAAQ,OAAOV,EAAIiB,0CAA0C,GAAGjB,EAAIkB,GAAG,GAAGd,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,mCAAmC,CAACX,EAAImB,GAAG,aAAaf,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIgB,uCAAuC,CAAChB,EAAImB,GAAG,kBAAkBf,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAMA,EAAG,aAAa,CAACI,MAAM,CAAC,WAAY,EAAK,KAAOR,EAAIoB,MAAM,OAAS,CAAC,QAAQ,OAAO,YAAYX,GAAG,CAAC,aAAeT,EAAIqB,aAAa,IAAI,MAC5xDC,EAAkB,CAAC,WAAa,IAAItB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACJ,EAAImB,GAAG,8BCDpJ,G,wCAAS,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAImB,GAAG,gCAAgCf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIuB,UAAU,CAACvB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,cAAcf,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,YAAY,CAACR,EAAImB,GAAG,aAAaf,EAAG,qBAAqB,CAACqB,MAAM,CAACC,MAAO1B,EAAI2B,wBAA+B,QAAEC,SAAS,SAAUC,GAAM7B,EAAI8B,KAAK9B,EAAI2B,wBAAyB,UAAWE,IAAME,WAAW,qCAAqC/B,EAAIkB,GAAG,IAAI,GAAGd,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,iBAAiB,CAACI,MAAM,CAAC,MAAQ,SAASiB,MAAM,CAACC,MAAO1B,EAAI2B,wBAA6B,MAAEC,SAAS,SAAUC,GAAM7B,EAAI8B,KAAK9B,EAAI2B,wBAAyB,QAASE,IAAME,WAAW,oCAAoC,GAAG3B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,cAAc,CAACR,EAAImB,GAAG,eAAef,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI2B,wBAAiC,UAAEI,WAAW,sCAAsCzB,YAAY,eAAeE,MAAM,CAAC,GAAK,YAAY,KAAO,YAAY,YAAc,YAAY,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI2B,SAAS,CAAC,MAASnC,EAAI2B,wBAAiC,WAAGlB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAI2B,wBAAyB,YAAajB,EAAO0B,OAAOV,WAAW1B,EAAIkB,GAAG,KAAKd,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,iBAAiB,CAACR,EAAImB,GAAG,kBAAkBf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI2B,wBAAoC,aAAEI,WAAW,yCAAyCzB,YAAY,eAAeE,MAAM,CAAC,GAAK,eAAe,KAAO,eAAe,YAAc,eAAe,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI2B,SAAS,CAAC,MAASnC,EAAI2B,wBAAoC,cAAGlB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAI2B,wBAAyB,eAAgBjB,EAAO0B,OAAOV,WAAW1B,EAAIkB,GAAG,KAAKd,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,gBAAgB,CAACR,EAAImB,GAAG,iBAAiBf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI2B,wBAAmC,YAAEI,WAAW,wCAAwCzB,YAAY,eAAeE,MAAM,CAAC,GAAK,cAAc,KAAO,cAAc,YAAc,cAAc,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI2B,SAAS,CAAC,MAASnC,EAAI2B,wBAAmC,aAAGlB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAI2B,wBAAyB,cAAejB,EAAO0B,OAAOV,WAAW1B,EAAIkB,GAAG,KAAKd,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,SAAS,CAACR,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI2B,wBAA4B,KAAEI,WAAW,iCAAiCzB,YAAY,eAAegC,YAAY,CAAC,QAAU,oBAAoB9B,MAAM,CAAC,GAAK,OAAO,KAAO,QAAQC,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAI6B,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKjC,EAAO0B,OAAOQ,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEnB,MAAM,OAAOsB,KAAOhD,EAAI8B,KAAK9B,EAAI2B,wBAAyB,OAAQjB,EAAO0B,OAAOc,SAAWX,EAAgBA,EAAc,OAAO,CAACnC,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,aAAa,CAACR,EAAImB,GAAG,cAAcf,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,aAAa,CAACR,EAAImB,GAAG,kBAAkBf,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,YAAY,CAACR,EAAImB,GAAG,aAAaf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI2B,wBAA+B,QAAEI,WAAW,oCAAoCzB,YAAY,eAAeE,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ2B,SAAS,CAAC,MAASnC,EAAI2B,wBAA+B,SAAGlB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAI2B,wBAAyB,UAAWjB,EAAO0B,OAAOV,aAAatB,EAAG,QAAQA,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIuB,UAAU,CAACvB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,cAAcf,EAAG,MAAMA,EAAG,UACp7I,EAAkB,CAAC,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,YAAY,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,a,kECoGvc,GACE+C,QAAS,UACTC,MAAO,QACPC,KAAM,OACNC,KAAM,QAER,oBACA,OACErB,KAAM,0BACNsB,QAAS,aACTC,KAHF,WAII,MAAO,CACL7B,wBAAyB,GACzB8B,kBAAmB,GACnBC,iBAAkB,KAClBC,cAAc,IAGlBC,WAAY,CACVC,aAAJ,OACIC,mBAAJ,QAEEC,QAAS,CACPvC,WAAY,WACVvB,KAAK+D,MAAM,iCAEbC,gBAAiB,SAArB,GACMhE,KAAKwD,kBAAoB/B,GAE3BwC,eAAgB,SAApB,GACMjE,KAAKyD,iBAAmBhC,GAE1ByC,UAAW,WACTlE,KAAK0D,cAAgB1D,KAAK0D,cAE5BS,YAAa,WACXnE,KAAK0D,cAAgB1D,KAAK0D,cAE5BU,eAhBJ,SAgBA,GACM,OAAIpE,KAAKyD,iBACAzD,KAAKyD,iBAETzD,KAAKqE,OAAOd,IAAUvD,KAAKqE,OAAOd,EAAKe,OAOrC,GANDf,EAAKe,MACAtE,KAAKuE,OAAOC,MAAMC,OAASlB,EAAKe,MAEhCf,EAAKe,OAKlBD,OAAQ,SAAZ,GACM,MAAmB,qBAARK,GAA+B,OAARA,GAAwB,SAARA,GAKpDpD,KAAM,WAAV,WACUqD,EAAU,CACZpB,KAAMvD,KAAK0B,wBACXkD,MAAO5E,KAAKwD,kBACZN,QAAS,SAAjB,GACU,EAAV,yCAEQC,MAAO,SAAf,GACU,EAAV,iCAGMnD,KAAKuE,OAAOM,SAAS,0BAA2BF,MCzK2S,I,wBCQ7VG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAI/E,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAImB,GAAG,+BAA+Bf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIuB,UAAU,CAACvB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,cAAcf,EAAG,SAAS,CAACE,YAAY,iBAAiBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIgF,gCAAgC,CAAChF,EAAImB,GAAG,cAAcf,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,YAAY,CAACR,EAAImB,GAAG,aAAaf,EAAG,qBAAqB,CAACqB,MAAM,CAACC,MAAO1B,EAAIiF,4BAAmC,QAAErD,SAAS,SAAUC,GAAM7B,EAAI8B,KAAK9B,EAAIiF,4BAA6B,UAAWpD,IAAME,WAAW,0CAA0C,GAAG3B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,iBAAiB,CAACI,MAAM,CAAC,MAAQ,SAASiB,MAAM,CAACC,MAAO1B,EAAIiF,4BAAiC,MAAErD,SAAS,SAAUC,GAAM7B,EAAI8B,KAAK9B,EAAIiF,4BAA6B,QAASpD,IAAME,WAAW,wCAAwC,GAAG3B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,cAAc,CAACR,EAAImB,GAAG,eAAef,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAIiF,4BAAqC,UAAElD,WAAW,0CAA0CzB,YAAY,eAAeE,MAAM,CAAC,GAAK,YAAY,KAAO,YAAY,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ2B,SAAS,CAAC,MAASnC,EAAIiF,4BAAqC,WAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAIiF,4BAA6B,YAAavE,EAAO0B,OAAOV,aAAatB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,iBAAiB,CAACR,EAAImB,GAAG,kBAAkBf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAIiF,4BAAwC,aAAElD,WAAW,6CAA6CzB,YAAY,eAAeE,MAAM,CAAC,GAAK,eAAe,KAAO,eAAe,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ2B,SAAS,CAAC,MAASnC,EAAIiF,4BAAwC,cAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAIiF,4BAA6B,eAAgBvE,EAAO0B,OAAOV,aAAatB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,gBAAgB,CAACR,EAAImB,GAAG,iBAAiBf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAIiF,4BAAuC,YAAElD,WAAW,4CAA4CzB,YAAY,eAAeE,MAAM,CAAC,GAAK,cAAc,KAAO,cAAc,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ2B,SAAS,CAAC,MAASnC,EAAIiF,4BAAuC,aAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAIiF,4BAA6B,cAAevE,EAAO0B,OAAOV,aAAatB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,SAAS,CAACR,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAIiF,4BAAgC,KAAElD,WAAW,qCAAqCzB,YAAY,eAAegC,YAAY,CAAC,QAAU,oBAAoB9B,MAAM,CAAC,GAAK,OAAO,KAAO,QAAQC,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAI6B,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKjC,EAAO0B,OAAOQ,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEnB,MAAM,OAAOsB,KAAOhD,EAAI8B,KAAK9B,EAAIiF,4BAA6B,OAAQvE,EAAO0B,OAAOc,SAAWX,EAAgBA,EAAc,OAAO,CAACnC,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,aAAa,CAACR,EAAImB,GAAG,cAAcf,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,aAAa,CAACR,EAAImB,GAAG,kBAAkBf,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,YAAY,CAACR,EAAImB,GAAG,aAAaf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAIiF,4BAAmC,QAAElD,WAAW,wCAAwCzB,YAAY,eAAeE,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,YAAc,IAAI,SAAW,IAAI,KAAO,QAAQ2B,SAAS,CAAC,MAASnC,EAAIiF,4BAAmC,SAAGxE,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAIiF,4BAA6B,UAAWvE,EAAO0B,OAAOV,eAAetB,EAAG,MAAMA,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIuB,UAAU,CAACvB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,cAAcf,EAAG,MAAMA,EAAG,SACjlJ,EAAkB,G,YCwGtB,GACE+C,QAAS,UACTC,MAAO,QACPC,KAAM,OACNC,KAAM,QAER,oBAEA,OACErB,KAAM,2BAENuB,KAHF,WAII,MAAO,CACL0B,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,aAAc,GACd5B,kBAAmB,GACnBC,iBAAkB,KAClBC,cAAc,IAGlBC,WAAY,CACVC,aAAJ,OACIC,mBAAJ,OACIwB,cAAJ,QAEE/B,QAnBF,WAoBItD,KAAKmF,aAAeG,KAAKC,MAC7B,kDAEIvF,KAAKwF,WAAaxF,KAAKgF,4BAA4BV,OAGrDmB,MAAO,CAAC,+BAER3B,QAAS,CACPvC,WAAY,WACVvB,KAAKyD,iBAAmB,KACxBzD,KAAK+D,MAAM,kCAGbzC,KAAM,WAAV,WACUiC,EAAO+B,KAAKC,MAAMD,KAAKI,UAAU1F,KAAKgF,8BACtCL,EAAU,CACZpB,KAAMA,EACNqB,MAAO5E,KAAKwD,kBACZN,QAAS,SAAjB,GACU,EAAV,0CAEQC,MAAO,SAAf,GACU,EAAV,iCAGMnD,KAAKuE,OAAOM,SAAS,2BAA4BF,IAEnDX,gBAAiB,SAArB,GACMhE,KAAKwD,kBAAoB/B,GAE3BwC,eAAgB,SAApB,GACMjE,KAAKyD,iBAAmBhC,GAE1ByC,UAAW,WACTlE,KAAK0D,cAAgB1D,KAAK0D,cAE5BS,YAAa,WACXnE,KAAK0D,cAAgB1D,KAAK0D,cAE5BU,eAhCJ,SAgCA,GACM,OAAIpE,KAAKyD,iBACAzD,KAAKyD,iBAETzD,KAAKqE,OAAOd,IAAUvD,KAAKqE,OAAOd,EAAKe,OAOrC,GANDf,EAAKe,MACAtE,KAAKuE,OAAOC,MAAMC,OAASlB,EAAKe,MAEhCf,EAAKe,OAKlBD,OAAQ,SAAZ,GACM,MAAmB,qBAARK,GAA+B,OAARA,GAAwB,SAARA,GAKpDK,2BAA4B,WAAhC,WACUJ,EAAU,CACZpB,KAAMvD,KAAKgF,4BACX9B,QAAS,SAAjB,GACU,EAAV,0CAEQC,MAAO,SAAf,GACU,EAAV,iCAGMnD,KAAKuE,OAAOM,SAAS,6BAA8BF,MC1MyS,ICQ9V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAI5E,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAImB,GAAG,wBAAwBf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,YAAYf,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,YAAY,CAACR,EAAImB,GAAG,aAAaf,EAAG,QAAQ,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAI4F,0BAAiC,QAAE7D,WAAW,sCAAsCzB,YAAY,gBAAgBE,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,YAAc,UAAU,SAAW,IAAI,KAAO,OAAO,MAAQ,IAAI2B,SAAS,CAAC,MAASnC,EAAI4F,0BAAiC,SAAGnF,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO0B,OAAOC,WAAqBrC,EAAI8B,KAAK9B,EAAI4F,0BAA2B,UAAWlF,EAAO0B,OAAOV,WAAW1B,EAAIkB,GAAG,KAAKd,EAAG,QAAQA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,UAAU,CAACR,EAAImB,GAAG,2BAA4BnB,EAAI6F,wBAAyBzF,EAAG,MAAM,CAACA,EAAG,uBAAuB,CAACI,MAAM,CAAC,QAAUR,EAAI4F,0BAA0BE,SAASrF,GAAG,CAAC,QAAUT,EAAI+F,gCAAgC,GAAG/F,EAAIgG,SAAS5F,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,UAAUf,EAAG,SAAS,CAACE,YAAY,kBAAkBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIwB,gBAAgB,CAACxB,EAAImB,GAAG,YAAYf,EAAG,MAAMA,EAAG,SACxqD,EAAkB,CAAC,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,aCDtH,EAAS,WAAa,IAAIJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,OAAO,CAACI,MAAM,CAAC,QAAU,sBAAsB,WAAa,GAAG,GAAK,SAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAGN,EAAIiG,UAA+RjG,EAAIgG,KAAxR5F,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACE,YAAY,aAAaE,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,OAAS,WAAWC,GAAG,CAAC,OAAS,SAASC,GAAQV,EAAIkG,cAAcxF,EAAO0B,OAAOH,KAAMvB,EAAO0B,OAAO+D,OAAQnG,EAAIoG,UAAY1F,EAAO0B,OAAO+D,MAAME,WAAWrG,EAAIkB,GAAG,KAAelB,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,MAAQ,6BAA6B,WAAW,YAAY,CAACJ,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,OAAO,OAAS,UAAU,GAAK,KAAK,GAAK,KAAK,EAAI,cAAcR,EAAIgG,cACx1B,EAAkB,CAAC,WAAa,IAAIhG,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAImB,GAAG,mCAAmCf,EAAG,KAAK,CAACE,YAAY,UAAU,CAACN,EAAImB,GAAG,QAAQf,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAImB,GAAG,sB,2CC2BhT,IACA,IACA,IACA,IAIA,GACE,KAAF,uBAEE,KAHF,WAII,MAAJ,CACM,OAAN,KACM,OAAN,KACM,OAAN,KAGE,SAAF,CACI,UADJ,WAGM,OADA,QAAN,eACA,iBAEI,UALJ,WAOM,OADA,QAAN,eACA,iBAEI,UATJ,WAWM,OADA,QAAN,eACA,iBAEI,SAbJ,WAeM,OADA,QAAN,cACA,kBAGE,QAAF,CAII,cAJJ,SAIA,KAGM,GAFA,KAAN,QAEA,SAAM,CACA,KAAN,SACM,IAAN,eACA,GACQ,QAAR,0BACQ,QAAR,CACU,eAAV,uBAEQ,iBAAR,YAGA,iCACA,WAGM,EAAN,2BACQ,EAAR,oBAEM,IAAN,OACM,EAAN,kFACA,uBACQ,EAAR,SACQ,EAAR,sBAII,iBAjCJ,SAiCA,GACM,OAAN,EACA,wBACA,2BACA,eAEI,iBAvCJ,SAuCA,GACM,OAAN,YACQ,OAAR,yBAAU,OAAO,YAAjB,iCAGI,MA5CJ,WA6CM,KAAN,SACM,KAAN,YACM,KAAN,YAKE,MAAF,YACE,YAjFF,aAsFE,QAAF,WACI,KAAJ,4BC1H6W,ICQzW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCcf,GACE,QAAF,UACE,MAAF,QACE,KAAF,OACE,KAAF,QAEA,UACE,MAAF,IAEA,OACE,KAAF,6BACE,QAAF,aACE,KAHF,WAII,MAAJ,CACM,0BAAN,GACM,cAAN,EACM,kBAAN,GACM,iBAAN,OAGE,WAAF,CACI,aAAJ,OACI,qBAAJ,GAGE,QAAF,CACI,4BADJ,WAEM,EAAN,iEAEI,sBAJJ,WAKM,QAAN,wCAKI,WAAJ,WACM,KAAN,2CAEI,gBAAJ,YACM,KAAN,qBAEI,eAAJ,YACM,KAAN,oBAEI,UAAJ,WACM,KAAN,iCAEI,YAAJ,WACM,KAAN,iCAEI,eAzBJ,SAyBA,GACM,OAAN,sBACA,sBAEA,qCAOA,GANA,QACA,iCAEA,SAKI,OAAJ,YACM,MAAN,8CAKI,KAAJ,WACM,KAAN,2CAGE,MAAF,CACI,0BADJ,SACA,GACM,KAAN,wCC5GoX,ICQhX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,4CCoDf,GACEgC,QAAS,UACTC,MAAO,QACPC,KAAM,OACNC,KAAM,QAER,oBACA,OACEE,KADF,WAEI,MAAO,CACL8C,QAAS,CACf,CACQ,MAAR,KACQ,MAAR,KACQ,KAAR,OAEA,CACQ,MAAR,UACQ,MAAR,UACQ,KAAR,OAEA,CACQ,MAAR,QACQ,MAAR,QACQ,KAAR,OAEA,CACQ,MAAR,YACQ,MAAR,YACQ,KAAR,OAEA,CACQ,MAAR,eACQ,MAAR,eACQ,KAAR,OAEA,CACQ,MAAR,cACQ,MAAR,cACQ,KAAR,OAEA,CACQ,MAAR,OACQ,MAAR,OACQ,KAAR,QAGMlF,MAAO,GACPmF,6BAA6B,EAC7BC,8BAA8B,EAC9BC,iCAAiC,EACjC5F,4BAA6B,KAGjC+C,WAAY,CACV8C,wBAAJ,EACIC,yBAAJ,EACIC,4BAAJ,EACIC,UAAJ,OACIC,WAAJ,QAEEvD,QAAS,WACPtD,KAAK8G,0BACL9G,KAAKsG,6BAA8B,EACnCtG,KAAKuG,8BAA+B,EACpCvG,KAAKwG,iCAAkC,GAEzC1C,QAAS,CACPM,eADJ,SACA,GACM,OAAKpE,KAAKqE,OAAOd,IAAUvD,KAAKqE,OAAOd,EAAKe,OAGrC,GAFEtE,KAAKuE,OAAOC,MAAMC,OAASlB,EAAKe,OAI3CD,OAAQ,SAAZ,GACM,MAAmB,qBAARK,GAA+B,OAARA,GAAwB,SAARA,GAMpDoC,wBAdJ,WAcA,WACUnC,EAAU,CACZzB,QAAS,SAAjB,GACU,EAAV,0BAEQC,MAAO,SAAf,GACU,EAAV,iCAGMnD,KAAKuE,OAAOM,SAAS,0BAA2BF,IAElDoC,iBAzBJ,SAyBA,cACUpC,EAAU,CACZzB,QAAS,SAAjB,GACU,IAAI8D,EAAc,GAD5B,uBAEA,IAFA,IAEA,EAFA,iBAEA,EAFA,QAGA,qDACA,IACA,gBAEA,WALA,wDACA,EADA,KAFA,kFAUU,EAAV,SAEQ7D,MAAO,SAAf,GACU,EAAV,iCAGMnD,KAAKuE,OAAOM,SAAS,mBAAoBF,IAE3CvD,SA7CJ,SA6CA,GACMpB,KAAKa,iCACLb,KAAKY,4BAA8BqG,GAErCvG,8BAjDJ,WAkDUV,KAAKsG,4BACPtG,KAAKkH,MAAMC,6BAA6BC,OAExCpH,KAAKkH,MAAMC,6BAA6BE,OAE1CrH,KAAKsG,6BAA+BtG,KAAKsG,6BAE3C3F,+BAzDJ,WA0DMX,KAAKU,gCACL,EAAN,aACA,6BACA,UACA,IACA,MAEMV,KAAK8G,2BAEPjG,+BAnEJ,WAoEUb,KAAKuG,6BACPvG,KAAKkH,MAAMI,8BAA8BF,OAEzCpH,KAAKkH,MAAMI,8BAA8BD,OAE3CrH,KAAKuG,8BAAgCvG,KAAKuG,8BAG5CxF,kCA5EJ,WA6EUf,KAAKwG,gCACPxG,KAAKkH,MAAMK,iCAAiCH,OAE5CpH,KAAKkH,MAAMK,iCAAiCF,OAE9CrH,KAAKwG,iCACX,sCAGI1F,gCAtFJ,WAuFMd,KAAKa,iCACL,EAAN,aACA,8BACA,UACA,IACA,MAEMb,KAAK8G,6BCxOkW,ICQzW,G,UAAY,eACd,EACAhH,EACAuB,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,yBAAmgB,EAAG,G,6DCAtgB,yBAAskB,EAAG,G,oCCAzkB,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,OAAO,CAACI,MAAM,CAAC,QAAU,sBAAsB,WAAa,GAAG,GAAK,SAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAGN,EAAIiG,UACkEjG,EAAIgG,KAD3D5F,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACE,YAAY,aAAaE,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,OAASR,EAAIyH,SAAW,IAAM,WAAWhH,GAAG,CAAC,OAAS,SAASC,GAAQV,EAAIkG,cAAcxF,EAAO0B,OAAOH,KAAMvB,EAAO0B,OAAO+D,OACpenG,EAAIoG,UAAY1F,EAAO0B,OAAO+D,MAAME,WAAYjG,EAAG,KAAK,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAImB,GAAG,IAAInB,EAAI0H,GAAG1H,EAAIyH,SAAW,mBAAqB,sBAAsB,OAAOrH,EAAG,KAAK,CAACE,YAAY,UAAU,CAACN,EAAImB,GAAG,QAAQf,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAImB,GAAG,sBAAgCnB,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,OAAO,OAAS,OAAO,QAAU,YAAY,MAAQ,6BAA6B,WAAW,YAAY,CAACJ,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,OAAO,OAAS,UAAU,GAAK,KAAK,GAAK,KAAK,EAAI,cAAcR,EAAIgG,WAAYhG,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACJ,EAAImB,GAAG,aAAaf,EAAG,MAAM,CAACJ,EAAImB,GAAG,cAAcnB,EAAI2H,GAAI1H,KAAW,QAAE,SAAS2H,EAAKC,GAAO,OAAOzH,EAAG,MAAM,CAAC0H,IAAID,EAAMvH,YAAY,eAAeE,MAAM,CAAC,IAAMoH,EAAKG,cAAa/H,EAAImB,GAAG,gBAAgBnB,EAAImB,GAAG,eAAe,OAAOnB,EAAIgG,QAC79B1E,EAAkB,GCgEtB,G,8BAAA,GACA,IACA,IACA,IAEA,GACEW,KAAM,eAENuB,KAHF,WAII,MAAO,CACLwE,OAAQ,KACRC,OAAQ,KACRC,OAAQ,KAGZxC,MAAO,CAAC,2BAA4B,YACpCyC,SAAU,CACRC,UADJ,WAEM,OAAOnI,KAAKgI,SAAWI,GAEzBpC,UAJJ,WAKM,OAAOhG,KAAKgI,SAAWK,GAEzBC,UAPJ,WAQM,OAAOtI,KAAKgI,SAAWO,GAEzBC,SAVJ,WAWM,OAAOxI,KAAKgI,SAAWS,IAG3B3E,QAAS,CACP4E,YADJ,SACA,GACM,OAAO,IAAIC,SAAQ,SAAzB,KACQ,IAAR,YACQC,EAAIC,IAAMC,OAAOC,IAAIC,gBAAgBC,GACrCL,EAAIM,OAAS,WACO,MAAdN,EAAIO,OAAgC,MAAfP,EAAIQ,OAC3BC,GAAQ,GAERA,GAAQ,QAKhBpD,cAdJ,SAcA,gBACMjG,KAAKsJ,QAEAC,EAASnD,SACdpG,KAAKgI,OAASK,EAEd,GAAGmB,MAAM9G,KAAK6G,GAAUzG,KAAI,SAAlC,GACQ,IAAI2G,EAAMV,IAAIC,gBAAgBC,GAC9B,EAAR,iCACcS,IACG,EAAjB,2BACc,EAAd,4BACc,EAAd,gCAEY,EAAZ,SACY,EAAZ,aACc1H,KAAM,EAApB,yBACc8F,QAAS2B,IAEP,EAAhB,2BACc,EAAd,SACc,EAAd,gBACA,+BACA,kBACgB,IAAhB,GACkB,OAAlB,EACkB,SAAlB,OACkB,UAAlB,yBAGA,GACkB,KAAlB,EACkB,QAAlB,YACoB,EAApB,8BACoB,EAApB,UAEkB,MAAlB,YACoB,EAApB,WAGgB,EAAhB,6CASIE,aA/DJ,SA+DA,GACM,OAAO,IAAIhB,SAAQ,SAAzB,KACQ,IAAR,iBACQiB,EAAOC,cAAcZ,GACrBW,EAAOV,OAAS,WACd,IAAV,WACUG,EAAQS,IAEVF,EAAOG,QAAU,SAAzB,oBAGIC,iBA1EJ,SA0EA,GACM,OAAOhI,EACb,wBACA,2BACA,eAEIiI,iBAhFJ,SAgFA,GACM,OAAO,SAAb,GACQ,OAAO,IAAItB,SAAQ,SAA3B,uDAGIW,MArFJ,WAsFMtJ,KAAKgI,OAASI,EACdpI,KAAK+H,OAAS,KACd/H,KAAKiI,OAAS,MCxLiV,I,wBCQjWnD,EAAY,eACd,EACAhF,EACAuB,GACA,EACA,KACA,WACA,MAIa,OAAAyD,E,6CCnBf,yBAA4gB,EAAG,G,oCCA/gB,yBAAqgB,EAAG,G,kCCAxgB,IAAIhF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAAC4B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO1B,EAAa,UAAE+B,WAAW,cAAczB,YAAY,eAAegC,YAAY,CAAC,QAAU,oBAAoB7B,GAAG,CAAC,OAAS,CAAC,SAASC,GAAQ,IAAI6B,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKjC,EAAO0B,OAAOQ,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEnB,MAAM,OAAOsB,KAAOhD,EAAImK,UAAUzJ,EAAO0B,OAAOc,SAAWX,EAAgBA,EAAc,IAAI,SAAS7B,GAAQ,OAAOV,EAAIoK,mBAAmBpK,EAAI2H,GAAI3H,EAAY,UAAE,SAASqK,GAAQ,OAAOjK,EAAG,SAAS,CAAC0H,IAAIuC,EAAOC,GAAGnI,SAAS,CAAC,MAAQkI,EAAOC,KAAK,CAACtK,EAAImB,GAAG,IAAInB,EAAI0H,GAAG2C,EAAOE,MAAM,UAAS,MAC5uBjJ,EAAkB,GCctB,G,UAAA,CACEW,KAAM,qBAENuB,KAHF,WAII,MAAO,CACL,SAAN,GACM,UAAN,OAGED,QATF,WAUItD,KAAKuK,mBACLvK,KAAKkK,UAAYlK,KAAKyB,OAGxBgE,MAAO,CAAC,SAER3B,QAAS,CACPqG,aADJ,WAEMnK,KAAK+D,MAAM,QAAS/D,KAAKkK,YAG3BK,iBALJ,WAKA,WACU5F,EAAU,CACZzB,QAAS,SAAjB,GACU,EAAV,kEAEQC,MAAO,SAAf,GACUqH,WAAW,SAAS,EAA9B,oBAGMxK,KAAKuE,OAAOM,SAAS,mBAAoBF,OC7C4T,I,wBCQvWG,EAAY,eACd,EACAhF,EACAuB,GACA,EACA,KACA,WACA,MAIa,OAAAyD,E,yFCnBf,yBAA8jB,EAAG,G,gFCAjkB,yBAAuf,EAAG,G,yDCA1f,yBAAsf,EAAG","file":"js/chunk-d48c96f6.ea0dca96.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"addVehicleGalleryImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('addVehicleGalleryImages',{on:{\"closeAddVehicleGalleryImages\":function($event){return _vm.toggleAddVehicleGalleryImages()},\"addVehicleGalleryImagesSuccess\":function($event){return _vm.addVehicleGalleryImagesSuccess()}}})],1),_c('b-modal',{ref:\"editVehicleGalleryImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('editVehicleGalleryImages',{attrs:{\"editingVehicleGalleryImages\":_vm.currentVehicleGalleryImages},on:{\"closeEditVehicleGalleryImages\":function($event){return _vm.toggleEditVehicleGalleryImages()},\"editVehicleGalleryImagesSuccess\":function($event){return _vm.editVehicleGalleryImagesSuccess()}}})],1),_c('b-modal',{ref:\"bulkAddVehicleGalleryImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('bulkAddVehicleGalleryImages',{attrs:{\"editingVehicleGalleryImages\":_vm.currentVehicleGalleryImages},on:{\"closebulkAddVehicleGalleryImages\":function($event){return _vm.toggleBulkAddVehicleGalleryImages()},\"bulkAddVehicleGalleryImagesSuccess\":function($event){return _vm.bulkAddVehicleGalleryImagesSuccess()}}})],1),_vm._m(0),_c('div',{staticClass:\"row\"},[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleAddVehicleGalleryImages()}}},[_vm._v(\" Add \")])]),_c('div',{staticClass:\"row\"},[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleBulkAddVehicleGalleryImages()}}},[_vm._v(\" Bulk Add \")])]),_c('div',{staticClass:\"row\"},[_c('br'),_c('DataBlocks',{attrs:{\"showImage\":true,\"data\":_vm.items,\"fields\":['Modal','Type','Heading']},on:{\"itemSelected\":_vm.editItem}})],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('h2',[_vm._v(\"VehicleGalleryImages\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Add A VehicleGalleryImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\" Cancel \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('VehicleModelSelect',{model:{value:(_vm.newVehicleGalleryImages.ModelId),callback:function ($$v) {_vm.$set(_vm.newVehicleGalleryImages, \"ModelId\", $$v)},expression:\"newVehicleGalleryImages.ModelId\"}}),_vm._m(0)],1),_c('div',{staticClass:\"col-md-4\"},[_c('image-uploader',{attrs:{\"label\":\"image\"},model:{value:(_vm.newVehicleGalleryImages.Image),callback:function ($$v) {_vm.$set(_vm.newVehicleGalleryImages, \"Image\", $$v)},expression:\"newVehicleGalleryImages.Image\"}})],1),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleGalleryImages.ImageMeta),expression:\"newVehicleGalleryImages.ImageMeta\"}],staticClass:\"form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\"ImageMeta\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleGalleryImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleGalleryImages, \"ImageMeta\", $event.target.value)}}}),_vm._m(1)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"DisplayOrder\"}},[_vm._v(\"DisplayOrder\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleGalleryImages.DisplayOrder),expression:\"newVehicleGalleryImages.DisplayOrder\"}],staticClass:\"form-control\",attrs:{\"id\":\"DisplayOrder\",\"name\":\"DisplayOrder\",\"placeholder\":\"DisplayOrder\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleGalleryImages.DisplayOrder)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleGalleryImages, \"DisplayOrder\", $event.target.value)}}}),_vm._m(2)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleGalleryImages.LastUpdated),expression:\"newVehicleGalleryImages.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\"LastUpdated\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleGalleryImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleGalleryImages, \"LastUpdated\", $event.target.value)}}}),_vm._m(3)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Type\"}},[_vm._v(\"Type\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleGalleryImages.Type),expression:\"newVehicleGalleryImages.Type\"}],staticClass:\"form-control\",staticStyle:{\"display\":\"block !important\"},attrs:{\"id\":\"Type\",\"name\":\"Type\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.newVehicleGalleryImages, \"Type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Exterior\"}},[_vm._v(\"Exterior\")]),_c('option',{attrs:{\"value\":\"Interior\"}},[_vm._v(\"Interior\")])])]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Heading\"}},[_vm._v(\"Heading\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleGalleryImages.Heading),expression:\"newVehicleGalleryImages.Heading\"}],staticClass:\"form-control\",attrs:{\"id\":\"Heading\",\"name\":\"Heading\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.newVehicleGalleryImages.Heading)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVehicleGalleryImages, \"Heading\", $event.target.value)}}})]),_c('br')]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\" Cancel \")]),_c('br'),_c('br')])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <h2>Add A VehicleGalleryImages</h2>\r\n    <button @click=\"save()\" type=\"button\" class=\"btn btn-success\">Save</button>\r\n    <button @click=\"toggleView()\" type=\"button\" class=\"btn btn-warning\">\r\n      Cancel\r\n    </button>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-4\">\r\n        <label class=\"\" for=\"ModelId\">ModelId</label\r\n        ><VehicleModelSelect v-model=\"newVehicleGalleryImages.ModelId\" />\r\n        <div class=\"\"><small></small></div>\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n\r\n          <image-uploader label=\"image\" v-model=\"newVehicleGalleryImages.Image\"> </image-uploader>\r\n       \r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class=\"\" for=\"ImageMeta\">ImageMeta</label\r\n        ><input\r\n          class=\"form-control\"\r\n          id=\"ImageMeta\"\r\n          name=\"ImageMeta\"\r\n          v-model=\"newVehicleGalleryImages.ImageMeta\"\r\n          placeholder=\"ImageMeta\"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n          value=\"\"\r\n        />\r\n        <div class=\"\"><small></small></div>\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class=\"\" for=\"DisplayOrder\">DisplayOrder</label\r\n        ><input\r\n          class=\"form-control\"\r\n          id=\"DisplayOrder\"\r\n          name=\"DisplayOrder\"\r\n          v-model=\"newVehicleGalleryImages.DisplayOrder\"\r\n          placeholder=\"DisplayOrder\"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n          value=\"\"\r\n        />\r\n        <div class=\"\"><small></small></div>\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class=\"\" for=\"LastUpdated\">LastUpdated</label\r\n        ><input\r\n          class=\"form-control\"\r\n          id=\"LastUpdated\"\r\n          name=\"LastUpdated\"\r\n          v-model=\"newVehicleGalleryImages.LastUpdated\"\r\n          placeholder=\"LastUpdated\"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n          value=\"\"\r\n        />\r\n        <div class=\"\"><small></small></div>\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"Type\">Type</label>\r\n        <select\r\n          style=\"display: block !important\"\r\n          class=\"form-control\"\r\n          id=\"Type\"\r\n          name=\"Type\"\r\n          v-model=\"newVehicleGalleryImages.Type\"\r\n        >\r\n          <option value=\"Exterior\">Exterior</option>\r\n          <option value=\"Interior\">Interior</option>\r\n        </select>\r\n      </div>\r\n\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"Heading\">Heading</label>\r\n        <input\r\n          class=\"form-control\"\r\n          id=\"Heading\"\r\n          name=\"Heading\"\r\n          v-model=\"newVehicleGalleryImages.Heading\"\r\n          placeholder=\" \"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n        />\r\n      </div>\r\n      <br />\r\n    </div>\r\n    <button @click=\"save()\" type=\"button\" class=\"btn btn-success\">Save</button>\r\n    <button @click=\"toggleView()\" type=\"button\" class=\"btn btn-warning\">\r\n      Cancel\r\n    </button>\r\n    <br />\r\n    <br />\r\n  </div>\r\n</template>\r\n<script>\r\nimport _ from \"lodash\";\r\nimport FileUploader from \"@/components/custom/FileUploader.vue\";\r\nimport VehicleModelSelect from \"@/components/custom/VehicleModelSelect.vue\";\r\nimport miniToastr from \"mini-toastr\"; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: \"success\",\r\n  error: \"error\",\r\n  info: \"info\",\r\n  warn: \"warn\",\r\n};\r\nminiToastr.init({ types: toastTypes });\r\nexport default {\r\n  name: \"addVehicleGalleryImages\",\r\n  created: function () {},\r\n  data() {\r\n    return {\r\n      newVehicleGalleryImages: {},\r\n      uploadedImageData: {},\r\n      uploadedImageUrl: null,\r\n      editingImage: false,\r\n    };\r\n  },\r\n  components: {\r\n    FileUploader,\r\n    VehicleModelSelect,\r\n  },\r\n  methods: {\r\n    toggleView: function () {\r\n      this.$emit(\"closeAddVehicleGalleryImages\");\r\n    },\r\n    updateImageData: function (value) {\r\n      this.uploadedImageData = value;\r\n    },\r\n    updateImageUrl: function (value) {\r\n      this.uploadedImageUrl = value;\r\n    },\r\n    editImage: function () {\r\n      this.editingImage = !this.editingImage;\r\n    },\r\n    updateImage: function () {\r\n      this.editingImage = !this.editingImage;\r\n    },\r\n    getImageSource(data) {\r\n      if (this.uploadedImageUrl) {\r\n        return this.uploadedImageUrl;\r\n      }\r\n      if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        if (data.Image) {\r\n          return this.$store.state.cdnUrl + data.Image;\r\n        } else {\r\n          return data.Image;\r\n        }\r\n      }\r\n      return \"\";\r\n    },\r\n    isNull: function (obj) {\r\n      if (typeof obj === \"undefined\" || obj === null || obj === \"null\") {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    save: function () {\r\n      var payload = {\r\n        data: this.newVehicleGalleryImages,\r\n        image: this.uploadedImageData,\r\n        success: (response) => {\r\n          this.$emit(\"addVehicleGalleryImagesSuccess\");\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"addVehicleGalleryImages\", payload);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.previewImage {\r\n  max-height: 100px;\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!./addVehicleGalleryImages.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!./addVehicleGalleryImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addVehicleGalleryImages.vue?vue&type=template&id=653cba8f&scoped=true&\"\nimport script from \"./addVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nexport * from \"./addVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addVehicleGalleryImages.vue?vue&type=style&index=0&id=653cba8f&scoped=true&lang=css&\"\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  \"653cba8f\",\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:\"container\"},[_c('h2',[_vm._v(\"Edit VehicleGalleryImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\" Cancel \")]),_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteVehicleGalleryImages()}}},[_vm._v(\" Delete \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('VehicleModelSelect',{model:{value:(_vm.editingVehicleGalleryImages.ModelId),callback:function ($$v) {_vm.$set(_vm.editingVehicleGalleryImages, \"ModelId\", $$v)},expression:\"editingVehicleGalleryImages.ModelId\"}})],1),_c('div',{staticClass:\"col-md-4\"},[_c('image-uploader',{attrs:{\"label\":\"image\"},model:{value:(_vm.editingVehicleGalleryImages.Image),callback:function ($$v) {_vm.$set(_vm.editingVehicleGalleryImages, \"Image\", $$v)},expression:\"editingVehicleGalleryImages.Image\"}})],1),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleGalleryImages.ImageMeta),expression:\"editingVehicleGalleryImages.ImageMeta\"}],staticClass:\"form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleGalleryImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleGalleryImages, \"ImageMeta\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"DisplayOrder\"}},[_vm._v(\"DisplayOrder\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleGalleryImages.DisplayOrder),expression:\"editingVehicleGalleryImages.DisplayOrder\"}],staticClass:\"form-control\",attrs:{\"id\":\"DisplayOrder\",\"name\":\"DisplayOrder\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleGalleryImages.DisplayOrder)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleGalleryImages, \"DisplayOrder\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleGalleryImages.LastUpdated),expression:\"editingVehicleGalleryImages.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleGalleryImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleGalleryImages, \"LastUpdated\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Type\"}},[_vm._v(\"Type\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleGalleryImages.Type),expression:\"editingVehicleGalleryImages.Type\"}],staticClass:\"form-control\",staticStyle:{\"display\":\"block !important\"},attrs:{\"id\":\"Type\",\"name\":\"Type\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.editingVehicleGalleryImages, \"Type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Exterior\"}},[_vm._v(\"Exterior\")]),_c('option',{attrs:{\"value\":\"Interior\"}},[_vm._v(\"Interior\")])])]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Heading\"}},[_vm._v(\"Heading\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleGalleryImages.Heading),expression:\"editingVehicleGalleryImages.Heading\"}],staticClass:\"form-control\",attrs:{\"id\":\"Heading\",\"name\":\"Heading\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleGalleryImages.Heading)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingVehicleGalleryImages, \"Heading\", $event.target.value)}}})])]),_c('br'),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\" Cancel \")]),_c('br'),_c('br')])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <h2>Edit VehicleGalleryImages</h2>\r\n    <button @click=\"save()\" type=\"button\" class=\"btn btn-success\">Save</button>\r\n\r\n    <button @click=\"toggleView()\" type=\"button\" class=\"btn btn-warning\">\r\n      Cancel\r\n    </button>\r\n\r\n    <button\r\n      @click=\"deleteVehicleGalleryImages()\"\r\n      type=\"button\"\r\n      class=\"btn btn-danger\"\r\n    >\r\n      Delete\r\n    </button>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"ModelId\">ModelId</label>\r\n\r\n        <VehicleModelSelect v-model=\"editingVehicleGalleryImages.ModelId\" />\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <image-uploader label=\"image\" v-model=\"editingVehicleGalleryImages.Image\"> </image-uploader>\r\n      \r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"ImageMeta\">ImageMeta</label>\r\n        <input\r\n          class=\"form-control\"\r\n          id=\"ImageMeta\"\r\n          name=\"ImageMeta\"\r\n          v-model=\"editingVehicleGalleryImages.ImageMeta\"\r\n          placeholder=\" \"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n        />\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"DisplayOrder\">DisplayOrder</label>\r\n        <input\r\n          class=\"form-control\"\r\n          id=\"DisplayOrder\"\r\n          name=\"DisplayOrder\"\r\n          v-model=\"editingVehicleGalleryImages.DisplayOrder\"\r\n          placeholder=\" \"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n        />\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"LastUpdated\">LastUpdated</label>\r\n        <input\r\n          class=\"form-control\"\r\n          id=\"LastUpdated\"\r\n          name=\"LastUpdated\"\r\n          v-model=\"editingVehicleGalleryImages.LastUpdated\"\r\n          placeholder=\" \"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n        />\r\n      </div>\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"Type\">Type</label>\r\n        <select\r\n          style=\"display: block !important\"\r\n          class=\"form-control\"\r\n          id=\"Type\"\r\n          name=\"Type\"\r\n          v-model=\"editingVehicleGalleryImages.Type\"\r\n        >\r\n          <option value=\"Exterior\">Exterior</option>\r\n          <option value=\"Interior\">Interior</option>\r\n        </select>\r\n      </div>\r\n\r\n      <div class=\"col-md-4\">\r\n        <label class for=\"Heading\">Heading</label>\r\n        <input\r\n          class=\"form-control\"\r\n          id=\"Heading\"\r\n          name=\"Heading\"\r\n          v-model=\"editingVehicleGalleryImages.Heading\"\r\n          placeholder=\" \"\r\n          tabindex=\"0\"\r\n          type=\"text\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <br />\r\n    <button @click=\"save()\" type=\"button\" class=\"btn btn-success\">Save</button>\r\n    <button @click=\"toggleView()\" type=\"button\" class=\"btn btn-warning\">\r\n      Cancel\r\n    </button>\r\n    <br />\r\n    <br />\r\n  </div>\r\n</template>\r\n<script>\r\nimport _ from \"lodash\";\r\nimport VehicleModelSelect from \"@/components/custom/VehicleModelSelect.vue\";\r\nimport FileUploader from \"@/components/custom/FileUploader.vue\";\r\nimport miniToastr from \"mini-toastr\"; // https://github.com/se-panfilov/mini-toastr\r\nimport ImageUploader from '@/components/custom/ImageUploader.vue';\r\nconst toastTypes = {\r\n  success: \"success\",\r\n  error: \"error\",\r\n  info: \"info\",\r\n  warn: \"warn\",\r\n};\r\nminiToastr.init({ types: toastTypes });\r\n\r\nexport default {\r\n  name: \"EditVehicleGalleryImages\",\r\n\r\n  data() {\r\n    return {\r\n      imageBytes: {},\r\n      selectedFile: {},\r\n      originalData: {},\r\n      modifiedData: {},\r\n      uploadedImageData: {},\r\n      uploadedImageUrl: null,\r\n      editingImage: false,\r\n    };\r\n  },\r\n  components: {\r\n    FileUploader,\r\n    VehicleModelSelect,\r\n    ImageUploader,\r\n  },\r\n  created() {\r\n    this.originalData = JSON.parse(\r\n      JSON.stringify(this.editingVehicleGalleryImages)\r\n    );\r\n    this.ImageBytes = this.editingVehicleGalleryImages.Image;\r\n  },\r\n\r\n  props: [\"editingVehicleGalleryImages\"],\r\n\r\n  methods: {\r\n    toggleView: function () {\r\n      this.uploadedImageUrl = null;\r\n      this.$emit(\"closeEditVehicleGalleryImages\");\r\n    },\r\n\r\n    save: function () {\r\n      var data = JSON.parse(JSON.stringify(this.editingVehicleGalleryImages));\r\n      var payload = {\r\n        data: data,\r\n        image: this.uploadedImageData,\r\n        success: (response) => {\r\n          this.$emit(\"editVehicleGalleryImagesSuccess\");\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"editVehicleGalleryImages\", payload);\r\n    },\r\n    updateImageData: function (value) {\r\n      this.uploadedImageData = value;\r\n    },\r\n    updateImageUrl: function (value) {\r\n      this.uploadedImageUrl = value;\r\n    },\r\n    editImage: function () {\r\n      this.editingImage = !this.editingImage;\r\n    },\r\n    updateImage: function () {\r\n      this.editingImage = !this.editingImage;\r\n    },\r\n    getImageSource(data) {\r\n      if (this.uploadedImageUrl) {\r\n        return this.uploadedImageUrl;\r\n      }\r\n      if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        if (data.Image) {\r\n          return this.$store.state.cdnUrl + data.Image;\r\n        } else {\r\n          return data.Image;\r\n        }\r\n      }\r\n      return \"\";\r\n    },\r\n    isNull: function (obj) {\r\n      if (typeof obj === \"undefined\" || obj === null || obj === \"null\") {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    deleteVehicleGalleryImages: function () {\r\n      var payload = {\r\n        data: this.editingVehicleGalleryImages,\r\n        success: (response) => {\r\n          this.$emit(\"editVehicleGalleryImagesSuccess\");\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"deleteVehicleGalleryImages\", payload);\r\n    },\r\n  },\r\n};\r\n</script> \r\n<style scoped>\r\n.previewImage {\r\n  max-height: 100px;\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!./editVehicleGalleryImages.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!./editVehicleGalleryImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editVehicleGalleryImages.vue?vue&type=template&id=0e5bb712&scoped=true&\"\nimport script from \"./editVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nexport * from \"./editVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editVehicleGalleryImages.vue?vue&type=style&index=0&id=0e5bb712&scoped=true&lang=css&\"\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  \"0e5bb712\",\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:\"container\"},[_c('h2',[_vm._v(\"Add Gallery Images\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Done\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.vehicleGalleryImagesModel.ModelId),expression:\"vehicleGalleryImagesModel.ModelId\"}],staticClass:\" form-control\",attrs:{\"id\":\"ModelId\",\"name\":\"ModelId\",\"placeholder\":\"ModelId\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.vehicleGalleryImagesModel.ModelId)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.vehicleGalleryImagesModel, \"ModelId\", $event.target.value)}}}),_vm._m(0)]),_c('br')]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Upload Gallery Images\")]),(_vm.showMultiFileUploader())?_c('div',[_c('ImageGalleryUploader',{attrs:{\"ModelId\":_vm.vehicleGalleryImagesModel.ModelId},on:{\"success\":_vm.imageGalleryUploaderSuccess}})],1):_vm._e()])]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Done\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":\"image/*\"},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files); _vm.fileCount = $event.target.files.length}}}),_vm._m(0)]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\"Drag one or more images here \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\r\n      <div class=\"box\">\r\n        <div class=\"box-inner\">\r\n          <div class=\"dropzone\" v-if=\"!isLoading\">\r\n            <input type=\"file\" multiple accept=\"image/*\" class=\"input-file\" @change=\"handleChanges($event.target.name, $event.target.files); fileCount = $event.target.files.length\">\r\n            <ul class=\"box-notes\">\r\n              <li class=\"first\">Drag one or more images here </li>\r\n              <li class=\"second\">or</li>\r\n              <li class=\"third link\">Browse files</li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"status\" v-if=\"isLoading\">\r\n            <span class=\"loader\">\r\n              <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\" data-svg=\"spinner\">\r\n                <circle fill=\"none\" stroke=\"#454b54\" cx=\"15\" cy=\"15\" r=\"14\"></circle>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import _ from 'lodash'\r\n  const INITIAL = 0,\r\n    LOADING = 1,\r\n    SUCCESS = 2,\r\n    FAILED = 3;\r\n\r\n  import axios from 'axios';\r\n\r\n  export default {\r\n    name: \"ImageGalleryUploader\",\r\n\r\n    data() {\r\n      return {\r\n        errors: null,\r\n        status: null, // INITIAL, LOADING, SUCCESS, FAILED\r\n        output: []\r\n      };\r\n    },\r\n    computed: {\r\n      isInitial() {\r\n        console.log('Initial')\r\n        return this.status === INITIAL;\r\n      },\r\n      isLoading() {\r\n        console.log('Loading')\r\n        return this.status === LOADING;\r\n      },\r\n      isSuccess() {\r\n        console.log('Success')\r\n        return this.status === SUCCESS;\r\n      },\r\n      isFailed() {\r\n        console.log('Failed')\r\n        return this.status === FAILED;\r\n      }\r\n    },\r\n    methods: {\r\n\r\n      \r\n\r\n      handleChanges(fieldName, fileList) {\r\n        this.reset(); // reset upload\r\n\r\n        if (!fileList.length) return;\r\n        this.status = LOADING;\r\n        var formData = new FormData();\r\n        var config = {\r\n          baseURL: this.$store.state.baseUrl,\r\n          headers: {\r\n            'Content-Type': 'multipart/form-data'\r\n          },\r\n          onUploadProgress: function (progressEvent) {\r\n            //this.total=progressEvent.loaded * 100;\r\n            var total = 0;\r\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\r\n            total = progressEvent.loaded * 100;\r\n          }\r\n        }\r\n        _.forEach(fileList, function (item, index) {\r\n          formData.append(item.name, item);\r\n        });\r\n        var _this = this;\r\n        axios.post(this.$store.state.baseUrl + `UploadGalleryImages?path=${this.ModelId}`,\r\n          formData, config).then(response => {\r\n          _this.status = SUCCESS;\r\n          _this.$emit('success')\r\n        });\r\n    \r\n      },\r\n      sanitizeFileName(name) {\r\n        return name\r\n          .replace(/\\.[^/.]+$/, \"\")\r\n          .replace(/[^a-z0-9]/gi, \"_\")\r\n          .toLowerCase();\r\n      },\r\n      resolveAfterTime(time) {\r\n        return x => {\r\n          return new Promise(resolve => setTimeout(() => resolve(x), time));\r\n        };\r\n      },\r\n      reset() {\r\n        this.status = INITIAL;\r\n        this.errors = null;\r\n        this.output = [];\r\n      }\r\n\r\n\r\n    },\r\n    props: ['ModelId'],\r\n    beforeMount() {\r\n\r\n\r\n\r\n    },\r\n    mounted: function () {\r\n      this.$nextTick(function () {\r\n        //this.getImages();\r\n\r\n      });\r\n\r\n    }\r\n  };\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .imgHolder {\r\n\r\n    position: relative;\r\n  }\r\n\r\n  .imgHolder span {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n  }\r\n\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\r\n\r\n  .box {\r\n    padding: 10px;\r\n    position: relative;\r\n\r\n    .box-inner {\r\n      color: #2c3e50;\r\n      min-height: 200px;\r\n      position: relative;\r\n      cursor: pointer;\r\n      border-radius: 3px;\r\n      border: 2px dashed #86bdf9;\r\n      border-radius: 10px;\r\n      z-index: 100;\r\n\r\n      .box-notes {\r\n        list-style: none;\r\n        height: 200px;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n\r\n        li {\r\n          &.first {\r\n            font-weight: 600;\r\n            font-size: 24px;\r\n          }\r\n\r\n          &.link {\r\n            color: #fff;\r\n            padding: 10px 20px;\r\n            border-radius: 5px;\r\n            background: #176eff;\r\n            box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\r\n          }\r\n\r\n          &:not(:last-child) {\r\n            margin-bottom: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .loader {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 100;\r\n\r\n      >* {\r\n        animation: rotate 1.4s linear infinite;\r\n      }\r\n\r\n      >*>* {\r\n        stroke-dasharray: 88px;\r\n        stroke-dashoffset: 0;\r\n        transform-origin: center;\r\n        animation: spinner 1.4s ease-in-out infinite;\r\n        animation-name: spinner;\r\n        animation-duration: 1.4s;\r\n        animation-timing-function: ease-in-out;\r\n        animation-delay: 0s;\r\n        animation-iteration-count: infinite;\r\n        animation-direction: normal;\r\n        animation-fill-mode: none;\r\n        animation-play-state: running;\r\n        stroke-width: 1;\r\n        stroke-linecap: round;\r\n        position: relative;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      background: #f6f9fe;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 5px;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      opacity: 1;\r\n      transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n    }\r\n\r\n    &:hover {\r\n      &::after {\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .output {\r\n    span {\r\n      padding-top: 10px;\r\n      display: block;\r\n      text-align: initial;\r\n    }\r\n\r\n    pre {\r\n      background: #e5e5e5;\r\n      color: #2c3e50;\r\n      padding: 14px;\r\n      border-radius: 3px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      overflow-x: scroll;\r\n\r\n      &,\r\n      code {\r\n        font-family: \"Source Code Pro\", monospace;\r\n        max-width: 500px;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n        word-spacing: normal;\r\n        word-break: break-word;\r\n        word-wrap: break-word;\r\n        line-height: 1.5;\r\n        -moz-tab-size: 4;\r\n        -o-tab-size: 4;\r\n        tab-size: 4;\r\n        -webkit-hyphens: none;\r\n        -ms-hyphens: none;\r\n        hyphens: none;\r\n        position: relative;\r\n      }\r\n    }\r\n  }\r\n\r\n  input[type=\"file\"] {\r\n    display: block;\r\n  }\r\n\r\n  .input-file {\r\n    opacity: 0;\r\n    width: 100%;\r\n    height: 200px;\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  @keyframes rotate {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(270deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spinner {\r\n    0% {\r\n      stroke-dashoffset: 88px;\r\n    }\r\n\r\n    50% {\r\n      stroke-dashoffset: 22px;\r\n      transform: rotate(135deg);\r\n    }\r\n\r\n    100% {\r\n      stroke-dashoffset: 88px;\r\n      transform: rotate(450deg);\r\n    }\r\n  }\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!./ImageGalleryUploader.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!./ImageGalleryUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageGalleryUploader.vue?vue&type=template&id=ff69a05c&scoped=true&\"\nimport script from \"./ImageGalleryUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageGalleryUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageGalleryUploader.vue?vue&type=style&index=0&id=ff69a05c&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  \"ff69a05c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class='container'>\r\n    <h2>Add Gallery Images</h2>\r\n    <button @click='toggleView()' type='button' class='btn btn-success'>Done</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <div class='row'>\r\n      <div class=' col-md-4'><label class='' for='ModelId'>ModelId</label><input class=' form-control' id='ModelId'\r\n          name='ModelId' v-model='vehicleGalleryImagesModel.ModelId' placeholder='ModelId' tabindex='0' type='text'\r\n          value=''>\r\n        <div class=''><small></small></div>\r\n      </div>\r\n      <br />\r\n    </div>\r\n    <div class='row'>\r\n      <div class='col-md-4'>\r\n        <label class for='Image'>Upload Gallery Images</label>\r\n        <div v-if=\"showMultiFileUploader()\">\r\n          <ImageGalleryUploader @success=\"imageGalleryUploaderSuccess\" :ModelId='vehicleGalleryImagesModel.ModelId' />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <button @click='toggleView()' type='button' class='btn btn-success'>Done</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <br />\r\n    <br />\r\n  </div>\r\n\r\n</template>\r\n<script>\r\n  import _ from 'lodash';\r\n  import FileUploader from '@/components/custom/FileUploader.vue';\r\n  import ImageGalleryUploader from '@/components/custom/ImageGalleryUploader';\r\n  import miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\n  const toastTypes = {\r\n    success: 'success',\r\n    error: 'error',\r\n    info: 'info',\r\n    warn: 'warn'\r\n  };\r\n  miniToastr.init({\r\n    types: toastTypes\r\n  });\r\n  export default {\r\n    name: 'addVehicleThreeSixtyImages',\r\n    created: function () {},\r\n    data() {\r\n      return {\r\n        vehicleGalleryImagesModel: {},\r\n        editingImage: false,\r\n        uploadedImageData: {},\r\n        uploadedImageUrl: null,\r\n      }\r\n    },\r\n    components: {\r\n      FileUploader,\r\n      ImageGalleryUploader\r\n    },\r\n\r\n    methods: {\r\n      imageGalleryUploaderSuccess(){\r\n        miniToastr['success']('Vehicle Gallery Images Added', 'Success', 1000, null);\r\n      },\r\n      showMultiFileUploader() {\r\n        if (this.vehicleGalleryImagesModel.ModelId) {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      toggleView: function () {\r\n        this.$emit('closebulkAddVehicleGalleryImages')\r\n      },\r\n      updateImageData: function (value) {\r\n        this.uploadedImageData = value;\r\n      },\r\n      updateImageUrl: function (value) {\r\n        this.uploadedImageUrl = value;\r\n      },\r\n      editImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      updateImage: function () {\r\n        this.editingImage = !this.editingImage;\r\n      },\r\n      getImageSource(data) {\r\n        if (this.uploadedImageUrl) {\r\n          return this.uploadedImageUrl;\r\n        }\r\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n          if (data.Image) {\r\n            return this.$store.state.cdnUrl + data.Image;\r\n          } else {\r\n            return data.Image;\r\n          }\r\n        }\r\n        return '';\r\n      },\r\n      isNull: function (obj) {\r\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      done: function () {\r\n        this.$emit('closeAddVehicleThreeSixtyImages')\r\n      }\r\n    },\r\n    watch: {\r\n      vehicleGalleryImagesModel(val) {\r\n        this.$store.state.currentThreeSixtyItem = val\r\n      }\r\n    },\r\n  }\r\n\r\n</script>\r\n<style scoped>\r\n  .previewImage {\r\n    max-height: 100px;\r\n  }\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!./bulkAddVehicleGalleryImages.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!./bulkAddVehicleGalleryImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./bulkAddVehicleGalleryImages.vue?vue&type=template&id=13fa8e9a&scoped=true&\"\nimport script from \"./bulkAddVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nexport * from \"./bulkAddVehicleGalleryImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./bulkAddVehicleGalleryImages.vue?vue&type=style&index=0&id=13fa8e9a&scoped=true&lang=css&\"\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  \"13fa8e9a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"card\">\r\n    <div class=\"container\">\r\n      <b-modal ref=\"addVehicleGalleryImagesModal\" hide-footer>\r\n        <addVehicleGalleryImages\r\n          @closeAddVehicleGalleryImages=\"toggleAddVehicleGalleryImages()\"\r\n          @addVehicleGalleryImagesSuccess=\"addVehicleGalleryImagesSuccess()\"\r\n        ></addVehicleGalleryImages>\r\n      </b-modal>\r\n      <b-modal ref=\"editVehicleGalleryImagesModal\" hide-footer>\r\n        <editVehicleGalleryImages\r\n          :editingVehicleGalleryImages=\"currentVehicleGalleryImages\"\r\n          @closeEditVehicleGalleryImages=\"toggleEditVehicleGalleryImages()\"\r\n          @editVehicleGalleryImagesSuccess=\"editVehicleGalleryImagesSuccess()\"\r\n        ></editVehicleGalleryImages>\r\n      </b-modal>\r\n\r\n      <b-modal ref=\"bulkAddVehicleGalleryImagesModal\" hide-footer>\r\n        <bulkAddVehicleGalleryImages\r\n          :editingVehicleGalleryImages=\"currentVehicleGalleryImages\"\r\n          @closebulkAddVehicleGalleryImages=\"\r\n            toggleBulkAddVehicleGalleryImages()\r\n          \"\r\n          @bulkAddVehicleGalleryImagesSuccess=\"\r\n            bulkAddVehicleGalleryImagesSuccess()\r\n          \"\r\n        ></bulkAddVehicleGalleryImages>\r\n      </b-modal>\r\n\r\n      <div class=\"row\">\r\n        <h2>VehicleGalleryImages</h2>\r\n      </div>\r\n      <div class=\"row\">\r\n        <button\r\n          @click=\"toggleAddVehicleGalleryImages()\"\r\n          type=\"button\"\r\n          class=\"btn btn-success\"\r\n        >\r\n          Add\r\n        </button>\r\n      </div>\r\n      <div class=\"row\">\r\n        <button\r\n          @click=\"toggleBulkAddVehicleGalleryImages()\"\r\n          type=\"button\"\r\n          class=\"btn btn-success\"\r\n        >\r\n          Bulk Add\r\n        </button>\r\n      </div>\r\n      <div class=\"row\">\r\n        <br />\r\n    <DataBlocks\r\n          :showImage='true'\r\n          @itemSelected=\"editItem\"\r\n          :data=\"items\"\r\n          :fields=\"['Modal','Type','Heading']\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport addVehicleGalleryImages from \"../../components/addVehicleGalleryImages\";\r\nimport editVehicleGalleryImages from \"../../components/editVehicleGalleryImages\";\r\nimport bulkAddVehicleGalleryImages from \"../../components/custom/bulkAddVehicleGalleryImages\";\r\nimport VueNotifications from \"vue-notifications\";\r\n\r\nimport { Datatable } from \"../../mdb/components/Datatable\";\r\nimport DataBlocks from \"@/components/custom/dataBlocks.vue\";\r\nimport miniToastr from \"mini-toastr\"; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: \"success\",\r\n  error: \"error\",\r\n  info: \"info\",\r\n  warn: \"warn\",\r\n};\r\nminiToastr.init({ types: toastTypes });\r\nexport default {\r\n  data() {\r\n    return {\r\n      columns: [\r\n        {\r\n          label: \"Id\",\r\n          field: \"Id\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"ModelId\",\r\n          field: \"ModelId\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"Image\",\r\n          field: \"Image\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"ImageMeta\",\r\n          field: \"ImageMeta\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"DisplayOrder\",\r\n          field: \"DisplayOrder\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"LastUpdated\",\r\n          field: \"LastUpdated\",\r\n          sort: \"asc\",\r\n        },\r\n        {\r\n          label: \"Type\",\r\n          field: \"Type\",\r\n          sort: \"asc\",\r\n        },\r\n      ],\r\n      items: [],\r\n      addVehicleGalleryImagesOpen: false,\r\n      editVehicleGalleryImagesOpen: false,\r\n      bulkAddVehicleGalleryImagesOpen: false,\r\n      currentVehicleGalleryImages: {},\r\n    };\r\n  },\r\n  components: {\r\n    addVehicleGalleryImages,\r\n    editVehicleGalleryImages,\r\n    bulkAddVehicleGalleryImages,\r\n    Datatable,\r\n    DataBlocks,\r\n  },\r\n  created: function () {\r\n    this.getVehicleGalleryImages();\r\n    this.addVehicleGalleryImagesOpen = false;\r\n    this.editVehicleGalleryImagesOpen = false;\r\n    this.bulkAddVehicleGalleryImagesOpen = false;\r\n  },\r\n  methods: {\r\n    getImageSource(data) {\r\n      if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        return this.$store.state.cdnUrl + data.Image;\r\n      }\r\n      return \"\";\r\n    },\r\n    isNull: function (obj) {\r\n      if (typeof obj === \"undefined\" || obj === null || obj === \"null\") {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n\r\n    getVehicleGalleryImages() {\r\n      var payload = {\r\n        success: (response) => {\r\n          this.mapVehicleModels(response.data);\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"getVehicleGalleryImages\", payload);\r\n    },\r\n    mapVehicleModels(variants) {\r\n      var payload = {\r\n        success: (response) => {\r\n          var variantsNew = [];\r\n          for (const iterator of variants) {\r\n            var modal = response.data.find((g) => g.Id == iterator.ModelId);\r\n            if (modal) {\r\n              iterator.Modal = modal.Name;\r\n            }\r\n            variantsNew.push(iterator);\r\n          }\r\n\r\n          this.items = variantsNew;\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"getVehicleModels\", payload);\r\n    },\r\n    editItem(VehicleGalleryImages) {\r\n      this.toggleEditVehicleGalleryImages();\r\n      this.currentVehicleGalleryImages = VehicleGalleryImages;\r\n    },\r\n    toggleAddVehicleGalleryImages() {\r\n      if (this.addVehicleGalleryImagesOpen) {\r\n        this.$refs.addVehicleGalleryImagesModal.hide();\r\n      } else {\r\n        this.$refs.addVehicleGalleryImagesModal.show();\r\n      }\r\n      this.addVehicleGalleryImagesOpen = !this.addVehicleGalleryImagesOpen;\r\n    },\r\n    addVehicleGalleryImagesSuccess() {\r\n      this.toggleAddVehicleGalleryImages();\r\n      miniToastr[\"success\"](\r\n        \"VehicleGalleryImages Added\",\r\n        \"Success\",\r\n        1000,\r\n        null\r\n      );\r\n      this.getVehicleGalleryImages();\r\n    },\r\n    toggleEditVehicleGalleryImages() {\r\n      if (this.editVehicleGalleryImagesOpen) {\r\n        this.$refs.editVehicleGalleryImagesModal.hide();\r\n      } else {\r\n        this.$refs.editVehicleGalleryImagesModal.show();\r\n      }\r\n      this.editVehicleGalleryImagesOpen = !this.editVehicleGalleryImagesOpen;\r\n    },\r\n\r\n    toggleBulkAddVehicleGalleryImages() {\r\n      if (this.bulkAddVehicleGalleryImagesOpen) {\r\n        this.$refs.bulkAddVehicleGalleryImagesModal.hide();\r\n      } else {\r\n        this.$refs.bulkAddVehicleGalleryImagesModal.show();\r\n      }\r\n      this.bulkAddVehicleGalleryImagesOpen =\r\n        !this.bulkAddVehicleGalleryImagesOpen;\r\n    },\r\n\r\n    editVehicleGalleryImagesSuccess() {\r\n      this.toggleEditVehicleGalleryImages();\r\n      miniToastr[\"success\"](\r\n        \"VehicleGalleryImages Edited\",\r\n        \"Success\",\r\n        1000,\r\n        null\r\n      );\r\n      this.getVehicleGalleryImages();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.VehicleGalleryImagesThumbnail {\r\n  height: 50px;\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!./VehicleGalleryImages.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!./VehicleGalleryImages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleGalleryImages.vue?vue&type=template&id=ab4503e0&scoped=true&\"\nimport script from \"./VehicleGalleryImages.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleGalleryImages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VehicleGalleryImages.vue?vue&type=style&index=0&id=ab4503e0&scoped=true&lang=css&\"\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  \"ab4503e0\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleModelSelect.vue?vue&type=style&index=0&id=619f930a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleModelSelect.vue?vue&type=style&index=0&id=619f930a&scoped=true&lang=css&\"","import mod 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!./ImageGalleryUploader.vue?vue&type=style&index=0&id=ff69a05c&scoped=true&lang=scss&\"; export default mod; 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!./ImageGalleryUploader.vue?vue&type=style&index=0&id=ff69a05c&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":_vm.allFiles ? '*' : 'image/*'},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files);\n                _vm.fileCount = $event.target.files.length;}}}),_c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\" \"+_vm._s(_vm.allFiles ? \"Drag a file here\" : \"Drag an image here\")+\" \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30px\",\"height\":\"30px\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"          \"),_vm._l((this.output),function(item,index){return _c('img',{key:index,staticClass:\"previewImage\",attrs:{\"src\":item.content}})}),_vm._v(\"\\n          \"),_vm._v(\"\\n        \")],2)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\r\n      <div class=\"box\">\r\n        <div class=\"box-inner\">\r\n          <div class=\"dropzone\" v-if=\"!isLoading\">\r\n            <input\r\n              type=\"file\"\r\n              multiple\r\n              :accept=\"allFiles ? '*' : 'image/*'\"\r\n              class=\"input-file\"\r\n              @change=\"\r\n                handleChanges($event.target.name, $event.target.files);\r\n                fileCount = $event.target.files.length;\r\n              \"\r\n            />\r\n            <ul class=\"box-notes\">\r\n              <li class=\"first\">\r\n                {{ allFiles ? \"Drag a file here\" : \"Drag an image here\" }}\r\n              </li>\r\n              <li class=\"second\">or</li>\r\n              <li class=\"third link\">Browse files</li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"status\" v-if=\"isLoading\">\r\n            <span class=\"loader\">\r\n              <svg\r\n                width=\"30px\"\r\n                height=\"30px\"\r\n                viewBox=\"0 0 30 30\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                data-svg=\"spinner\"\r\n              >\r\n                <circle\r\n                  fill=\"none\"\r\n                  stroke=\"#454b54\"\r\n                  cx=\"15\"\r\n                  cy=\"15\"\r\n                  r=\"14\"\r\n                ></circle>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n    <div class=\"output\" v-if=\"isSuccess\">\r\n      <div class=\"background-img-css\">\r\n        <span>Preview</span>\r\n        <pre>\r\n          <img\r\n  v-for=\"(item, index) in this.output\"\r\n  :key=\"index\"\r\n  v-bind:src=\"item.content\"\r\n  class=\"previewImage\"\r\n>\r\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\r\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\r\n          </code> -->\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst INITIAL = 0,\r\n  LOADING = 1,\r\n  SUCCESS = 2,\r\n  FAILED = 3;\r\n\r\nexport default {\r\n  name: \"FileUploader\",\r\n\r\n  data() {\r\n    return {\r\n      errors: null,\r\n      status: null, // INITIAL, LOADING, SUCCESS, FAILED\r\n      output: [],\r\n    };\r\n  },\r\n  props: [\"uploadFileReturnFileName\", \"allFiles\"],\r\n  computed: {\r\n    isInitial() {\r\n      return this.status === INITIAL;\r\n    },\r\n    isLoading() {\r\n      return this.status === LOADING;\r\n    },\r\n    isSuccess() {\r\n      return this.status === SUCCESS;\r\n    },\r\n    isFailed() {\r\n      return this.status === FAILED;\r\n    },\r\n  },\r\n  methods: {\r\n    validateImg(file) {\r\n      return new Promise((resolve, reject) => {\r\n        let img = new Image();\r\n        img.src = window.URL.createObjectURL(file);\r\n        img.onload = () => {\r\n          if (img.width === 100 && img.height === 100) {\r\n            resolve(true);\r\n          } else {\r\n            resolve(false);\r\n          }\r\n        };\r\n      });\r\n    },\r\n    handleChanges(fieldName, fileList) {\r\n      this.reset(); // reset upload\r\n\r\n      if (!fileList.length) return;\r\n      this.status = LOADING;\r\n\r\n      [].slice.call(fileList).map((file) => {\r\n        var url = URL.createObjectURL(file);\r\n        this.validateImg(file).then((valid) => {\r\n          if (valid) {\r\n            if (!this.uploadFileReturnFileName) {\r\n              this.$emit(\"ImageDataChanged\", file);\r\n              this.$emit(\"ImageURLDataChanged\", url);\r\n            }\r\n            this.status = SUCCESS;\r\n            this.output.push({\r\n              name: this.sanitizeFileName(file.name),\r\n              content: url,\r\n            });\r\n            if (this.uploadFileReturnFileName) {\r\n              this.status = LOADING;\r\n              this.fileToBase64(file)\r\n                .then(this.resolveAfterTime(1500))\r\n                .then((res) => {\r\n                  var data = {\r\n                    base64: res,\r\n                    fileName: file.name,\r\n                    extension: file.name.split(\".\").pop(),\r\n                  };\r\n\r\n                  var payload = {\r\n                    data: data,\r\n                    success: (response) => {\r\n                      this.$emit(\"ImageUploaded\", response.data);\r\n                      this.status = SUCCESS;\r\n                    },\r\n                    error: (error) => {\r\n                      this.status = FAILED;\r\n                    },\r\n                  };\r\n                  this.$store.dispatch(\"uploadFile\", payload);\r\n                });\r\n            }\r\n          } else {\r\n            \r\n          }\r\n        });\r\n      });\r\n    },\r\n    fileToBase64(file) {\r\n      return new Promise((resolve, reject) => {\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        reader.onload = () => {\r\n          let res = reader.result;\r\n          resolve(res);\r\n        };\r\n        reader.onerror = (error) => reject(error);\r\n      });\r\n    },\r\n    sanitizeFileName(name) {\r\n      return name\r\n        .replace(/\\.[^/.]+$/, \"\")\r\n        .replace(/[^a-z0-9]/gi, \"_\")\r\n        .toLowerCase();\r\n    },\r\n    resolveAfterTime(time) {\r\n      return (x) => {\r\n        return new Promise((resolve) => setTimeout(() => resolve(x), time));\r\n      };\r\n    },\r\n    reset() {\r\n      this.status = INITIAL;\r\n      this.errors = null;\r\n      this.output = [];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.previewImage {\r\n  max-height: 100px;\r\n}\r\n.box {\r\n  padding: 10px;\r\n  position: relative;\r\n\r\n  .box-inner {\r\n    color: #2c3e50;\r\n    min-height: 200px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n    border: 2px dashed #86bdf9;\r\n    border-radius: 10px;\r\n    z-index: 100;\r\n\r\n    .box-notes {\r\n      list-style: none;\r\n      height: 200px;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n\r\n      li {\r\n        &.first {\r\n          font-weight: 600;\r\n          font-size: 24px;\r\n        }\r\n\r\n        &.link {\r\n          color: #fff;\r\n          padding: 10px 20px;\r\n          border-radius: 5px;\r\n          background: #176eff;\r\n          box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\r\n        }\r\n\r\n        &:not(:last-child) {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 120px;\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 100;\r\n\r\n    > * {\r\n      animation: rotate 1.4s linear infinite;\r\n    }\r\n    > * > * {\r\n      stroke-dasharray: 88px;\r\n      stroke-dashoffset: 0;\r\n      transform-origin: center;\r\n      animation: spinner 1.4s ease-in-out infinite;\r\n      animation-name: spinner;\r\n      animation-duration: 1.4s;\r\n      animation-timing-function: ease-in-out;\r\n      animation-delay: 0s;\r\n      animation-iteration-count: infinite;\r\n      animation-direction: normal;\r\n      animation-fill-mode: none;\r\n      animation-play-state: running;\r\n      stroke-width: 1;\r\n      stroke-linecap: round;\r\n      position: relative;\r\n    }\r\n  }\r\n  &::after {\r\n    content: \"\";\r\n    background: #f6f9fe;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 5px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n    transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n  }\r\n  &:hover {\r\n    &::after {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n}\r\n\r\n.output {\r\n  span {\r\n    padding-top: 10px;\r\n    display: block;\r\n    text-align: initial;\r\n  }\r\n  pre {\r\n    background: #e5e5e5;\r\n    color: #2c3e50;\r\n    padding: 14px;\r\n    border-radius: 3px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    overflow-x: scroll;\r\n\r\n    &,\r\n    code {\r\n      font-family: \"Source Code Pro\", monospace;\r\n      max-width: 500px;\r\n      text-align: left;\r\n      white-space: nowrap;\r\n      word-spacing: normal;\r\n      word-break: break-word;\r\n      word-wrap: break-word;\r\n      line-height: 1.5;\r\n      -moz-tab-size: 4;\r\n      -o-tab-size: 4;\r\n      tab-size: 4;\r\n      -webkit-hyphens: none;\r\n      -ms-hyphens: none;\r\n      hyphens: none;\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\ninput[type=\"file\"] {\r\n  display: block;\r\n}\r\n\r\n.input-file {\r\n  opacity: 0;\r\n  width: 100%;\r\n  height: 200px;\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(270deg);\r\n  }\r\n}\r\n\r\n@keyframes spinner {\r\n  0% {\r\n    stroke-dashoffset: 88px;\r\n  }\r\n  50% {\r\n    stroke-dashoffset: 22px;\r\n    transform: rotate(135deg);\r\n  }\r\n  100% {\r\n    stroke-dashoffset: 88px;\r\n    transform: rotate(450deg);\r\n  }\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!./FileUploader.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!./FileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploader.vue?vue&type=template&id=69f32660&scoped=true&\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploader.vue?vue&type=style&index=0&id=69f32660&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  \"69f32660\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./bulkAddVehicleGalleryImages.vue?vue&type=style&index=0&id=13fa8e9a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./bulkAddVehicleGalleryImages.vue?vue&type=style&index=0&id=13fa8e9a&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleGalleryImages.vue?vue&type=style&index=0&id=ab4503e0&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleGalleryImages.vue?vue&type=style&index=0&id=ab4503e0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataValue),expression:\"dataValue\"}],staticClass:\"form-control\",staticStyle:{\"display\":\"block !important\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.dataValue=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.valueChanged()}]}},_vm._l((_vm.vehicles),function(option){return _c('option',{key:option.Id,domProps:{\"value\":option.Id}},[_vm._v(\" \"+_vm._s(option.Name)+\" \")])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <select\r\n      style=\"display: block !important\"\r\n      class=\"form-control\"\r\n      @change=\"valueChanged()\"\r\n      v-model=\"dataValue\"\r\n    >\r\n      <option v-for=\"option in vehicles\" :key=\"option.Id\" :value=\"option.Id\">\r\n        {{ option.Name }}\r\n      </option>\r\n    </select>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"VehicleModelSelect\",\r\n\r\n  data() {\r\n    return {  \r\n        vehicles: [],\r\n        dataValue: null,   \r\n    };\r\n  },\r\n  created() {\r\n    this.getVehicleModels();\r\n    this.dataValue = this.value;\r\n  },\r\n\r\n  props: [\"value\"],\r\n\r\n  methods: {\r\n    valueChanged() {\r\n      this.$emit(\"input\", this.dataValue);\r\n    },\r\n\r\n    getVehicleModels() {\r\n      var payload = {\r\n        success: (response) => {\r\n          this.vehicles = response.data.sort((a, b) => (a.Name > b.Name ? 1 : -1));\r\n        },\r\n        error: (error) => {\r\n          miniToastr[\"error\"](error, \"Error\", 1000, null);\r\n        },\r\n      };\r\n      this.$store.dispatch(\"getVehicleModels\", payload);\r\n    },\r\n  },\r\n};\r\n</script> \r\n<style scoped>\r\n.previewImage {\r\n  max-height: 100px;\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!./VehicleModelSelect.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!./VehicleModelSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleModelSelect.vue?vue&type=template&id=619f930a&scoped=true&\"\nimport script from \"./VehicleModelSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleModelSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VehicleModelSelect.vue?vue&type=style&index=0&id=619f930a&scoped=true&lang=css&\"\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  \"619f930a\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"; export default mod; 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!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editVehicleGalleryImages.vue?vue&type=style&index=0&id=0e5bb712&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editVehicleGalleryImages.vue?vue&type=style&index=0&id=0e5bb712&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addVehicleGalleryImages.vue?vue&type=style&index=0&id=653cba8f&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addVehicleGalleryImages.vue?vue&type=style&index=0&id=653cba8f&scoped=true&lang=css&\""],"sourceRoot":""}