PageSourceSearch

https://www.imgconverters.com/build/assets/PngToIcoComponent-57514fd4.js

js imgconverters.com collected 2026-10-02 00:31:14 UTC 39,943 bytes, 2 lines download raw bytes

1import"./vue-c41304f0.js";import{J as e}from"./jszip-54bb9a5e.js";import{R as t,S as l}from"./vue-picture-cropper-4d767d4e.js";/* empty css                  */import o from"./DeleteModel-5d03af46.js";import a from"./SettingComponent-ddbe10ac.js";import i from"./FeedBackFormComponent-20ef3984.js";import r from"./ShowFileInfoComponent-70e4559e.js";import s from"./CropComponent-f424a004.js";import{h as n}from"./heic2any-a04c8a0f.js";import{_ as d}from"./deleteAll-23fc632d.js";import{_ as c}from"./_plugin-vue_export-helper-1b428a4d.js";import{P as p,L as g,A as u,a as v,T as f,X as h,C as m,b as w,D as b,R as x}from"./lucide-vue-next-d09ca5f2.js";import{b as C,q as y,s as k,g as L,m as F,l as U,u as j,t as R,v as M,e as D,x as V,y as P,z as I,p as S,A as z,F as B,k as A,B as H,C as E,f as O,D as _,E as G}from"./@vue-9fa25491.js";import"./@xmldom-8ae626ff.js";import"./axios-85e39b4e.js";const T={props:{translations:Object,files:Array},components:{VuePictureCropper:t,FeedBackFormComponent:i,ShowFileInfoComponent:r,DeleteModel:o,CropComponent:s,SettingComponent:a,Plus:p,Link:g,ArrowRight:u,Loader2:v,Trash:f,X:h,Crop:m,ChevronDown:w,Download:b,RefreshCcw:x},data:()=>({options:{viewMode:2,dragMode:"crop",aspectRatio:NaN},cropperPopup:!1,disableConvertButton:!0,pic:"",result:null,files:[],currentFileIndex:null,convertedPdfUrl:null,quality:1,imageUrl:"/images/jpg-logo.jpg",showFileInfo:null,isResult:null,showFeedbackModal:!1,title:"PNG to ICO Converter"}),methods:{updatePopup(e){this.settingPopup=e},handleFileSelection(e){const t=Array.from(e.target.files).map((e=>({dataURL:URL.createObjectURL(e),name:e.name,type:e.type,uploading:!1,uploaded:!1,uploadProgress:0,error:null,file:e,pdfURL:null,convertedPdfUrl:null})));for(const l of t)this.uploadFile(l,this.quality);this.files.push(...t)},toggleFileInfo(e){this.showFileInfo=this.showFileInfo===e?null:e},closeModal(){this.showFileInfo=null},perviewImage(e){this.isResult=e.dataURL},rotateTo(e){l.rotate(e)},flipX(){let e=!0===this.flipXValue?1:-1;l.scaleX(e),this.flipXValue=!this.flipXValue},flipY(){let e=!0===this.flipYValue?1:-1;l.scaleY(e),this.flipYValue=!this.flipYValue},getResult(e){this.result=e},reset(){l&&l.reset()}},setup(){const t=C([]),o=C(!1),a=C(!1),i=C(!1),r=C(!1),s=C(!1),d=C(!1),c=C(""),p=C(1),g=C(""),u=C(null),v=C(""),f=C(null),h=C(null),m=C(!1),w=C(""),b=C(!1),x=C(!1),L=C(!1),F=C(!1),U=C(!1),j=C(null),R=C(null),M=C(null),D=C(null),V=C([16,32,48]),P=()=>{t.value=[],a.value=!1,s.value=!1,h.value=null,f.value=null},I=(e,t)=>{const l=e.length,o=6+16*l,a=e.map(((e,l)=>{const o=t[l],a=4*o,i=a*o,r=Math.ceil(o/8),s=4*Math.ceil(r/4),n=new ArrayBuffer(40+i+s*o),d=new DataView(n);d.setUint32(0,40,!0),d.setInt32(4,o,!0),d.setInt32(8,2*o,!0),d.setUint16(12,1,!0),d.setUint16(14,32,!0),d.setUint32(16,0,!0),d.setUint32(20,i,!0),d.setInt32(24,0,!0),d.setInt32(28,0,!0),d.setUint32(32,0,!0),d.setUint32(36,0,!0);const c=e.data;for(let t=o-1;t>=0;t--){const e=o-1-t;for(let l=0;l<o;l++){const i=4*(t*o+l),r=40+e*a+4*l;d.setUint8(r,c[i+2]),d.setUint8(r+1,c[i+1]),d.setUint8(r+2,c[i]),d.setUint8(r+3,c[i+3])}}const p=40+i;for(let t=o-1;t>=0;t--){const e=o-1-t;for(let l=0;l<o;l++){if(c[4*(t*o+l)+3]<128){const t=p+e*s+Math.floor(l/8),o=7-l%8;d.setUint8(t,d.getUint8(t)|1<<o)}}}return n}));let i=o;const r=a.map((e=>{const t=i;return i+=e.byteLength,t})),s=new ArrayBuffer(i),n=new DataView(s);n.setUint16(0,0,!0),n.setUint16(2,1,!0),n.setUint16(4,l,!0),a.forEach(((e,l)=>{const o=t[l],a=6+16*l;n.setUint8(a,256===o?0:o),n.setUint8(a+1,256===o?0:o),n.setUint8(a+2,0),n.setUint8(a+3,0),n.setUint16(a+4,1,!0),n.setUint16(a+6,32,!0),n.setUint32(a+8,e.byteLength,!0),n.setUint32(a+12,r[l],!0)}));let d=o;return a.forEach((e=>{const t=new Uint8Array(e);new Uint8Array(s,d,e.byteLength).set(t),d+=e.byteLength})),new Blob([s],{type:"image/x-icon"})},S=async e=>{e.uploading=!0,e.uploadProgress=0,m.value=!0;try{const t=/\.(heic|heif)$/i.test(e.name)||"image/heic"===e.file.type||"image/heif"===e.file.type;let l=e.file;if(t){let t=await n({blob:e.file,toType:"image/jpeg",quality:.9});Array.isArray(t)&&(t=t[0]),l=t}const{combinedBlob:o,sizeBlobs:a}=await((e,t=[16,32,48])=>new Promise(((l,o)=>{const a=URL.createObjectURL(e),i=new Image;i.onload=()=>{const e=[...t].sort(((e,t)=>e-t)),o=e.map((e=>{const t=document.createElement("canvas");t.width=e,t.height=e;const l=t.getContext("2d");return l.clearRect(0,0,e,e),l.drawImage(i,0,0,e,e),t})).map((e=>e.getContext("2d").getImageData(0,0,e.width,e.height)));URL.revokeObjectURL(a);const r=I(o,e),s=o.map(((t,l)=>({size:e[l],blob:I([t],[e[l]])})));l({combinedBlob:r,sizeBlobs:s})},i.onerror=()=>{URL.revokeObjectURL(a),o(new Error("Failed to load image"))},i.src=a})))(l,V.value),i=e.name.replace(/\.[^/.]+$/,"")+".ico",r=new File([o],i,{type:"image/x-icon",lastModified:new Date});setTimeout((()=>{e.uploadProgress=100,e.uploading=!1,e.uploaded=!0,e.dataURL=URL.createObjectURL(o),e.name=i,e.file=r,e.sizeBlobs=a,m.value=!1}),500)}catch(t){e.uploading=!1,e.error="Error converting image to ICO",m.value=!1}},z=e=>{const t=atob(e.split(",")[1]),l=e.split(",")[0].split(":")[1].split(";")[0],o=new ArrayBuffer(t.length),a=new Uint8Array(o);for(let i=0;i<t.length;i++)a[i]=t.charCodeAt(i);return new Blob([a],{type:l})},B=e=>{const t=(e.clipboardData||e.originalEvent.clipboardData).items;for(let l of t)if(0===l.type.indexOf("image")){const e=l.getAsFile();e&&(U.value=!0,A(e).finally((()=>{U.value=!1})))}}
1,A=async(e,l="clipboard-image.png")=>{const o=new File([e],l,{type:e.type}),a={id:Date.now(),dataURL:URL.createObjectURL(e),name:o.name,file:o,uploading:!1,uploaded:!1,uploadProgress:0,error:null};t.value.push(a),d.value=!1};return y((()=>{window.addEventListener("paste",B)})),k((()=>{window.removeEventListener("paste",B)})),{dragover:async()=>{o.value=!0},dragleave:async e=>{o.value=!1},dropFile:e=>{e.preventDefault(),o.value=!1;const l=["image/jpeg","image/jpg","image/png","image/webp","image/heic","image/heif","image/avif","image/gif","image/tiff","image/bmp","image/x-icon","image/svg+xml"],a=Array.from(e.dataTransfer.files).map((e=>l.includes(e.type)||/\.(jpe?g|png|webp|heic|heif|avif|gif|tiff?|bmp|ico|svg)$/i.test(e.name)?{dataURL:URL.createObjectURL(e),name:e.name,uploading:!1,uploaded:!1,uploadProgress:0,error:null,file:e}:(b.value="⚠️ Unsupported format. Please upload an image file (JPG, PNG, WEBP, HEIC, AVIF, etc.).",null))).filter((e=>null!==e));setTimeout((()=>{b.value=!1}),3e3),t.value.push(...a)},remove:async e=>{t.value.splice(e,1),t.value.length||(a.value=!1,s.value=!1,h.value=null,t.value=[])},dragActive:o,submitted:a,files:t,handleFileSelection:e=>{const l=Array.from(e.target.files).map(((e,t)=>({id:Date.now()+t,dataURL:URL.createObjectURL(e),name:e.name,file:e,uploading:!1,uploaded:!1,uploadProgress:0,error:null})));t.value.push(...l),d.value=!1},uploadFiles:async()=>{a.value=!0;for(let e=0;e<t.value.length;e++)t.value[e].uploaded||(await S(t.value[e]),s.value=!0)},settingPopup:i,cropperPopup:r,downloadAllAsZip:async()=>{const l=new e;for(const e of t.value)if(e.sizeBlobs&&e.sizeBlobs.length>0)for(const{size:t,blob:o}of e.sizeBlobs){const a=`${e.name.replace(/\.ico$/i,"")}-${t}x${t}.ico`;l.file(a,o)}else{const t=await fetch(e.dataURL),o=await t.blob();l.file(e.name,o)}const o=await l.generateAsync({type:"blob"}),a=URL.createObjectURL(o),i=document.createElement("a");i.href=a,i.download="converted_ico_files.zip",document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(a)},conversionCompleted:s,removeAllFiles:P,disableConvertButton:d,fileUrl:c,handleUpload:async()=>{if(e=c.value,/\.(jpe?g|png|webp|gif|bmp|tiff?|avif|heic|heif|svg|ico)$/i.test(e)){var e;U.value=!0;try{const e=`/proxy-image?url=${encodeURIComponent(c.value)}`,t=await fetch(e);if(!t.ok)throw new Error("Failed to fetch image from URL");const l=t.headers.get("content-type");if(!l||!l.startsWith("image/"))return void alert("The provided URL is not a valid image.");const o=await t.blob();await A(o,c.value.split("/").pop()),c.value="",F.value=!1}catch(t){alert("Failed to load image. Please provide a valid image URL.")}finally{U.value=!1}}else alert("Please provide a valid image URL (JPG, PNG, WEBP, HEIC, AVIF, GIF, TIFF, BMP, etc.).")},quality:p,convertedPdfUrl:g,CropperPopupSet:e=>{u.value=e,r.value=!0,v.value=t.value[u.value].dataURL},confirmCrop:async()=>{const e=l.getDataURL(),o=z(e),a=t.value[u.value].name.replace(/\.[^/.]+$/,"")+"_cropped.png";t.value[u.value].dataURL=e,t.value[u.value].file=new File([o],a,{type:o.type}),t.value[u.value].name=a,r.value=!1},pic:v,dataURLtoBlob:z,showFileInfo:h,isLoading:m,errorMessage:w,isErrorMessage:b,confirmDelete:()=>{P(),x.value=!1},isDeleteModel:x,handleDragStart:(e,t)=>{R.value=e,t.dataTransfer.effectAllowed="move",t.target.classList.add("dragging")},handleDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const t=e.currentTarget,l=t.getBoundingClientRect();e.clientX-l.left<l.width/2?(D.value="left",t.classList.remove("drag-right","drag-top","drag-bottom"),t.classList.add("drag-left")):(D.value="right",t.classList.remove("drag-left","drag-top","drag-bottom"),t.classList.add("drag-right"))},handleDrop:(e,l)=>{if(l.preventDefault(),l.currentTarget.classList.remove("drag-left","drag-right","drag-top","drag-bottom"),null!==R.value&&R.value!==e){const l=t.value[R.value];t.value.splice(R.value,1),t.value.splice(e,0,l)}R.value=null,M.value=null,D.value=null},handleDragEnd:e=>{document.querySelectorAll(".drag-left, .drag-right, .drag-top, .drag-bottom").forEach((e=>{e.classList.remove("drag-left","drag-right","drag-top","drag-bottom")})),e.target.classList.remove("dragging"),R.value=null,M.value=null,D.value=null},isUrlLoading:L,showUrlInput:F,isProcessing:U,triggerFileInput:()=>{j.value.click()},fileInput:j,draggedIndex:R,availableSizes:[16,32,48,64,128,256],selectedSizes:V,toggleSize:e=>{-1===V.value.indexOf(e)?V.value=[...V.value,e].sort(((e,t)=>e-t)):V.value.length>1&&(V.value=V.value.filter((t=>t!==e)))}}}}
1,Z=e=>(_("data-v-f9d30668"),e=e(),G(),e),$={class:"space-y-8"},X={class:"mx-auto cursor-pointer w-24 h-20 bg-gradient-to-br from-violet-600 to-violet-800 rounded-2xl flex items-center justify-center shadow-lg group-hover:shadow-md"},N=Z((()=>F("svg",{class:"w-12 h-12 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[F("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})],-1))),Y={class:"space-y-4"},W={class:"text-xl font-semibold text-gray-800 mb-2"},q={class:"text-gray-600 text-sm"},K={class:"flex justify-center gap-4 mb-5"},J=["disabled"],Q=Z((()=>F("svg",{class:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[F("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"})],-1))),ee={class:"flex items-center border border-violet-600 rounded-lg overflow-hidden"},te=["disabled"],le={key:0,class:"h-6 w-px bg-violet-600"},oe=["disabled"],ae=Z((()=>F("div",{class:"max-w-sm mx-auto pt-4 border-t border-violet-200"},[F("p",{class:"text-sm text-gray-600 mb-3"},"Or import from URL and Ctrl + V")],-1))),ie={key:1,class:"relative border-2 border-violet-300 rounded-2xl rounded-b-none p-6 md:p-8 mt-4 bg-gradient-to-br from-violet-50/80 to-indigo-50/30 shadow-sm"},re={class:"absolute top-2 mb-3 right-4 text-lg font-semibold text-gray-800"},se={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 mt-3 mb-6"},ne=["onDragstart","onDrop"],de={class:"relative mb-3"},ce={key:0,class:"absolute inset-0 bg-white/80 rounded-lg flex items-center justify-center z-10"},pe=[H('<div class="text-center" data-v-f9d30668><div class="animate-spin mx-auto mb-2" data-v-f9d30668><svg class="w-8 h-8 text-violet-600" fill="none" viewBox="0 0 24 24" data-v-f9d30668><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" data-v-f9d30668></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" data-v-f9d30668></path></svg></div><p class="text-xs text-gray-600" data-v-f9d30668>Processing...</p></div>',1)],ge=["src"],ue=["onClick"],ve=[Z((()=>F("svg",{class:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[F("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)))],fe={class:"mb-3"},he=["title"],me={class:"text-xs text-gray-500"},we={class:"flex justify-between gap-1"},be=["onClick"],xe=[Z((()=>F("svg",{class:"w-4 h-4 mx-auto group-hover/btn:rotate-12 transition-transform duration-200",fill:"currentColor",viewBox:"0 0 24 24"},[F("path",{d:"M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"}
1)],-1)))],Ce=["onClick"],ye=[Z((()=>F("svg",{class:"w-4 h-4 mx-auto group-hover/btn:-rotate-12 transition-transform duration-200",fill:"currentColor",viewBox:"0 0 24 24"},[F("path",{d:"M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z"})],-1)))],ke=["onClick"],Le=[Z((()=>F("svg",{class:"w-4 h-4 mx-auto",fill:"currentColor",viewBox:"0 0 24 24"},[F("path",{d:"M17,15H19V17H17V19H15V17H9C7.89,17 7,16.1 7,15V9H5V7H7V5H9V7H15C16.1,7 17,7.9 17,9V15M15,9H9V15H15V9Z"})],-1)))],Fe={class:"text-center"},Ue=Z((()=>F("div",{class:"w-12 h-12 mx-auto mb-3 bg-violet-100 rounded-full flex items-center justify-center group-hover:bg-violet-200 transition-colors duration-200"},[F("svg",{class:"w-6 h-6 text-violet-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[F("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 4v16m8-8H4"})])],-1))),je=Z((()=>F("p",{class:"text-violet-600 font-medium text-sm"},"Add More",-1))),Re=Z((()=>F("p",{class:"text-xs text-gray-500 mt-1"},"Click to upload",-1))),Me={key:2,class:"flex flex-col gap-4 border-x-2 border-b-2 border-violet-300 rounded-b-md p-4 mb-5 bg-gradient-to-br from-violet-50/80 to-indigo-50/30 shadow-sm"},De={class:"flex flex-wrap items-center gap-3"},Ve=Z((()=>F("span",{class:"text-sm font-semibold text-gray-700 flex items-center gap-1"},[F("svg",{class:"w-4 h-4 text-violet-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[F("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1v-4zM14 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"})]),M(" ICO Sizes: ")],-1))),Pe=["value","checked","onChange"],Ie={key:0,class:"text-xs text-red-500 font-medium"},Se={key:1,class:"text-xs text-gray-500"},ze={class:"flex flex-wrap justify-between items-center gap-3"},Be={class:"flex flex-wrap items-end gap-3"},Ae=["disabled"],He=Z((()=>F("span",null,"Convert to ICO",-1))),Ee={key:0,class:"flex flex-wrap shadow-lg mt-4 rounded-lg p-4"},Oe={class:"w-full flex justify-between"},_e={class:"flex flex-wrap flex-row w-full justify-between gap-2 border-2 border-gray-200 rounded-md p-2"},Ge={class:"flex flex-wrap gap-2"},Te=["src"],Ze={class:"flex flex-col my-auto"},$e={class:"text-xs font-semibold text-violet-600 my-1"},Xe={class:"text-violet-600"},Ne={class:"flex"},Ye={class:"flex flex-wrap"},We={key:0,role:"status",class:"mt-5 mx-1"},qe=[Z((()=>F("svg",{"aria-hidden":"true",class:"inline w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-violet-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[F("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),F("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"}
1)],-1))),Z((()=>F("span",{class:"sr-only"},"Loading...",-1)))],Ke={key:1,class:"flex flex-wrap"},Je=["onClick"],Qe=[H('<div class="flex justify-between items-center w-full bg-[#6D28D9] p-1 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm py-2" data-v-f9d30668><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-10 h-6" data-v-f9d30668><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-f9d30668></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></g><g id="SVGRepo_iconCarrier" data-v-f9d30668><path d="M12 14.5V17.5M12 11.5H12.01M13 3H8.2C7.0799 3 6.51984 3 6.09202 3.21799C5.71569 3.40973 5.40973 3.71569 5.21799 4.09202C5 4.51984 5 5.0799 5 6.2V17.8C5 18.9201 5 19.4802 5.21799 19.908C5.40973 20.2843 5.71569 20.5903 6.09202 20.782C6.51984 21 7.0799 21 8.2 21H15.8C16.9201 21 17.4802 21 17.908 20.782C18.2843 20.5903 18.5903 20.2843 18.782 19.908C19 19.4802 19 18.9201 19 17.8V9M13 3L19 9M13 3V7.4C13 7.96005 13 8.24008 13.109 8.45399C13.2049 8.64215 13.3578 8.79513 13.546 8.89101C13.7599 9 14.0399 9 14.6 9H19" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path></g></svg><a class="mr-3.5" data-v-f9d30668>FILE INFO </a></div>',1)],et=["onClick"],tt=[H('<div class="flex justify-between items-center w-full bg-[#6D28D9] p-1 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm py-2" data-v-f9d30668><svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve" stroke="#ffffff" class="w-10 h-6" data-v-f9d30668><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-f9d30668></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></g><g id="SVGRepo_iconCarrier" data-v-f9d30668><g data-v-f9d30668><path d="M51.8,25.1C47.1,15.6,37.3,9,26,9S4.9,15.6,0.2,25.1c-0.3,0.6-0.3,1.3,0,1.8C4.9,36.4,14.7,43,26,43 s21.1-6.6,25.8-16.1C52.1,26.3,52.1,25.7,51.8,25.1z M26,37c-6.1,0-11-4.9-11-11s4.9-11,11-11s11,4.9,11,11S32.1,37,26,37z" data-v-f9d30668></path> <path d="M26,19c-3.9,0-7,3.1-7,7s3.1,7,7,7s7-3.1,7-7S29.9,19,26,19z" data-v-f9d30668></path></g></g></svg><a class="mr-3.5" data-v-f9d30668>PREVIEW</a></div>',1)],lt={class:"my-auto"},ot={class:"flex justify-between items-center w-full bg-[#6D28D9] p-1 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm py-2 cursor-pointer"},at=H('<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-10 h-6" data-v-f9d30668><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-f9d30668></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></g><g id="SVGRepo_iconCarrier" data-v-f9d30668><path fill-rule="evenodd" clip-rule="evenodd" d="M23 22C23 22.5523 22.5523 23 22 23H2C1.44772 23 1 22.5523 1 22C1 21.4477 1.44772 21 2 21H22C22.5523 21 23 21.4477 23 22Z" fill="#ffffff" data-v-f9d30668></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3099 18.6881C12.5581 19.3396 11.4419 19.3396 10.6901 18.6881L5.87088 14.5114C4.47179 13.2988 5.32933 11 7.18074 11L9.00001 11V3C9.00001 1.89543 9.89544 1 11 1L13 1C14.1046 1 15 1.89543 15 3L15 11H16.8193C18.6707 11 19.5282 13.2988 18.1291 14.5114L13.3099 18.6881ZM11.3451 16.6091C11.7209 16.9348 12.2791 16.9348 12.6549 16.6091L16.8193 13H14.5C13.6716 13 13 12.3284 13 11.5V3L11 3V11.5C11 12.3284 10.3284 13 9.50001 13L7.18074 13L11.3451 16.6091Z" fill="#ffffff" data-v-f9d30668></path></g></svg>',1),it=["href","download"],rt={class:"my-3 md:my-auto mx-2 bg-[#F5F7F9] border-0 w-10 h-7 md:h-10 rounded-full hover:bg-violet-50 flex items-center justify-center"},st=["onClick"],nt=[Z((()=>F("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"violet",height:"13px",width:"13px",version:"1.1",id:"Layer_1",viewBox:"0 0 492 492","xml:space":"preserve"},[F("g",null,[F("g",null,[F("path",{d:"M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872    c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872    c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052    L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116    c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952    c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116    c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z"})])])],-1)))],dt={key:0,class:"w-full flex justify-end space-x-2 mr-3 mt-2"},ct=H('<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff" class="w-8 h-5" data-v-f9d30668><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-f9d30668></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></g><g id="SVGRepo_iconCarrier" data-v-f9d30668><path d="M8.24999 18L5.24999 20.25V15.75H2.25C1.85217 15.75 1.47064 15.5919 1.18934 15.3106C0.908034 15.0293 0.749999 14.6478 0.749999 14.25V2.25C0.749999 1.85217 0.908034 1.47064 1.18934 1.18934C1.47064 0.908034 1.85217 0.749999 2.25 0.749999H18.75C19.1478 0.749999 19.5293 0.908034 19.8106 1.18934C20.0919 1.47064 20.25 1.85217 20.25 2.25V6.71484" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path> <path d="M5.24999 5.24999H15.75" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path> <path d="M5.24999 9.74999H8.24999" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path> <path d="M23.25 18.75H20.25V23.25L15.75 18.75H11.25V9.74999H23.25V18.75Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path> <path d="M19.5 15H15" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></path></g></svg>',1),pt=H('<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-10 h-6" data-v-f9d30668><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-f9d30668></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-f9d30668></g><g id="SVGRepo_iconCarrier" data-v-f9d30668><path fill-rule="evenodd" clip-rule="evenodd" d="M23 22C23 22.5523 22.5523 23 22 23H2C1.44772 23 1 22.5523 1 22C1 21.4477 1.44772 21 2 21H22C22.5523 21 23 21.4477 23 22Z" fill="#ffffff" data-v-f9d30668></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3099 18.6881C12.5581 19.3396 11.4419 19.3396 10.6901 18.6881L5.87088 14.5114C4.47179 13.2988 5.32933 11 7.18074 11L9.00001 11V3C9.00001 1.89543 9.89544 1 11 1L13 1C14.1046 1 15 1.89543 15 3L15 11H16.8193C18.6707 11 19.5282 13.2988 18.1291 14.5114L13.3099 18.6881ZM11.3451 16.6091C11.7209 16.9348 12.2791 16.9348 12.6549 16.6091L16.8193 13H14.5C13.6716 13 13 12.3284 13 11.5V3L11 3V11.5C11 12.3284 10.3284 13 9.50001 13L7.18074 13L11.3451 16.6091Z" fill="#ffffff" data-v-f9d30668></path></g></svg>',1),gt=Z((()=>F("img",{src:d,alt:"Delete All",width:"22px",height:"15px",class:"mr-2"},null,-1))),ut={key:3,class:"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50"},vt={class:"bg-white p-4 mx-3 rounded-lg w-[720px] relative animate-fade-in"},ft=[Z((()=>F("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"violet",height:"15px",width:"20px",viewBox:"0 0 492 492",class:""},[F("g",null,[F("path",{d:"M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z"})])],-1)))],ht=["src"],mt={key:4,class:"cropper-popup fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 flex flex-col"},wt={class:"w-[720px] relative"},bt=[Z((()=>F("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"violet",height:"13px",width:"13px",version:"1.1",id:"Layer_1",viewBox:"0 0 492 492","xml:space":"preserve"},[F("g",null,[F("g",null,[F("path",{d:"M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872    c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872    c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052    L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116    c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952    c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116    c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z"})])])],-1)))],xt={class:"bg-white p-4 rounded-lg w-[720px] relative"},Ct={key:0,class:"fixed inset-0 bg-black bg-opacity-50 px-1 flex justify-center items-center z-50 scrollable-content"},yt={class:"bg-white rounded-2xl shadow-lg w-full md:w-1/2 p-6 overflow-auto max-h-[100vh] relative animate-fade-in"},kt=[Z((()=>F("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"violet",height:"13px",width:"13px",viewBox:"0 0 492 492"},[F("path",{d:"M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872\n                c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872\n                c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052\n                L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116\n                c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952\n                c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116\n                c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z"}
1)],-1)))];const Lt=c(T,[["render",function(e,t,l,o,a,i){const r=E("Link"),s=E("Loader2"),n=E("ArrowRight"),d=E("RefreshCcw"),c=E("X"),p=E("FeedBackFormComponent"),g=E("SettingComponent"),u=E("DeleteModel"),v=E("VuePictureCropper"),f=E("CropComponent"),h=E("ShowFileInfoComponent");return O(),L(B,null,[F("div",null,[o.files.length<1?(O(),L("div",{key:0,class:U(["relative border-2 border-dashed border-violet-300 rounded-2xl p-8 md:p-12 text-center mt-3 mb-5 bg-gradient-to-br from-violet-50/80 to-indigo-50/50 hover:from-violet-100/90 hover:to-indigo-100/70 hover:border-violet-400 transition-all duration-300 cursor-pointer shadow-sm hover:shadow-md group",{"bg-violet-200 border-violet-600":o.dragActive}]),onClick:t[8]||(t[8]=t=>e.$refs.fileInput.click()),onDragover:t[9]||(t[9]=j(((...e)=>o.dragover&&o.dragover(...e)),["prevent"])),onDragleave:t[10]||(t[10]=j(((...e)=>o.dragleave&&o.dragleave(...e)),["prevent"])),onDrop:t[11]||(t[11]=j(((...e)=>o.dropFile&&o.dropFile(...e)),["prevent"]))},[F("div",$,[F("div",X,[F("input",{ref:"fileInput",type:"file",multiple:"",accept:"image/jpeg,image/jpg,image/png,image/webp,image/heic,image/heif,image/avif,image/gif,image/tiff,image/bmp,image/x-icon",class:"hidden",onChange:t[0]||(t[0]=(...e)=>o.handleFileSelection&&o.handleFileSelection(...e))},null,544),N]),F("div",Y,[F("div",null,[F("h3",W,R(o.isProcessing?"Processing Files...":"Upload Your Files"),1),F("p",q,R(o.isProcessing?"Please wait while we process your images":"Drag and drop your image here, or click to browse. Supports PNG, JPG, WEBP, HEIC, AVIF, GIF, TIFF & more."),1)]),F("div",K,[F("input",{ref:"fileInput",type:"file",multiple:"",accept:"image/jpeg,image/jpg,image/png,image/webp,image/heic,image/heif,image/avif,image/gif,image/tiff,image/bmp,image/x-icon",class:"hidden",onChange:t[1]||(t[1]=(...e)=>o.handleFileSelection&&o.handleFileSelection(...e))},null,544),F("button",{type:"button",class:"inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-violet-600 to-violet-700 text-white rounded-xl hover:from-violet-700 hover:to-violet-800 font-medium shadow-md hover:shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-2",disabled:o.isProcessing,onClick:t[2]||(t[2]=j((t=>e.$refs.fileInput.click()),["stop"]))},[Q,M(" Choose Files ")],8,J),F("button",{type:"button",class:"flex items-center justify-center w-12 h-12 bg-violet-200 text-violet-600 hover:text-white rounded-lg hover:bg-violet-600 hover:shadow-lg transition-all duration-100",onClick:t[3]||(t[3]=j((e=>o.showUrlInput=!o.showUrlInput),["stop"]))},[D(r,{class:"w-5 h-5"})])]),o.showUrlInput?(O(),L("div",{key:0,class:"max-w-xs mx-auto",onClick:t[7]||(t[7]=j((()=>{}),["stop"]))},[F("div",ee,[V(F("input",{type:"text","onUpdate:modelValue":t[4]||(t[4]=e=>o.fileUrl=e),placeholder:"https://example.com/image.png",class:"flex-1 px-3 py-2 text-sm text-gray-900 border-none focus:outline-none focus:ring-0",disabled:o.isProcessing,onKeyup:t[5]||(t[5]=I(((...e)=>o.handleUpload&&o.handleUpload(...e)),["enter"]))},null,40,te),[[P,o.fileUrl]]),o.fileUrl?(O(),L("div",le)):S("",!0),o.fileUrl?(O(),L("button",{key:1,type:"button",onClick:t[6]||(t[6]=j(((...e)=>o.handleUpload&&o.handleUpload(...e)),["stop"])),class:"px-3 text-violet-600 hover:text-violet-800 ml-1 transition-colors duration-100 flex items-center justify-center",disabled:o.isProcessing},[o.isProcessing?(O(),z(s,{key:0,class:"w-4 h-4 animate-spin"})):(O(),z(n,{key:1,class:"w-5 h-5"}))],8,oe)):S("",!0)])])):S("",!0)]),ae])],34)):S("",!0),this.files.length&&!this.submitted?(O(),L("div",ie,[F("div",re," Files Uploaded ("+R(o.files.length)+") ",1),F("div",se,[(O(!0),L(B,null,A(o.files,((e,l)=>(O(),L("div",{key:e.id||l,class:"group relative bg-white border-2 border-gray-200 rounded-xl p-3 shadow-sm hover:shadow-md hover:border-violet-300 transition-all duration-200 cursor-move",draggable:!0,onDragstart:e=>o.handleDragStart(l,e),onDragover:t[12]||(t[12]=j(((...e)=>o.handleDragOver&&o.handleDragOver(...e)),["prevent"])),onDrop:j((e=>o.handleDrop(l,e)),["prevent"]),onDragend:t[13]||(t[13]=(...e)=>o.handleDragEnd&&o.handleDragEnd(...e))}
1,[F("div",de,[e.isLoading?(O(),L("div",ce,pe)):S("",!0),F("img",{src:e.dataURL,alt:"File image",class:"w-full h-32 object-cover rounded-lg"},null,8,ge),F("button",{onClick:t=>o.remove(o.files.indexOf(e)),class:"absolute -top-2 -right-2 bg-violet-400 hover:bg-violet-500 text-white rounded-md p-1 shadow-md opacity-0 group-hover:opacity-100 transition-all duration-200","aria-label":"Remove file"},ve,8,ue)]),F("div",fe,[F("p",{class:"font-medium text-sm text-gray-800 truncate",title:e.name},R(e.name),9,he),F("p",me,R(Math.floor(e.file.size/1024))+" KB",1)]),F("div",we,[F("button",{onClick:e=>o.CropperPopupSet(l),class:"flex-1 p-2 bg-violet-50 hover:bg-violet-100 text-violet-600 rounded-lg transition-colors duration-200 group/btn",title:"Rotate Left"},xe,8,be),F("button",{onClick:e=>o.CropperPopupSet(l),class:"flex-1 p-2 bg-violet-50 hover:bg-violet-100 text-violet-600 rounded-lg transition-colors duration-200 group/btn",title:"Rotate Right"},ye,8,Ce),F("button",{onClick:e=>o.CropperPopupSet(l),class:"flex-1 p-2 bg-violet-50 hover:bg-violet-100 text-violet-600 rounded-lg transition-colors duration-200",title:"Crop"},Le,8,ke)])],40,ne)))),128)),F("div",{onClick:t[15]||(t[15]=t=>e.$refs.fileInput.click()),onDragover:t[16]||(t[16]=j(((...e)=>o.dragover&&o.dragover(...e)),["prevent"])),onDragleave:t[17]||(t[17]=j(((...e)=>o.dragleave&&o.dragleave(...e)),["prevent"])),onDrop:t[18]||(t[18]=j(((...e)=>o.dropFile&&o.dropFile(...e)),["prevent"])),class:U([{"bg-violet-50/50 border-violet-400":o.dragActive},"group bg-gray-50 border-2 border-dashed border-gray-300 rounded-xl p-3 cursor-pointer hover:border-violet-400 hover:bg-violet-50/50 transition-all duration-200 flex flex-col items-center justify-center min-h-[200px]"])},[F("div",Fe,[Ue,F("input",{ref:"fileInput",type:"file",multiple:"",accept:"image/jpeg,image/jpg,image/png,image/webp,image/heic,image/heif,image/avif,image/gif,image/tiff,image/bmp,image/x-icon",class:"hidden",onChange:t[14]||(t[14]=(...e)=>o.handleFileSelection&&o.handleFileSelection(...e))},null,544),je,Re])],34)])])):S("",!0),this.files.length&&!this.submitted?(O(),L("div",Me,[F("div",De,[Ve,(O(!0),L(B,null,A(o.availableSizes,(e=>(O(),L("label",{key:e,class:U(["flex items-center gap-1.5 cursor-pointer px-3 py-1.5 rounded-lg border-2 text-sm font-medium transition-all duration-150",o.selectedSizes.includes(e)?"border-violet-600 bg-violet-600 text-white shadow-sm":"border-gray-300 bg-white text-gray-600 hover:border-violet-400"])},[F("input",{type:"checkbox",class:"hidden",value:e,checked:o.selectedSizes.includes(e),onChange:t=>o.toggleSize(e)},null,40,Pe),M(" "+R(e)+"×"+R(e),1)],2)))),128)),0===o.selectedSizes.length?(O(),L("span",Ie,"⚠ Select at least one size")):(O(),L("span",Se,R(o.selectedSizes.length)+" size"+R(o.selectedSizes.length>1?"s":"")+" selected",1))]),F("div",ze,[F("div",Be,[o.files.length>0&&!o.conversionCompleted?(O(),L("button",{key:0,onClick:t[19]||(t[19]=(...e)=>o.uploadFiles&&o.uploadFiles(...e)),disabled:o.disableConvertButton||0===o.selectedSizes.length,class:U([{"opacity-50 cursor-not-allowed":o.disableConvertButton||0===o.selectedSizes.length},"flex items-center gap-2 py-2 px-5 rounded-md text-white bg-violet-600 hover:bg-violet-800 disabled:bg-violet-300 disabled:cursor-not-allowed transition shadow-md"])}
1,[o.isLoading?(O(),z(s,{key:0,class:"w-5 h-5 animate-spin"})):(O(),z(d,{key:1,class:"w-5 h-5"})),He],10,Ae)):S("",!0),F("button",{onClick:t[20]||(t[20]=e=>o.files=[]),class:"flex items-center py-2 px-4 rounded-md bg-gray-500 hover:bg-gray-600 text-white shadow-md transition"},[D(c,{class:"w-5 h-5 mr-1"}),M(" Clear All ")])])])])):S("",!0),F("div",null,[this.files.length&&this.submitted?(O(),L("div",Ee,[F("div",Oe,[F("h3",null,"Results("+R(this.files.length)+")",1)]),(O(!0),L(B,null,A(o.files,((e,t)=>(O(),L("div",{class:"flex flex-wrap justify-between w-full p-3 my-1",key:t},[F("div",_e,[F("div",Ge,[F("img",{src:e.dataURL,class:"rounded-lg h-5 my-1 mx-auto object-contain",style:{"object-fit":"cover",width:"60px",height:"55px"}},null,8,Te),F("div",Ze,[F("span",$e,R(e.name.substr(e.name.length-10)),1),F("span",Xe,R(Math.floor(e.file.size/1024)+"KB"),1)])]),F("div",Ne,[F("div",Ye,[o.isLoading?(O(),L("div",We,qe)):S("",!0),o.isLoading?S("",!0):(O(),L("div",Ke,[F("div",{class:"my-auto cursor-pointer",onClick:e=>i.toggleFileInfo(t)},Qe,8,Je),this.files.length>0?(O(),L("div",{key:0,class:"my-auto cursor-pointer mx-2",onClick:t=>i.perviewImage(e)},tt,8,et)):S("",!0),F("div",lt,[F("div",ot,[at,e.uploaded?(O(),L("a",{key:0,target:"_blank",href:e.dataURL,download:e.name,class:"mr-3.5"},"DOWNLOAD",8,it)):S("",!0)])])]))]),F("div",rt,[F("button",{onClick:t=>o.remove(o.files.indexOf(e)),title:"Remove file",class:"inline-flex items-center top-2 right-1"},nt,8,st)])])])])))),128)),o.isLoading?S("",!0):(O(),L("div",dt,[F("div",null,[F("button",{onClick:t[21]||(t[21]=e=>a.showFeedbackModal=!0),class:"flex text-md justify-center items-center bg-[#6D28D9] p-2 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm text-md py-2 px-4 space-x-1"},[ct,M(" FEEDBACK ")])]),o.conversionCompleted&&o.files.length>1?(O(),L("button",{key:0,onClick:t[22]||(t[22]=(...e)=>o.downloadAllAsZip&&o.downloadAllAsZip(...e)),class:"flex text-md justify-center items-center bg-[#6D28D9] p-2 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm text-md py-2 px-2 space-x-1"},[pt,M(" DOWNLOAD All ")])):S("",!0),F("div",null,[F("button",{onClick:t[23]||(t[23]=e=>o.isDeleteModel=!0),type:"button",class:"flex text-md justify-center w-32 items-center bg-[#6D28D9] p-2 mt-1 text-white rounded hover:bg-violet-600 hover:shadow-sm text-md py-2 px-4 space-x-1"},[gt,M(" DELETE ")])])]))])):S("",!0),D(p,{showModal:a.showFeedbackModal,onCloseModal:t[24]||(t[24]=e=>a.showFeedbackModal=!1)},null,8,["showModal"])]),a.isResult?(O(),L("div",ut,[F("div",vt,[this.files.length>0?(O(),L("button",{key:0,onClick:t[25]||(t[25]=(...e)=>i.perviewImage&&i.perviewImage(...e)),class:"absolute right-0 top-1 mx-2 bg-[#F5F7F9] border-0 w-10 h-10 rounded-full flex items-center justify-center hover:bg-violet-50"},ft)):S("",!0),F("img",{src:a.isResult,class:"rounded-lg m-8 pt-1 max-h-[500px] w-[720px] mx-auto object-contain",style:{"object-fit":"cover"}},null,8,ht)])])):S("",!0),D(g,{settingPopup:o.settingPopup,"onUpdate:settingPopup":i.updatePopup,title:a.title},null,8,["settingPopup","onUpdate:settingPopup","title"]),D(u,{isDeleteModel:o.isDeleteModel,confirmDelete:o.confirmDelete,onCloseModal:t[26]||(t[26]=e=>o.isDeleteModel=!1)},null,8,["isDeleteModel","confirmDelete"]),o.cropperPopup?(O(),L("div",mt,[F("div",wt,[F("button",{class:"inline-flex items-center my-auto absolute top-6 right-6 z-50 px-3 py-3 hover:bg-violet-50 rounded-full bg-white",onClick:t[27]||
1(t[27]=e=>o.cropperPopup=!1)},bt),F("div",xt,[D(v,{aspectRatio:1,boxStyle:{width:"100%",height:"500px",backgroundColor:"#f8f8f8",margin:"auto"},img:o.pic,options:a.options,onCropend:i.getResult,ref:"cropperRef"},null,8,["img","options","onCropend"]),D(f,{isClodeModel:o.cropperPopup,"onUpdate:isClodeModel":t[28]||(t[28]=e=>o.cropperPopup=e),confirmCrop:o.confirmCrop,flipX:i.flipX,flipY:i.flipY,rotateTo:i.rotateTo,reset:i.reset},null,8,["isClodeModel","confirmCrop","flipX","flipY","rotateTo","reset"])])])])):S("",!0)]),null!==o.showFileInfo?(O(),L("div",Ct,[F("div",yt,[F("button",{class:"absolute top-2 right-4 bg-[#F5F7F9] border-0 w-10 h-10 rounded-full hover:bg-violet-50 flex items-center justify-center transition duration-300",onClick:t[29]||(t[29]=(...e)=>i.closeModal&&i.closeModal(...e))},kt),null!==o.showFileInfo?(O(),z(h,{key:0,files:o.files,isPreview:!0,isExtension:"ico"},null,8,["files"])):S("",!0)])])):S("",!0)],64)}],["__scopeId","data-v-f9d30668"]]);export{Lt as default};
2//# sourceMappingURL=PngToIcoComponent-57514fd4.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.