const c=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))n(o);new MutationObserver(o=>{for(const a of o)if(a.type==="childList")for(const i of a.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function e(o){const a={};return o.integrity&&(a.integrity=o.integrity),o.referrerpolicy&&(a.referrerPolicy=o.referrerpolicy),o.crossorigin==="use-credentials"?a.credentials="include":o.crossorigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function n(o){if(o.ep)return;o.ep=!0;const a=e(o);fetch(o.href,a)}};c();const l=document.querySelector("#bar");function f(r){let t=0;setInterval(()=>{t+=(1-t)/1e4*r,l.style.width=t*100+"%"},r)}const u=document.querySelector("#file-input"),g=document.querySelector("#input-menu"),s=new Worker("/assets/worker.1f36abc4.js",{type:"module"});function p(r,t=2){const e=document.createElement("canvas"),n=e.getContext("2d");return e.width=r.width*t,e.height=r.height*t,n.drawImage(r,0,0,e.width,e.height),n.getImageData(0,0,e.width,e.height)}function h(r){const t=document.createElement("canvas"),e=t.getContext("2d");return t.width=r.width,t.height=r.height,e.putImageData(r,0,0),t.toBlob(n=>{const o=document.createElement("a");o.href=URL.createObjectURL(n),o.click(),URL.revokeObjectURL(n)},"image/jpeg",1)}s.addEventListener("message",r=>{const{inp_data:t,out_data:e}=r.data;h(e)});u.addEventListener("change",r=>{if(!r.target.files||!r.target.files[0])return;const t=new FileReader;t.addEventListener("load",()=>{const e=new Image;e.addEventListener("load",()=>s.postMessage(p(e))),e.src=t.result}),t.readAsDataURL(r.target.files[0]),f(10),g.remove()});document.querySelectorAll(".drop-zone__input").forEach(r=>{const t=r.closest(".drop-zone");t.addEventListener("click",e=>{r.click()}),r.addEventListener("change",e=>{r.files.length&&d(t,r.files[0])}),t.addEventListener("dragover",e=>{e.preventDefault(),t.classList.add("drop-zone--over")}),["dragleave","dragend"].forEach(e=>{t.addEventListener(e,n=>{t.classList.remove("drop-zone--over")})}),t.addEventListener("drop",e=>{e.preventDefault(),e.dataTransfer.files.length&&(r.files=e.dataTransfer.files,d(t,e.dataTransfer.files[0])),t.classList.remove("drop-zone--over")})});function d(r,t){let e=r.querySelector(".drop-zone__thumb");if(r.querySelector(".drop-zone__prompt")&&r.querySelector(".drop-zone__prompt").remove(),e||(e=document.createElement("div"),e.classList.add("drop-zone__thumb"),r.appendChild(e)),e.dataset.label=t.name,t.type.startsWith("image/")){const n=new FileReader;n.readAsDataURL(t),n.onload=()=>{e.style.backgroundImage=`url('${n.result}')`}}else e.style.backgroundImage=null}